.page{padding:32px}.page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page__title{margin:0;font-size:1.5rem;font-weight:600;color:#111827;display:flex;align-items:baseline;gap:4px}.page__count{font-size:.875rem;font-weight:400;color:#6b7280}.card{position:relative;z-index:1;background:#ffffffbf;border:1px solid #e5e7eb;border-radius:8px;padding:24px;margin-bottom:24px}.card__title{margin:0 0 16px;font-size:.9375rem;font-weight:600;color:#111827}.error-banner{padding:8px 16px;margin-bottom:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#b91c1c;font-size:.875rem}.state-msg{padding:32px;text-align:center;color:#6b7280;font-size:.875rem}.table-wrap{position:relative;z-index:1;background:#ffffffbf;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.table{width:100%;border-collapse:collapse;font-size:.875rem;table-layout:fixed}.table th{padding:8px 16px;text-align:left;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f5f5f5;border-bottom:1px solid #e5e7eb;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table td{padding:8px 16px;color:#111827;border-bottom:1px solid #e5e7eb;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:#f5f5f5}.table th:last-child,.table td:last-child{width:110px;text-align:right;white-space:nowrap;overflow:visible}.actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.action-link{font-size:.875rem;color:#6366f1;background:none;border:none;cursor:pointer;padding:0;white-space:nowrap}.action-link:hover{text-decoration:underline}.action-btn{background:transparent;padding:2px 8px;font-size:.75rem;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.action-btn--danger{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.action-btn--danger:hover{background:#fecaca}.muted,.text-muted{color:#6b7280;font-size:.75rem}.btn-primary{padding:8px 16px;background:#111827;color:#fff;font-size:.875rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:background .15s ease;white-space:nowrap}.btn-primary:hover:not(:disabled){background:#1f2937}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{padding:8px 16px;background:transparent;color:#6b7280;font-size:.875rem;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;white-space:nowrap}.btn-ghost:hover{border-color:#111827;color:#111827}.tabs{display:flex;gap:2px;margin-bottom:24px;border-bottom:1px solid #e5e7eb}.tabs__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;color:#6b7280;transition:color .15s ease,border-color .15s ease}.tabs__btn:hover{color:#111827}.tabs__btn--active{color:#111827;border-bottom-color:#111827;font-weight:500}.tabs__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:1px 6px;border-radius:20px;font-size:11px;font-weight:600;line-height:1.4;background:#e5e7eb;color:#6b7280;transition:background .15s ease,color .15s ease}.tabs__btn--active .tabs__count{background:#111827;color:#fff}.toolbar{display:flex;gap:8px;margin-bottom:24px}.toolbar__search{flex:1;max-width:400px;padding:8px 16px;font-size:.875rem;border:1px solid #d1d5db;border-radius:6px;outline:none;transition:border-color .15s ease}.toolbar__search:focus{border-color:#6366f1}.toolbar__sort{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;color:#6b7280;background:transparent;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,color .15s ease}.toolbar__sort:hover{border-color:#6366f1;color:#111827}.toolbar__sort--asc .toolbar__sort-icon{transform:rotate(180deg)}.toolbar__sort-icon{display:inline-block;transition:transform .2s ease}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px}.pag-btn{padding:4px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:.875rem;cursor:pointer}.pag-btn:disabled{opacity:.4;cursor:default}.pag-btn:not(:disabled):hover{border-color:#111827}.pag-info{font-size:.875rem;color:#6b7280}.field{display:flex;flex-direction:column;gap:4px}.field--full{grid-column:1/-1}.label{font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.input{padding:8px 16px;font-size:.875rem;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;transition:border-color .15s ease;width:100%;box-sizing:border-box}.input:focus{border-color:#6366f1}.input--textarea{resize:vertical;min-height:64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Inter,sans-serif;background-color:#f5f5f5;color:#111827;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}