:root{--color-bg:#fff;--color-surface:#fff;--color-surface-muted:#f0f2f7;--color-border:#e2e6ef;--color-border-strong:#c9d0e0;--color-text:#16213e;--color-text-secondary:#3b4e7e;--color-text-muted:#5a6b94;--color-text-faint:#8a97b5;--color-primary:#1e2a4a;--color-primary-hover:#2a3a63;--color-primary-soft:#e2e6ef;--color-primary-faint:#f0f2f7;--color-on-primary:#fff;--color-action:#7c4a2d;--color-action-hover:#5f3722;--color-action-soft:#f1e4da;--color-action-faint:#faf4ef;--color-success:#16a34a;--color-success-strong:#15803d;--color-success-soft:#dcfce7;--color-warning:#d97706;--color-warning-strong:#b45309;--color-warning-soft:#fef3c7;--color-danger:#dc2626;--color-danger-strong:#b91c1c;--color-danger-soft:#fee2e2;--color-danger-faint:#fef2f2;--color-row-hover:#f7f8fb;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-figure:2rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:3rem;--space-8:2rem;--space-10:2.5rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:999px;--shadow-sm:0 1px 2px rgba(22,33,62,.06);--shadow-md:0 8px 24px rgba(22,33,62,.12);--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--duration-fast:.12s;--duration-base:.18s;--duration-slow:.24s;--sidebar-width:240px;--topbar-height:60px}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--color-bg);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased}body,h1,h2,h3,h4{color:var(--color-text)}h1,h2,h3,h4{font-weight:700;line-height:1.25;margin:0}p{margin:0}a{color:var(--color-action);text-decoration:none}a:hover{color:var(--color-action-hover);text-decoration:underline}button{font-family:inherit}:focus-visible{border-radius:2px;outline:2px solid var(--color-action);outline-offset:2px}.btn:focus-visible,.form-input:focus-visible{outline:none}.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:600;gap:var(--space-2);height:36px;justify-content:center;line-height:1;padding:0 var(--space-4);transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn,a.btn:hover{text-decoration:none}.btn:active{transform:scale(.97)}.btn:focus-visible{border-color:var(--color-action);box-shadow:0 0 0 3px var(--color-action-soft)}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{background:var(--color-primary-hover);color:var(--color-on-primary)}.btn-action{background:var(--color-action);color:var(--color-on-primary)}.btn-action:hover{background:var(--color-action-hover);color:var(--color-on-primary)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn-secondary:hover{background:var(--color-surface-muted);color:var(--color-text)}.btn-ghost{background:transparent;color:var(--color-action)}.btn-ghost:hover{background:var(--color-action-faint);color:var(--color-action-hover)}.btn-danger{background:transparent;border-color:var(--color-danger-strong)}.btn-danger,.btn-danger:hover{color:var(--color-danger-strong)}.btn-danger:hover{background:var(--color-danger-faint)}.btn-sm{font-size:var(--text-sm);height:28px;padding:0 var(--space-3)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.page-header{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.page-title{color:var(--color-text);font-size:var(--text-2xl);font-weight:800;letter-spacing:-.5px}.page-subtitle{color:var(--color-text-secondary);font-size:var(--text-base);margin-top:var(--space-1)}.data-table{border-collapse:collapse;font-size:var(--text-base);width:100%}.data-table th{background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-align:left;text-transform:uppercase}.data-table td,.data-table th{border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--color-row-hover)}.data-table td.num{font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.data-table th.num{text-align:right}.indicator{align-items:center;display:inline-flex;gap:var(--space-2)}.indicator-dot{border-radius:var(--radius-full);flex-shrink:0;height:8px;width:8px}.indicator-dot[data-level=good]{background:var(--color-success)}.indicator-dot[data-level=warn]{background:var(--color-warning)}.indicator-dot[data-level=low]{background:var(--color-danger)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:var(--space-1);padding:2px 10px;white-space:nowrap}.badge-primary{background:var(--color-primary-soft);color:var(--color-primary)}.badge-action{background:var(--color-action-soft);color:var(--color-action-hover)}.badge-success{background:var(--color-success-soft);color:var(--color-success-strong)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning-strong)}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger-strong)}.badge-ink{background:var(--color-surface-muted);color:var(--color-text-secondary)}.figure{color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:700}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-4)}.form-label{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.form-input{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;font-size:var(--text-base);min-height:38px;padding:var(--space-2) var(--space-3);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.form-input::-moz-placeholder{color:var(--color-text-muted)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{border-color:var(--color-action);box-shadow:0 0 0 3px var(--color-action-soft);outline:none}.form-input:disabled{background:var(--color-surface-muted);color:var(--color-text-muted)}textarea.form-input{line-height:1.5;min-height:0}.form-error{color:var(--color-danger-strong);font-size:var(--text-sm)}.form-success{color:var(--color-success-strong);font-size:var(--text-sm)}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn:active{transform:none}}