:root{color-scheme:light;--brand-primary:#3366d6;--brand-primary-dark:#264fb0;--brand-primary-soft:#eef3ff;--bg-app:#f5f7fb;--bg-surface:#fff;--bg-surface-muted:#f8faff;--text-default:#111827;--text-muted:#6b7280;--text-soft:#8b95a7;--border-default:#e3e8f3;--border-strong:#cfd8ea;--ok-bg:#e8f7ee;--ok-text:#256f3a;--ok-border:#b7e2c3;--warn-bg:#fff5e8;--warn-text:#9b5f00;--warn-border:#f2d29f;--danger-bg:#fdeeee;--danger-text:#b42318;--danger-border:#f5c2c2;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px rgba(17,24,39,.05);--shadow-md:0 8px 24px rgba(17,24,39,.08);--dur-fast:120ms;--dur-med:180ms}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg-app);color:var(--text-default);line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none;transition:color var(--dur-fast) ease}a:hover{color:var(--brand-primary-dark)}.container{max-width:1100px;margin:0 auto}.card,.container{padding:var(--space-4)}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-med) ease,border-color var(--dur-med) ease}.card:hover{border-color:var(--border-strong)}.panel{background:var(--bg-surface-muted);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4)}.row{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.row-between{justify-content:space-between}.stack-sm{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.stack-md{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.stack-lg{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.page-header{align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.page-actions,.page-header{display:flex;flex-wrap:wrap}.page-actions{align-items:center;gap:var(--space-2)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3)}input,select,textarea{width:100%;padding:9px 11px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font:inherit;color:var(--text-default);background:#fff;transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}textarea{min-height:96px}a:focus-visible,button:focus-visible,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(51,102,214,.18)}button{padding:8px 12px;border:1px solid var(--brand-primary);border-radius:var(--radius-sm);background:var(--brand-primary);color:#fff;cursor:pointer;transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease,transform var(--dur-fast) ease}button:hover:not(:disabled){background:var(--brand-primary-dark);border-color:var(--brand-primary-dark);transform:translateY(-1px)}button.secondary{background:#fff;color:var(--brand-primary);border-color:#b8c8f4}button.secondary:hover:not(:disabled){background:var(--brand-primary-soft);border-color:var(--brand-primary)}button.danger,button[style*=crimson]{background:var(--danger-bg)!important;color:var(--danger-text)!important;border-color:var(--danger-border)!important}button.danger:hover:not(:disabled),button[style*=crimson]:hover:not(:disabled){background:#f8dede!important}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap>table{min-width:640px}table{width:100%;border-collapse:collapse;background:#fff}td,th{padding:10px;border-bottom:1px solid #edf1f8;vertical-align:top}th{text-align:left;font-weight:600;color:var(--brand-primary);background:#fbfcff}tbody tr{transition:background var(--dur-fast) ease}tbody tr:hover td{background:#f8faff}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#f0f3fa;border:1px solid #d8e1f1;font-size:12px;line-height:1.3}.badge-ok{background:var(--ok-bg);color:var(--ok-text);border-color:var(--ok-border)}.badge-warn{background:var(--warn-bg);color:var(--warn-text);border-color:var(--warn-border)}.badge-danger{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border)}.small{font-size:12px;color:var(--text-muted)}.h1{font-size:22px;line-height:1.2}.h1,.h2{font-weight:700;margin:0;color:var(--brand-primary)}.h2{font-size:17px;line-height:1.25}.subtitle{font-size:13px;color:var(--text-muted)}.empty-state{padding:var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-soft);background:#fafcff}.nav{display:flex;gap:8px;padding:10px 0;align-items:center}.nav a{padding:7px 10px;border-radius:var(--radius-sm);font-weight:500}.nav a.active{background:var(--brand-primary);color:#fff}.nav a:hover:not(.active){background:var(--brand-primary-soft)}.dropdown-item{display:block;padding:9px 14px;font-size:14px;color:var(--text-default);border-bottom:1px solid #f0f2f8}.dropdown-item:hover{background:var(--brand-primary-soft)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.mobile-only{display:none}.app-header-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.app-header-user{display:flex;gap:var(--space-2);align-items:center}.mobile-nav-list{display:flex;flex-direction:column;gap:var(--space-2)}.mobile-nav-list a,.mobile-nav-list button{padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:#fff}.mobile-nav-list a.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}@media (max-width:900px){.container{padding:12px}.card,.kpi-card,.panel{padding:12px;border-radius:10px}.h1{font-size:19px}.h2{font-size:16px}td,th{padding:8px}button,input,select,textarea{min-height:40px}.desktop-only{display:none!important}.mobile-only{display:block!important}}@media (max-width:640px){.container{padding:10px}.row{gap:8px}.page-actions{width:100%}.page-actions>*{flex:1 1 auto}.table-wrap>table{min-width:560px}}