:root{--bg:#f3f5f8;--surface:#ffffff;--surface-alt:#f8fafc;--surface-hover:#f0f6ff;--text:#132033;--text-secondary:#435a73;--muted:#5e6f82;--border:#d7dee7;--border-strong:#b8c5d1;--focus:#70a0cf;--primary:#0f4c81;--primary-strong:#0b3a63;--primary-subtle:#e8f0fa;--danger:#b54748;--danger-strong:#9f1d2a;--danger-subtle:#fbe9ea;--success:#1f7a49;--success-subtle:#e8f6ee;--warning:#a16207;--warning-subtle:#fff6e4;--neutral-subtle:#edf2f7;--nav-bg-from:#0d1b2a;--nav-bg-to:#102236;--nav-text:#cddff0;--nav-text-muted:#8aa1b8;--nav-text-brand:#9bb2c8;--nav-active-bg:rgba(255,255,255,0.18);--nav-hover-bg:rgba(255,255,255,0.10);--nav-divider:rgba(255,255,255,0.08);--sidebar-width:272px;--radius:10px;--radius-sm:6px;--radius-lg:14px;--control-h:36px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--font:"Segoe UI","Noto Sans",system-ui,sans-serif;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:26px;--shadow-sm:0 1px 3px rgba(16,29,44,0.06);--shadow-md:0 2px 8px rgba(16,29,44,0.08);--shadow-lg:0 4px 20px rgba(16,29,44,0.12);--shadow-xl:0 8px 32px rgba(16,29,44,0.16);--transition:0.15s ease;--z-sticky:10;--z-dropdown:100;--z-dialog:900;--z-toast:1000}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:var(--text-base);line-height:1.5;color:var(--text);background:radial-gradient(circle at 0 0,#eaf0f6 0,var(--bg) 45%) fixed}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;line-height:1.2;font-weight:600}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h3,h4{font-weight:600}h4{font-size:var(--text-base)}p{margin:0}.shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}.nav{background:linear-gradient(180deg,var(--nav-bg-from) 0,var(--nav-bg-to) 100%);color:var(--nav-text);display:flex;flex-direction:column;height:100vh;position:-webkit-sticky;position:sticky;top:0;border-right:1px solid var(--nav-divider)}.nav-header{flex-shrink:0;padding:var(--sp-5) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--nav-divider)}.nav-scroll{flex:1 1;overflow-y:auto;padding:var(--sp-3) var(--sp-4);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.nav-scroll::-webkit-scrollbar{width:4px}.nav-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:2px}.nav-footer{flex-shrink:0;padding:var(--sp-3) var(--sp-4) var(--sp-4);border-top:1px solid var(--nav-divider)}.brand h2{font-size:var(--text-lg);color:#fff;font-weight:700}.brand p{margin-top:var(--sp-1);color:var(--nav-text-brand);font-size:var(--text-xs)}.nav-group{margin-top:var(--sp-4)}.nav-group:first-child{margin-top:var(--sp-2)}.nav-group-title{font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--nav-text-muted);font-weight:600;margin-bottom:var(--sp-1);padding:0 var(--sp-1)}.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.nav a{display:flex;align-items:center;padding:var(--sp-2) var(--sp-2);border-radius:var(--radius-sm);color:var(--nav-text);font-size:var(--text-base);transition:background var(--transition),color var(--transition);min-height:34px}.nav a:focus,.nav a:hover{background:var(--nav-hover-bg);outline:none}.nav a.nav-active{background:var(--nav-active-bg);color:#fff;font-weight:600}.logout-form{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:0}.session-hint{font-size:var(--text-xs);color:var(--nav-text-muted);word-break:break-all}.main{padding:var(--sp-6);max-width:1700px}.page{display:flex;flex-direction:column;gap:var(--sp-4)}.page-header{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3)}.page-header p{color:var(--muted);margin-top:var(--sp-1);font-size:var(--text-base)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4);box-shadow:var(--shadow-sm)}.card>.filters+*,.card>h3+*{margin-top:var(--sp-3)}.card.soft{background:var(--surface-alt);display:grid;grid-gap:var(--sp-2);gap:var(--sp-2)}.card.soft.row-between{display:flex}.card-meta{color:var(--muted);font-size:var(--text-sm);margin-bottom:var(--sp-2)}.grid{grid-gap:var(--sp-3)}.grid,.grid-3{display:grid;gap:var(--sp-3)}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--sp-3)}.split{grid-template-columns:2fr 1fr;grid-gap:var(--sp-3)}.split,.split-half{display:grid;gap:var(--sp-3)}.split-half{grid-template-columns:1fr 1fr;grid-gap:var(--sp-3)}.stack{gap:var(--sp-2)}.stack,label{display:flex;flex-direction:column}label{gap:var(--sp-1);font-size:var(--text-sm);font-weight:500;color:var(--muted)}form{display:grid;grid-gap:var(--sp-3);gap:var(--sp-3);margin-top:var(--sp-3)}label:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:var(--sp-2);font-weight:400;color:var(--text);cursor:pointer}input,select,textarea{height:var(--control-h);border-radius:var(--radius-sm);border:1px solid var(--border);padding:0 var(--sp-2);font:inherit;font-size:var(--text-base);background:#fff;color:var(--text);transition:border-color var(--transition),box-shadow var(--transition)}input:hover,select:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px rgba(112,160,207,.2)}textarea{height:auto;min-height:88px;padding:var(--sp-2);resize:vertical}input[type=checkbox]{height:16px;width:16px;flex-shrink:0;accent-color:var(--primary);cursor:pointer;padding:0}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:var(--control-h);padding:0 var(--sp-4);border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;font-size:var(--text-base);font-weight:500;cursor:pointer;white-space:nowrap;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition);background:var(--primary);color:#fff}button:hover{background:var(--primary-strong);box-shadow:var(--shadow-sm)}button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(112,160,207,.35)}button:disabled{opacity:.55;cursor:not-allowed}button.ghost{background:var(--surface);color:var(--text-secondary);border-color:var(--border)}button.ghost:hover{background:var(--surface-alt);border-color:var(--border-strong);box-shadow:none}button.secondary{background:var(--text-secondary);color:#fff;border-color:transparent}button.secondary:hover{background:#364f64}button.warn{background:var(--danger-strong);color:#fff;border-color:transparent}button.warn:hover{background:var(--danger)}button.btn-sm{height:28px;padding:0 var(--sp-2);font-size:var(--text-sm)}.filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:var(--sp-2);gap:var(--sp-2);align-items:end;position:-webkit-sticky;position:sticky;top:0;background:linear-gradient(180deg,#ffffff,#ffffffeb);z-index:var(--z-sticky);padding-bottom:var(--sp-2);margin-top:0}.filter-actions{display:flex;gap:var(--sp-2);align-items:flex-end;padding-bottom:1px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:13px;min-width:1100px}td,th{border-bottom:1px solid #e7edf4;text-align:left;padding:var(--sp-2) var(--sp-3);vertical-align:top}th{background:#f5f8fb;color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;position:-webkit-sticky;position:sticky;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}tbody tr:last-child td{border-bottom:none}table a{color:var(--primary)}table a:hover{text-decoration:underline}tbody tr:hover{background:var(--surface-hover)}tbody tr.clickable-row{cursor:pointer}th[class*=sort-]{cursor:pointer;color:var(--primary)}th.sort-asc:after{content:" ▲";font-size:9px}th.sort-desc:after{content:" ▼";font-size:9px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:2px 9px;font-size:var(--text-xs);font-weight:500;line-height:1.6;border:1px solid transparent}.badge.ok{background:var(--success-subtle);color:var(--success);border-color:#b9e3cb}.badge.warn{background:var(--warning-subtle);color:var(--warning);border-color:#f4dda3}.badge.danger{background:var(--danger-subtle);color:var(--danger);border-color:#f0c2c7}.badge.neutral{background:var(--neutral-subtle);color:var(--text-secondary);border-color:#d8e1eb}.timeline{display:flex;flex-direction:column;gap:var(--sp-2)}.timeline-item{border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3);background:#fff;display:grid;grid-gap:var(--sp-1);gap:var(--sp-1)}.timeline-meta{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap;color:var(--muted);font-size:var(--text-sm)}.timeline-item>a{font-size:var(--text-sm);color:var(--primary);margin-top:var(--sp-1)}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:var(--sp-3);gap:var(--sp-3)}.kpi{display:flex;flex-direction:column;gap:var(--sp-2)}.kpi .label{color:var(--muted);font-size:var(--text-sm)}.kpi .value{font-weight:700;font-size:26px;line-height:1;color:var(--text)}a.kpi-link{display:block;text-decoration:none;color:inherit;transition:border-color var(--transition),box-shadow var(--transition)}a.kpi-link:hover{border-color:var(--primary);box-shadow:0 2px 12px rgba(15,76,129,.1)}.breadcrumb{flex-wrap:wrap;font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--sp-1)}.breadcrumb,.breadcrumb-item{display:flex;gap:var(--sp-1);align-items:center}.breadcrumb .sep{color:var(--border-strong)}.breadcrumb a{color:var(--muted);transition:color var(--transition)}.breadcrumb a:hover{color:var(--primary);text-decoration:underline}.pagination{display:flex;gap:var(--sp-1);align-items:center;flex-wrap:wrap;margin-top:var(--sp-4);font-size:13px}.pagination a,.pagination span{display:inline-flex;align-items:center;height:32px;padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);text-decoration:none;white-space:nowrap;transition:background var(--transition),border-color var(--transition)}.pagination a:hover{background:var(--surface-alt);border-color:var(--primary)}.pagination a.current{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}.pagination span{color:var(--muted);cursor:default}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-5);border:1px dashed var(--border);border-radius:var(--radius);background:#fafcff;text-align:center}.empty-state-icon{width:40px;height:40px;color:var(--border-strong);flex-shrink:0}.empty-state-message{color:var(--muted);font-size:var(--text-md);margin:0}.empty-state-action{font-size:var(--text-base);color:var(--primary);text-decoration:underline;transition:color var(--transition)}.empty-state-action:hover{color:var(--primary-strong)}.stack>a{color:var(--primary);font-size:var(--text-base)}.stack>a:hover{text-decoration:underline}.empty{border:1px dashed var(--border);border-radius:var(--radius);padding:var(--sp-5);background:#fafcff}.empty,.helper{color:var(--muted)}.helper{font-size:var(--text-sm)}.error{color:var(--danger);font-size:13px}.toast{position:fixed;bottom:var(--sp-6);right:var(--sp-6);z-index:var(--z-toast);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius);font-size:var(--text-base);font-weight:500;box-shadow:var(--shadow-xl);animation:toast-in .2s ease;max-width:360px}.toast-ok{background:var(--success);color:#fff}.toast-danger{background:var(--danger);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dialog-backdrop{position:fixed;inset:0;background:rgba(10,20,32,.45);z-index:var(--z-dialog);display:flex;align-items:center;justify-content:center}.dialog-box{background:var(--surface);border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-8);max-width:420px;width:90%;box-shadow:var(--shadow-xl)}.dialog-box p{margin-bottom:var(--sp-5);font-size:var(--text-md);color:var(--text)}.dialog-actions{display:flex;gap:var(--sp-2);justify-content:flex-end}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.btn-row{gap:var(--sp-2)}.btn-row,.row-between{display:flex;align-items:center}.row-between{justify-content:space-between;gap:var(--sp-3)}.tab-group{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-2)}.action-links{display:grid;grid-gap:var(--sp-1);gap:var(--sp-1)}.action-links a{font-size:var(--text-sm);color:var(--primary);white-space:nowrap}.action-links a:hover{text-decoration:underline}.login-container{max-width:420px;margin:80px auto}.login-container h1{font-size:var(--text-xl)}@media (max-width:1400px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:980px){.shell{grid-template-columns:1fr}.nav{height:auto;position:static}.nav-scroll{overflow-y:visible}.main{padding:var(--sp-4)}.filters,.grid-3,.kpi-grid,.split,.split-half{grid-template-columns:1fr}}