:root{--color-brand: #ffe005;--color-brand-600: #e6ca00;--color-brand-700: #c9b000;--color-brand-soft: #fff7c2;--color-graphite: #535354;--color-graphite-700: #424243;--color-graphite-900: #2c2c2d;--color-coral: #ff5050;--color-coral-600: #ec3d3d;--color-coral-soft: #ffe6e6;--color-primary: #535354;--color-secondary: #3b3b3c;--color-accent: #ff5050;--color-highlight: #ff5050;--color-white: #ffffff;--color-bg: #f6f6f3;--color-surface: #ffffff;--color-border: #e8e8e3;--color-text-primary: #2c2c2d;--color-text-secondary: #6c6c6d;--color-text-muted: #9a9a9b;--color-success: #15a86b;--color-success-soft: #e3f6ec;--color-danger: #ff5050;--color-warning: #f2a900;--color-warning-soft: #fff3d6;--color-info: #535354;--color-declared: #15a86b;--color-undeclared: #535354;--font-display: "Proxima Nova", "Mukta", system-ui, -apple-system, sans-serif;--font-body: "Mukta", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(44, 44, 45, .05);--shadow-md: 0 4px 10px rgba(44, 44, 45, .08);--shadow-lg: 0 12px 28px rgba(44, 44, 45, .12);--space-unit: 8px;--sidebar-width: 240px;--topbar-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:700;color:var(--color-text-primary);line-height:1.2}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .18s ease;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-highlight);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-coral-600);box-shadow:var(--shadow-md)}.btn-brand{background:var(--color-brand);color:var(--color-graphite-900)}.btn-brand:hover:not(:disabled){background:var(--color-brand-600);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-accent)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:#0000000a}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.92);box-shadow:var(--shadow-md)}.btn-danger-ghost{background:transparent;color:var(--color-danger)}.btn-danger-ghost:hover:not(:disabled){background:#dc354514}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c2c2d8c;display:grid;place-items:center;z-index:100;padding:24px}.modal{width:100%;max-width:600px;max-height:92vh;overflow:auto;padding:0}.modal-head{border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-surface);z-index:1}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}@media (max-width: 700px){.grid-2{grid-template-columns:1fr}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:24px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.input{width:100%;padding:10px 14px;font-size:var(--text-base);font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .15s ease,box-shadow .15s ease}.input:focus{outline:none;border-color:var(--color-graphite);box-shadow:0 0 0 3px #53535426}.field-error{color:var(--color-danger);font-size:var(--text-xs)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-danger{background:var(--color-coral-soft);color:var(--color-coral-600)}.badge-warning{background:var(--color-warning-soft);color:#b07d00}.badge-brand{background:var(--color-brand-soft);color:var(--color-graphite-900)}.badge-declared{background:var(--color-success-soft);color:var(--color-declared)}.badge-undeclared{background:#5353541f;color:var(--color-undeclared)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);padding:12px 16px;border-bottom:1px solid var(--color-border)}.table td{padding:14px 16px;border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}.table tbody tr:hover{background:var(--color-bg)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.pf-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pf-switch{display:inline-flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:3px}.pf-seg{border:none;background:none;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:var(--text-sm);color:var(--color-text-secondary)}.pf-seg.active{background:var(--color-graphite);color:#fff}.trend{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;font-family:var(--font-mono)}.trend-up{background:var(--color-success-soft);color:var(--color-success)}.trend-down{background:var(--color-coral-soft);color:var(--color-coral-600)}.trend-flat{background:#5353541a;color:var(--color-text-secondary)}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}@media (max-width: 1024px){.card{overflow-x:auto}.card-pad{padding:16px}.table th{padding:10px 12px}.table td{padding:10px 12px;font-size:var(--text-xs)}.mono{white-space:nowrap}}