:root{--bg-app:#f6f7f9;--bg-surface:#fff;--bg-subtle:#f1f3f6;--bg-hover:#f5f6f8;--bg-selected:#eef4ff;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-tertiary:#9a9aa0;--text-inverse:#fff;--border-subtle:#e6e8ec;--border-strong:#d3d6dc;--accent:#1f4ac4;--accent-hover:#1b3a9e;--accent-soft:#dbe7ff;--brand-950:#0a1638;--danger:#dc2626;--danger-soft:#fdecec;--warning:#b45309;--warning-soft:#fdf3e7;--success:#047857;--success-soft:#e9f6f1;--info:#0369a1;--info-soft:#e8f2fb;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--shadow-sm:0 1px 2px rgba(16,24,40,.04);--shadow-md:0 4px 16px rgba(16,24,40,.08);--shadow-lg:0 12px 40px rgba(16,24,40,.14);--sidebar-width:264px;--sidebar-collapsed:76px;--topbar-height:60px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg-app);color:var(--text-primary);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;font-weight:600;line-height:1.2;letter-spacing:-.01em}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);background:var(--brand-950);color:#fff;border-right:1px solid hsla(0,0%,100%,.08);position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;transition:width .16s ease,flex-basis .16s ease;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed);flex-basis:var(--sidebar-collapsed)}.sidebar-brand{height:var(--topbar-height);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-5);border-bottom:1px solid hsla(0,0%,100%,.1);font-weight:700;color:#fff;white-space:nowrap}.brand-mark{width:28px;height:28px;border-radius:8px;background:hsla(0,0%,100%,.14);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:700}.sidebar-scroll{overflow-y:auto;padding:var(--space-3) var(--space-3) var(--space-6);flex:1 1}.nav-group{margin-bottom:var(--space-5)}.nav-group-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:hsla(0,0%,100%,.45);padding:0 var(--space-3) var(--space-2)}.sidebar.collapsed .nav-group-label{opacity:0;height:8px;padding:0}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:8px var(--space-3);border-radius:var(--radius-sm);color:hsla(0,0%,100%,.78);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer}.nav-item:hover{background:hsla(0,0%,100%,.08);text-decoration:none;color:#fff}.nav-item.active{background:var(--accent-hover);color:#fff}.nav-item .ico{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center}.sidebar.collapsed .nav-item span.label{display:none}.workspace{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-height);position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);background:hsla(0,0%,100%,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border-subtle)}.topbar-title{font-size:15px;font-weight:600}.topbar-spacer{flex:1 1}.icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);display:grid;place-items:center;border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.page{padding:var(--space-8) var(--space-6);max-width:1280px;width:100%;margin:0 auto}.page-header{margin-bottom:var(--space-6);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-title{font-size:28px}.page-subtitle{color:var(--text-secondary);margin-top:var(--space-2);font-size:15px}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--space-6)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.card-title{font-size:17px}.grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stack{flex-direction:column;gap:var(--space-4)}.row,.stack{display:flex}.row{align-items:center;gap:var(--space-3)}.row-wrap{flex-wrap:wrap}.kpi{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5)}.kpi-label{font-size:13px;color:var(--text-secondary)}.kpi-value{font-size:26px;font-weight:650;letter-spacing:-.02em}.kpi-hint,.kpi-value{margin-top:var(--space-1)}.kpi-hint{font-size:13px;color:var(--text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border-radius:var(--radius-sm);font-size:14px;font-weight:550;cursor:pointer;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);transition:background .12s ease,border-color .12s ease}.btn:hover{background:var(--bg-hover);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-sm{height:30px;padding:0 var(--space-3);font-size:13px}.input,.select,textarea.input{width:100%;height:36px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font:inherit;font-size:14px}textarea.input{height:auto;padding:var(--space-3);min-height:88px;resize:vertical}.input:focus,.select:focus,textarea.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-size:13px;font-weight:550;color:var(--text-secondary)}.field .hint{font-size:12px;color:var(--text-tertiary)}.field-error{font-size:12px;color:var(--danger)}.badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:550;border:1px solid transparent}.badge-neutral{background:var(--bg-subtle);color:var(--text-secondary)}.badge-info{background:var(--info-soft);color:var(--info)}.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)}.dot{width:6px;height:6px;border-radius:999px;background:currentColor}.table-wrap{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface)}table.table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}table.table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:var(--bg-subtle);color:var(--text-secondary);text-align:left;font-weight:600;font-size:12.5px;letter-spacing:.01em;padding:10px var(--space-4);border-bottom:1px solid var(--border-subtle);white-space:nowrap}table.table thead th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}table.table tbody td{padding:12px var(--space-4);border-bottom:1px solid var(--border-subtle)}table.table tbody tr:last-child td{border-bottom:none}table.table tbody tr:hover{background:var(--bg-hover)}table.table tbody tr.selected{background:var(--bg-selected)}.table-toolbar{gap:var(--space-3);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.table-foot,.table-toolbar{display:flex;align-items:center;padding:var(--space-3) var(--space-4)}.table-foot{justify-content:space-between;font-size:13px}.empty,.table-foot{color:var(--text-secondary)}.empty{text-align:center;padding:var(--space-12) var(--space-6);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-surface)}.empty-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.skeleton{background:linear-gradient(90deg,#eef0f3 25%,#f6f7f9 37%,#eef0f3 63%);background-size:400% 100%;animation:sk 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes sk{0%{background-position:100% 50%}to{background-position:0 50%}}.alert{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface)}.alert-danger{background:var(--danger-soft);border-color:#f3c9c9;color:#8a1f1f}.toast{position:fixed;right:24px;bottom:24px;z-index:60;padding:12px 16px;border-radius:var(--radius-md);background:#1d1d1f;color:#fff;box-shadow:var(--shadow-lg);font-size:14px}.split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-gap:var(--space-6);gap:var(--space-6)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-5);overflow-x:auto}.tab{padding:10px var(--space-4);font-size:14px;font-weight:550;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:none;border:none;border-bottom:2px solid transparent}.tab.active{color:var(--accent-hover);border-bottom-color:var(--accent)}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}}@media (max-width:720px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page{padding:var(--space-5) var(--space-4)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.login-grid{min-height:100vh;display:grid}@media (min-width:1024px){.login-grid{grid-template-columns:1fr 1fr}}.login-hero{display:none;flex-direction:column;justify-content:space-between;background:var(--brand-950);color:#fff;padding:48px}@media (min-width:1024px){.login-hero{display:flex}}.login-hero-mark{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:hsla(0,0%,100%,.12);font-weight:700;font-size:15px;letter-spacing:.02em}.login-hero-copy h1{font-size:1.75rem;font-weight:700;line-height:1.3;margin:24px 0 12px}.login-hero-copy p{font-size:.875rem;color:hsla(0,0%,100%,.75);max-width:28rem;line-height:1.6;margin-bottom:16px}.login-hero-copy ul{font-size:.75rem;color:hsla(0,0%,100%,.65);display:flex;flex-direction:column;gap:6px;list-style:none;padding:0}.login-hero-copy ul li:before{content:"• "}.login-hero-footer{font-size:11px;color:hsla(0,0%,100%,.5)}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:32px}.login-form{width:100%;max-width:22rem;display:flex;flex-direction:column;gap:var(--space-4)}.login-form-title{margin-bottom:8px}