:root{--bg:#f4f5f9;--surface:#fff;--surface-2:#f8f9fc;--text:#1c1f2a;--text-muted:#6b7280;--border:#e3e6ee;--border-strong:#cfd4e0;--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#eef0fe;--danger:#dc2626;--danger-hover:#b91c1c;--danger-soft:#fee2e2;--success:#15803d;--success-soft:#dcfce7;--warning:#b45309;--warning-soft:#fef3c7;--info:#1d4ed8;--info-soft:#dbeafe;--neutral-soft:#eceef3;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 8px 24px #1018281f;--radius:12px;--radius-sm:8px;--sidebar-w:252px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--bg:#0f1117;--surface:#181b23;--surface-2:#1f232d;--text:#e7e9ee;--text-muted:#9aa1b1;--border:#2a2f3a;--border-strong:#3a4150;--accent:#818cf8;--accent-hover:#6f7bf7;--accent-soft:#818cf829;--danger:#f87171;--danger-hover:#ef4444;--danger-soft:#f8717129;--success:#4ade80;--success-soft:#4ade8029;--warning:#fbbf24;--warning-soft:#fbbf2429;--info:#60a5fa;--info-soft:#60a5fa29;--neutral-soft:#9aa1b129;--shadow-md:0 8px 24px #00000080}}*{box-sizing:border-box}body{min-height:100svh;margin:0}h1,h2,h3{color:var(--text);margin:0;font-weight:600;line-height:1.25}a{color:var(--accent);text-decoration:none}.muted{color:var(--text-muted)}.btn{border-radius:var(--radius-sm);font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:background .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.btn--md{padding:10px 18px;font-size:.95rem}.btn--sm{padding:7px 13px;font-size:.85rem}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled){background:var(--surface-2)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){background:var(--danger-hover)}.btn--ghost{color:var(--text-muted);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--neutral-soft);color:var(--text)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn__spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.link-btn{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.link-btn:hover{text-decoration:underline}.link-btn--danger{color:var(--danger)}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--text);font-size:.85rem;font-weight:600}.field__required{color:var(--danger)}.field__message{color:var(--text-muted);font-size:.78rem}.field__message--error{color:var(--danger)}.control{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);font:inherit;padding:10px 12px;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.control:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.field--error .control{border-color:var(--danger)}textarea.control{resize:vertical;min-height:64px}.checkbox-field{align-items:center;gap:8px;font-size:.92rem;font-weight:500;display:flex}.checkbox-field input{width:18px;height:18px;accent-color:var(--accent)}.badge{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.badge--neutral{background:var(--neutral-soft);color:var(--text-muted)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--info{background:var(--info-soft);color:var(--info)}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100svh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:24px;height:100svh;padding:24px 16px;display:flex;position:sticky;top:0}.sidebar__brand{align-items:center;gap:12px;padding:0 8px;display:flex}.sidebar__logo,.auth-card__logo{background:var(--accent);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.sidebar__brand-text{flex-direction:column;line-height:1.2;display:flex}.sidebar__brand-text strong{font-size:1rem}.sidebar__brand-text small{color:var(--text-muted);font-size:.78rem}.sidebar__nav{flex-direction:column;gap:4px;display:flex}.sidebar__link{border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:12px;padding:11px 14px;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar__link:hover{background:var(--surface-2);color:var(--text)}.sidebar__link--active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar__icon{font-size:.9rem}.app-main{flex-direction:column;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:16px;padding:14px 28px;display:flex;position:sticky;top:0}.topbar__menu{color:var(--text);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.4rem;display:none}.topbar__scope{font-weight:600}.topbar__user{align-items:center;gap:12px;margin-left:auto;display:flex}.topbar__avatar{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid}.topbar__user-info{flex-direction:column;line-height:1.2;display:flex}.topbar__user-info strong{font-size:.9rem}.topbar__user-info small{color:var(--text-muted);font-size:.78rem}.app-content{width:100%;max-width:1200px;margin:0 auto;padding:28px}.app-shell__backdrop{display:none}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header__title{font-size:1.6rem}.page-header__description{color:var(--text-muted);margin-top:4px}.page-header__actions{flex-wrap:wrap;gap:10px;display:flex}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.toolbar .field{flex:220px;min-width:220px;max-width:360px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px}.card__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.card__header h2{font-size:1.15rem}.card__footer{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.card__footer--wrap{flex-wrap:wrap}.detail-stack{flex-direction:column;gap:20px;display:flex}.definition-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:0;display:grid}.definition-grid dt{color:var(--text-muted);margin-bottom:4px;font-size:.8rem}.definition-grid dd{margin:0;font-weight:500}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:20px;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);flex-direction:column;gap:6px;padding:16px;display:flex}.stat-card__label{color:var(--text-muted);font-size:.8rem}.stat-card__value{font-size:1.5rem;font-weight:700}.stat-card__hint{color:var(--text-muted);font-size:.78rem}.stat-card--success .stat-card__value{color:var(--success)}.stat-card--warning .stat-card__value{color:var(--warning)}.stat-card--danger .stat-card__value{color:var(--danger)}.stat-card--info .stat-card__value{color:var(--info)}.progress{background:var(--neutral-soft);border-radius:999px;height:12px;margin-bottom:10px;overflow:hidden}.progress__bar{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.progress__bar--full{background:var(--danger)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.92rem}.data-table th,.data-table td{text-align:left;padding:13px 16px}.data-table th[data-align=end],.data-table td[data-align=end]{text-align:right}.data-table th[data-align=center],.data-table td[data-align=center]{text-align:center}.data-table thead th{background:var(--surface-2);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);font-size:.78rem}.data-table tbody tr{border-bottom:1px solid var(--border)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--surface-2)}.cell-stack{flex-direction:column;gap:2px;display:flex}.cell-code{color:var(--text-muted);font-family:ui-monospace,Consolas,monospace;font-size:.82rem}.cell-actions{flex-wrap:wrap;justify-content:flex-end;gap:14px;display:inline-flex}.table-state{text-align:center;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.table-state--error{color:var(--danger)}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.pagination__info{color:var(--text-muted);font-size:.88rem}.pagination__controls{align-items:center;gap:10px;display:flex}.pagination__btn{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;padding:7px 14px;font-size:.88rem}.pagination__btn:disabled{opacity:.5;cursor:not-allowed}.pagination__page{color:var(--text-muted);font-size:.88rem}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.tab{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-weight:600}.tab--active{color:var(--accent);border-bottom-color:var(--accent)}.modal-overlay{z-index:60;background:#0f11178c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-md);flex-direction:column;max-height:90svh;display:flex}.modal--sm{max-width:420px}.modal--md{max-width:560px}.modal--lg{max-width:720px}.modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal__title{font-size:1.15rem}.modal__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.6rem;line-height:1}.modal__body{padding:22px;overflow-y:auto}.modal__body>p{margin:0 0 14px}.modal__footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.form-grid>.field:first-child,.form-grid .checkbox-field,.form-grid textarea{grid-column:1/-1}.form-grid .field:has(textarea){grid-column:1/-1}.confirm-message{color:var(--text);margin:0}.token-box{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:12px;padding:14px;display:flex}.token-box code{word-break:break-all;flex:1;font-family:ui-monospace,Consolas,monospace;font-size:.9rem}.history-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.history-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.history-item:last-child{border-bottom:none;padding-bottom:0}.history-item__change{color:var(--text-muted);font-size:.85rem;display:block}.history-item time{color:var(--text-muted);white-space:nowrap;font-size:.82rem}.auth-page{background:linear-gradient(160deg, var(--bg), var(--surface-2));place-items:center;min-height:100svh;padding:24px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow-md);border-radius:16px;padding:32px}.auth-card__brand{text-align:center;margin-bottom:24px}.auth-card__logo{width:52px;height:52px;margin:0 auto 14px;font-size:1.1rem}.auth-card__brand h1{font-size:1.5rem}.auth-card__brand p{color:var(--text-muted);margin:6px 0 0;font-size:.92rem}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form__error{border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);margin:0;padding:10px 12px;font-size:.88rem}.auth-form__submit{margin-top:4px}.toast-viewport{z-index:80;flex-direction:column;gap:10px;max-width:calc(100vw - 48px);display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-md);font:inherit;text-align:left;cursor:pointer;border-left:4px solid var(--text-muted);padding:13px 18px;font-size:.9rem;font-weight:500;animation:.2s toast-in}.toast--success{border-left-color:var(--success)}.toast--error{border-left-color:var(--danger)}.toast--info{border-left-color:var(--info)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:50;width:var(--sidebar-w);transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.app-shell--menu-open .sidebar{transform:translate(0)}.app-shell--menu-open .app-shell__backdrop{z-index:40;background:#0f111780;display:block;position:fixed;inset:0}.topbar__menu{display:block}}@media (width<=640px){.app-content{padding:18px 16px}.topbar{padding:12px 16px}.topbar__user-info{display:none}.form-grid{grid-template-columns:1fr}.card{padding:18px}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.table-wrap{background:0 0;border:none;overflow:visible}.data-table tr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:8px 4px}.data-table td{justify-content:space-between;align-items:center;gap:16px;padding:9px 16px;display:flex;text-align:right!important}.data-table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);text-align:left;font-size:.78rem;font-weight:600}.cell-stack,.cell-actions{align-items:flex-end}.page-header__title{font-size:1.35rem}}