@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--brand-name: "stratIQ";--blue-25: hsl(220 100% 98%);--blue-50: hsl(220 95% 96%);--blue-100: hsl(221 92% 92%);--blue-200: hsl(221 89% 86%);--blue-300: hsl(221 83% 74%);--blue-400: hsl(221 78% 62%);--blue-500: hsl(221 73% 55%);--blue-600: hsl(221 75% 48%);--blue-700: hsl(221 75% 40%);--blue-800: hsl(221 70% 32%);--blue-900: hsl(221 65% 24%);--teal-25: hsl(173 80% 97%);--teal-50: hsl(173 75% 93%);--teal-100: hsl(173 70% 86%);--teal-200: hsl(173 65% 76%);--teal-300: hsl(173 60% 64%);--teal-400: hsl(173 57% 50%);--teal-500: hsl(173 67% 41%);--teal-600: hsl(173 68% 34%);--teal-700: hsl(173 69% 28%);--teal-800: hsl(173 70% 22%);--teal-900: hsl(173 70% 16%);--royal-500: hsl(226 71% 52%);--royal-700: hsl(229 66% 40%);--graphite-25: hsl(220 20% 98%);--graphite-50: hsl(220 18% 96%);--graphite-100: hsl(220 16% 90%);--graphite-200: hsl(220 14% 80%);--graphite-300: hsl(220 12% 70%);--graphite-400: hsl(220 10% 60%);--graphite-500: hsl(220 10% 45%);--graphite-600: hsl(220 10% 35%);--graphite-700: hsl(220 12% 26%);--graphite-800: hsl(220 15% 18%);--graphite-900: hsl(220 20% 12%);--color-primary: var(--blue-600);--color-primary-contrast: white;--color-secondary: var(--teal-500);--color-accent: var(--royal-700);--color-bg: white;--color-surface: var(--graphite-25);--color-surface-2: var(--graphite-50);--color-border: var(--graphite-100);--color-text: var(--graphite-900);--color-text-muted: var(--graphite-500);--color-success: hsl(152 60% 35%);--color-warning: hsl(40 95% 50%);--color-danger: hsl(0 78% 55%);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 8px 20px rgba(18,21,26,.08);--shadow-lg: 0 16px 40px rgba(18,21,26,.1);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--step--1: clamp(.82rem, .8rem + .1vw, .9rem);--step-0: clamp(.94rem, .9rem + .2vw, 1rem);--step-1: clamp(1rem, .95rem + .5vw, 1.125rem);--step-2: clamp(1.125rem, 1.05rem + .7vw, 1.25rem);--step-3: clamp(1.25rem, 1.1rem + 1vw, 1.5rem);--step-4: clamp(1.5rem, 1.2rem + 1.4vw, 1.875rem);--step-5: clamp(1.875rem, 1.4rem + 2vw, 2.25rem);--step-6: clamp(2.25rem, 1.6rem + 3vw, 3rem);--container-max: 1200px;--grid-gap: var(--space-6);--transition-fast: .16s ease;--transition-slow: .32s ease;--tv-safe-inset: clamp(32px, 3.5vw, 64px);--tv-card-gap: clamp(20px, 2.2vw, 40px)}@media (prefers-color-scheme: dark){:root{--color-bg: var(--gray-100);--color-surface: var(--graphite-800);--color-surface-2: var(--graphite-700);--color-border: var(--graphite-700);--color-text: var(--graphite-25);--color-text-muted: var(--graphite-300);--shadow-sm: 0 1px 2px rgba(0,0,0,.35);--shadow-md: 0 8px 20px rgba(0,0,0,.35);--shadow-lg: 0 16px 40px rgba(0,0,0,.45)}}[data-theme=dark]{--color-bg: var(--gray-100);--color-surface: var(--graphite-800);--color-surface-2: var(--graphite-700);--color-border: var(--graphite-700);--color-text: var(--graphite-25);--color-text-muted: var(--graphite-300)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-weight:var(--font-weight-regular);color:var(--color-text);background:linear-gradient(0deg,var(--color-bg),var(--color-bg)),var(--graphite-25);line-height:1.55;text-rendering:optimizeLegibility}img,svg,video,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}.h1,h1{font-size:var(--step-6);font-weight:var(--font-weight-bold);letter-spacing:-.01em}.h2,h2{font-size:var(--step-3);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.h3,h3{font-size:var(--step-4);font-weight:var(--font-weight-semibold)}.h4,h4{font-size:var(--step-3);font-weight:var(--font-weight-medium)}.lead{font-size:var(--step-2);color:var(--color-text);opacity:.9}.small{font-size:var(--step--1);color:var(--color-text-muted)}.muted{color:var(--color-text-muted)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}html,body,#root{min-height:100%}.kiosk-view{transition:background .2s ease;background:radial-gradient(circle at top,rgba(37,99,235,.2),transparent 60%)}.container{width:min(100%,var(--container-max));margin-inline:auto;padding-inline:var(--space-6)}.section{padding:var(--space-12) 0}.flex{display:flex;gap:var(--space-4)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.space-between{justify-content:space-between}.grid{display:grid;gap:var(--grid-gap)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.elevated{box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:.35em;padding:.25rem .6rem;border-radius:var(--radius-pill);font-size:var(--step--1);font-weight:var(--font-weight-medium);background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border)}.badge--primary{background:var(--blue-50);color:var(--blue-800);border-color:var(--blue-100)}.badge--teal{background:var(--teal-50);color:var(--teal-800);border-color:var(--teal-100)}.btn{--btn-bg: var(--color-surface);--btn-fg: var(--color-text);--btn-bd: var(--color-border);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1rem;border-radius:var(--radius-md);border:1px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-fg);font-weight:var(--font-weight-medium);line-height:1.2;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{--btn-bg: var(--color-primary);--btn-fg: var(--color-primary-contrast);--btn-bd: var(--color-primary)}.btn--secondary{--btn-bg: var(--color-secondary);--btn-fg: white;--btn-bd: var(--color-secondary)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--color-text);--btn-bd: var(--color-border)}.btn--link{--btn-bg: transparent;--btn-fg: var(--color-primary);--btn-bd: transparent;padding:0}.btn--pill{border-radius:var(--radius-pill)}.btn--lg{padding:.9rem 1.25rem;font-size:var(--step-1)}.btn--sm{padding:.45rem .75rem;font-size:var(--step--1)}.input,.select,.textarea{width:100%;padding:.65rem .8rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);outline:none;box-shadow:var(--shadow-sm) inset;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-primary) 25%,transparent)}.input--invalid{border-color:var(--color-danger)}.switch{--sw-w: 42px;--sw-h: 26px;--sw-dot: 20px;appearance:none;position:relative;width:var(--sw-w);height:var(--sw-h);background:var(--graphite-200);border-radius:var(--radius-pill);border:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-fast)}.switch:after{content:"";position:absolute;top:50%;left:3px;width:var(--sw-dot);height:var(--sw-dot);transform:translateY(-50%);background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:left var(--transition-fast)}.switch:checked{background:var(--color-primary)}.switch:checked:after{left:calc(100% - var(--sw-dot) - 3px)}.table{width:100%;border-collapse:separate;border-spacing:0 6px}.table thead th{text-align:left;font-size:var(--step--1);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.table tbody tr{background:var(--color-surface)}.table tbody td,.table thead th{padding:.75rem .9rem}.table tbody tr{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.navbar{height:64px;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.navbar__brand{font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.sidebar{width:260px;padding:var(--space-6) var(--space-4);background:var(--color-surface);border-right:1px solid var(--color-border)}.sidebar a{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none}.sidebar a:hover{background:var(--color-surface-2)}.sidebar a.active{background:color-mix(in oklab,var(--color-primary) 12%,transparent);color:var(--blue-900)}.tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--color-border)}.tab{padding:.75rem 1rem;border-bottom:2px solid transparent;color:var(--color-text-muted)}.tab[aria-selected=true],.tab.active{color:var(--color-text);border-color:var(--color-primary);font-weight:var(--font-weight-medium)}.alert{padding:.8rem 1rem;border-radius:var(--radius-md);border:1px solid}.alert--info{background:var(--blue-50);color:var(--blue-800);border-color:var(--blue-100)}.alert--success{background:#ebfaf2;color:#165a3a;border-color:#adebce}.alert--warning{background:#fef6e6;color:#8b5e04;border-color:#fcdc9c}.alert--danger{background:#fdeded;color:#ac1515;border-color:#f4a4a4}.chart-card{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.chart-title{font-size:var(--step-2);margin:0 0 var(--space-4)}.logo{display:inline-flex;align-items:center;gap:.6rem}.logo img{display:block;height:28px}.logo--xl img{height:44px}.logo__wordmark{font-weight:700;letter-spacing:-.015em;font-size:var(--step-3);color:var(--color-text)}.logo__tagline{font-size:var(--step--1);color:var(--color-text-muted)}.mt-0{margin-top:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.rounded{border-radius:var(--radius-lg)}.shadow{box-shadow:var(--shadow-md)}.text-center{text-align:center}.bg-primary{background:var(--color-primary)!important;color:var(--color-primary-contrast)!important}.bg-secondary{background:var(--color-secondary)!important;color:#fff!important}.bg-surface{background:var(--color-surface)!important}.bg-surface-2{background:var(--color-surface-2)!important}.text-muted{color:var(--color-text-muted)!important}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.form-row{display:grid;gap:var(--space-3)}.form-row--2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-help{font-size:var(--step--1);color:var(--color-text-muted)}.form-error{font-size:var(--step--1);color:var(--color-danger)}.hover-rise{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hover-rise:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media print{:root{--color-bg: white;--color-text: #111}.btn,.navbar,.sidebar{display:none!important}.card,.chart-card{box-shadow:none;border-color:#ddd}}body.tv-mode{cursor:none}body.tv-mode::-webkit-scrollbar{display:none}.kpi-flip{transition:color .25s ease,transform .25s ease,opacity .25s ease}.kpi-flip.changed-up{color:#22c55e}.kpi-flip.changed-down{color:#ef4444}@media (min-width: 2560px){html{font-size:18px}}@media (min-width: 3840px){html{font-size:20px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}