@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300..700&display=swap";:root{--brand-50: hsl(210, 100%, 95%);--brand-100: hsl(210, 100%, 92%);--brand-200: hsl(210, 100%, 80%);--brand-300: hsl(210, 100%, 65%);--brand-400: hsl(210, 98%, 48%);--brand-500: hsl(210, 98%, 42%);--brand-600: hsl(210, 98%, 55%);--brand-700: hsl(210, 100%, 35%);--brand-800: hsl(210, 100%, 16%);--brand-900: hsl(210, 100%, 21%);--gray-50: hsl(220, 35%, 97%);--gray-100: hsl(220, 30%, 94%);--gray-200: hsl(220, 20%, 88%);--gray-300: hsl(220, 20%, 80%);--gray-400: hsl(220, 20%, 65%);--gray-500: hsl(220, 20%, 42%);--gray-600: hsl(220, 20%, 35%);--gray-700: hsl(220, 20%, 25%);--gray-800: hsl(220, 30%, 6%);--gray-900: hsl(220, 35%, 3%);--green-50: hsl(160, 82%, 97%);--green-100: hsl(160, 78%, 90%);--green-200: hsl(160, 76%, 78%);--green-300: hsl(160, 72%, 62%);--green-400: hsl(160, 80%, 48%);--green-500: hsl(160, 84%, 39%);--green-600: hsl(160, 86%, 32%);--green-700: hsl(160, 88%, 24%);--green-800: hsl(160, 90%, 18%);--green-900: hsl(160, 92%, 12%);--orange-50: hsl(30, 100%, 97%);--orange-100: hsl(28, 92%, 90%);--orange-200: hsl(26, 94%, 78%);--orange-300: hsl(24, 90%, 60%);--orange-400: hsl(22, 90%, 50%);--orange-500: hsl(20, 90%, 42%);--orange-600: hsl(18, 91%, 35%);--orange-700: hsl(16, 94%, 28%);--orange-800: hsl(14, 95%, 22%);--orange-900: hsl(12, 93%, 16%);--red-50: hsl(0, 86%, 97%);--red-100: hsl(0, 84%, 92%);--red-200: hsl(0, 82%, 82%);--red-300: hsl(0, 76%, 68%);--red-400: hsl(0, 72%, 51%);--red-500: hsl(0, 74%, 42%);--red-600: hsl(0, 76%, 36%);--red-700: hsl(0, 78%, 28%);--red-800: hsl(0, 80%, 20%);--red-900: hsl(0, 82%, 14%);--color-accent: var(--brand-400);--color-accent-hover: var(--brand-500);--color-accent-strong: var(--brand-700);--color-accent-soft: var(--brand-50);--color-accent-border: var(--brand-200);--color-action: var(--gray-800);--color-action-hover: var(--gray-700);--color-action-active: var(--gray-900);--color-action-text: #ffffff;--text-primary: var(--gray-800);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--text-disabled: var(--gray-400);--text-on-accent: #ffffff;--surface-page: #f8f9fa;--surface-card: #ffffff;--surface-sunken: var(--gray-50);--surface-paper: #ffffff;--border-default: #e7e9ef;--border-strong: var(--gray-300);--border-subtle: hsla(220, 20%, 80%, .4);--success: var(--green-500);--success-soft: #f0fdf4;--success-text: #166534;--success-icon: #22c55e;--warning: var(--orange-400);--warning-soft: #fffbeb;--warning-text: #92400e;--warning-icon: #f59e0b;--error: var(--red-400);--error-soft: #fef2f2;--error-text: #991b1b;--error-icon: #ef4444;--info: var(--brand-300);--info-soft: #eaf1ff;--info-text: #7c818e;--info-icon: #5c89db;--focus-ring: hsla(210, 98%, 48%, .5)}:root{--font-sans: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;--font-heading: var(--font-sans);--font-mono: ui-monospace, "SF Mono", "Menlo", monospace;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fs-h0: 1.5rem;--fs-h1: 1.25rem;--fs-h2: 1rem;--fs-h3: .875rem;--fs-h4: .8125rem;--fs-subtitle: .875rem;--fs-body: .8125rem;--fs-body-lg: .875rem;--fs-caption: .6875rem;--fs-overline: .625rem;--fs-stat: 1.75rem;--lh-tight: 1.25;--lh-snug: 1.4;--lh-normal: 1.5;--ls-title: -.25px;--ls-tight: -.2px;--ls-overline: .8px}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--space-9: 56px;--space-10: 64px;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 999px;--icon-xs: 12px;--icon-sm: 16px;--icon-md: 24px;--icon-lg: 32px;--shadow-sm: 0 1px 2px hsla(220, 30%, 5%, .06);--shadow-md: hsla(220, 30%, 5%, .07) 0px 4px 16px 0px, hsla(220, 25%, 10%, .07) 0px 8px 16px -5px;--shadow-lg: 0px 4px 6px -1px rgba(0, 0, 0, .1), 0px 2px 4px -1px rgba(0, 0, 0, .06);--shadow-popover: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--sidebar-width: 240px;--header-height: 44px;--content-padding: 24px;--control-h-sm: 28px;--control-h-md: 32px;--control-h-lg: 36px;--ease-standard: cubic-bezier(.4, 0, .2, 1);--dur-fast: .1s;--dur-base: .2s}*{box-sizing:border-box}html,body{margin:0}body{background:var(--surface-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal)}a{color:var(--color-accent);text-decoration:none}.brand{font-weight:var(--fw-bold);letter-spacing:var(--ls-title);color:var(--text-primary)}.brand span{color:var(--color-accent)}.appbar{background:var(--surface-paper);border-bottom:1px solid var(--border-default);padding:0 var(--space-6)}.appbar-top{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0}.topbar-right{display:flex;align-items:center;gap:var(--space-3)}.container{max-width:1120px;margin:0 auto;padding:var(--content-padding)}.topnav{display:flex;gap:var(--space-1);overflow-x:auto}.navlink{border:none;background:transparent;color:var(--text-secondary);padding:var(--space-3) var(--space-3);height:auto;border-radius:0;font-size:var(--fs-body-lg);font-weight:var(--fw-medium);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.navlink:hover{color:var(--text-primary)}.navlink.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.page-title{font-size:var(--fs-h0);font-weight:var(--fw-bold);letter-spacing:var(--ls-title);margin:0 0 var(--space-5)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.kpi{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.kpi-value{font-size:var(--fs-stat);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);line-height:1.1}.kpi-label{color:var(--text-tertiary);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:var(--ls-overline);margin-top:var(--space-2)}.tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-6)}.tab{padding:var(--space-2) var(--space-4);border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;font-size:var(--fs-body-lg);transition:color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--color-accent-strong);border-color:var(--color-accent-border);background:var(--color-accent-soft);font-weight:var(--fw-medium)}.card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);margin-bottom:var(--space-5)}.card h2{margin:0 0 var(--space-4);font-size:var(--fs-h2);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight)}table{width:100%;border-collapse:collapse;font-size:var(--fs-body)}th,td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--border-default)}th{color:var(--text-tertiary);font-weight:var(--fw-semibold);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:var(--ls-overline)}td{color:var(--text-primary)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tbody tr:hover td{background:var(--surface-sunken)}.neg{color:var(--error-text);font-weight:var(--fw-semibold)}input,select,button{font:inherit;color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:0 var(--space-3);height:var(--control-h-md)}select{height:var(--control-h-md)}input:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--focus-ring)}input[type=checkbox]{height:auto;accent-color:var(--color-accent)}button{cursor:pointer;font-weight:var(--fw-medium);transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast)}button:hover{border-color:var(--border-strong);background:var(--surface-sunken)}button.primary{background:var(--color-action);color:var(--color-action-text);border:1px solid var(--color-action)}button.primary:hover{background:var(--color-action-hover);border-color:var(--color-action-hover)}button:disabled{opacity:.5;cursor:not-allowed}label{display:block;font-size:var(--fs-caption);color:var(--text-secondary);margin:var(--space-3) 0 var(--space-1)}.row{display:flex;gap:var(--space-3);align-items:flex-end;flex-wrap:wrap}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{width:360px}.error{color:var(--error-text);font-size:var(--fs-body);margin-top:var(--space-2)}.muted{color:var(--text-secondary)}.pill{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--fs-caption);border:1px solid var(--border-default);color:var(--text-secondary)}.pill.on{color:var(--success-text);border-color:transparent;background:var(--success-soft)}.pill.off{color:var(--text-tertiary);background:var(--surface-sunken)}code{font-family:var(--font-mono);font-size:.95em;background:var(--surface-sunken);padding:1px 4px;border-radius:var(--radius-sm)}