@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&family=Open+Sans:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--tv-orange:#f8a324;--tv-orange-warm:#ffba07;--tv-orange-soft:#fecf6e;--tv-orange-deep:#d28d05;--tv-purple-light:#8869af;--tv-purple-mid:#6b4d93;--tv-purple:#5b407f;--tv-purple-deep:#3f2b5c;--tv-blue-mid:#2661af;--tv-blue:#0d46ab;--tv-teal:#2a7884;--tv-teal-bright:#11dddb;--tv-black:#111523;--tv-ink:#322927;--tv-gray-500:#6a6b7a;--tv-gray-300:#9d9386;--tv-gray-200:#bdbdbd;--tv-cool-100:#d7e4e5;--tv-sand-100:#e0dad3;--tv-sand-200:#cfc8b9;--tv-sand-300:#b5ab9b;--tv-white:#fff;--tv-gray-900:var(--tv-black);--tv-gray-700:var(--tv-ink);--tv-gray-100:var(--tv-cool-100);--tv-gradient-brand:linear-gradient(180deg, var(--tv-purple) 0%, var(--tv-blue-mid) 100%);--tv-gradient-purple:linear-gradient(180deg, color-mix(in srgb, var(--tv-purple-light) 85%, transparent) 0%, color-mix(in srgb, var(--tv-purple-mid) 95%, transparent) 100%);--tv-gradient-warm:linear-gradient(180deg, var(--tv-orange) 0%, var(--tv-orange-deep) 100%);--font-display:"Montserrat", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-sans:"Montserrat", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-body:"Open Sans", "Montserrat", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--step--2:.75rem;--step--1:.875rem;--step-0:1rem;--step-1:1.125rem;--step-2:1.5rem;--step-3:2rem;--step-4:2.5rem;--step-5:3rem;--step-6:4.5rem;--step-7:6rem;--leading-tight:1.05;--leading-snug:1.2;--leading-body:1.55;--leading-loose:1.7;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.1em;--tracking-xwide:.24em;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:40px;--radius-pill:999px;--shadow-sm:0 1px 2px #1115230f, 0 1px 1px #1115230a;--shadow-md:0 6px 18px #1115231a, 0 2px 4px #1115230d;--shadow-lg:0 20px 40px #11152329, 0 6px 12px #11152314;--shadow-glow-orange:0 0 0 1px #f8a32459, 0 10px 30px #f8a32440;--shadow-glow-purple:0 0 0 1px #5b408066, 0 12px 36px #5b40804d;--shadow-glow-teal:0 0 0 1px #11dddb4d, 0 8px 24px #11dddb33;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.64, 0, .78, 0);--ease-inout:cubic-bezier(.65, 0, .35, 1);--dur-fast:.14s;--dur-base:.24s;--dur-slow:.42s;--bg-page:#fafaf7;--bg-paper:#f4f3ee;--surface:#fff;--fg-on-light:#111523;--fg-on-light-body:#322927;--fg-on-light-muted:#6a6b7a;--fg-mono-light:#1115238c;--border-on-light:#11152314;--accent-hover:var(--tv-orange-deep);--danger:#e2533a;--success-bg:#3bb58a29;--success-fg:#3bb58a;--warning-bg:#f8a3242e;--warning-fg:#8a5a07;--danger-bg:#e2533a29;--danger-fg:#9e3c28;--info-bg:#11dddb2e;--info-fg:#0b8684;--neutral-bg:#11152314;--neutral-fg:#111523;--surface-l-1:#11152308;--surface-l-2:#1115230f;--surface-l-3:#1115231a}:root,[data-theme=light]{--primary:35 94% 56%;--primary-foreground:232 35% 11%;--background:60 27% 98%;--foreground:232 35% 11%;--card:0 0% 100%;--card-foreground:232 35% 11%;--popover:0 0% 100%;--popover-foreground:232 35% 11%;--secondary:266 33% 38%;--secondary-foreground:0 0% 100%;--muted:40 10% 90%;--muted-foreground:236 6% 45%;--accent:35 94% 56%;--accent-foreground:232 35% 11%;--destructive:9 73% 55%;--destructive-foreground:0 0% 100%;--success:158 51% 47%;--success-foreground:0 0% 100%;--warning:35 94% 56%;--warning-foreground:232 35% 11%;--info:179 86% 47%;--info-foreground:232 35% 11%;--border:232 35% 11% / .1;--input:232 35% 11% / .1;--ring:43 100% 51%;--sidebar-background:60 27% 98%;--sidebar-foreground:232 35% 11%;--sidebar-primary:35 94% 56%;--sidebar-primary-foreground:232 35% 11%;--sidebar-accent:40 10% 90%;--sidebar-accent-foreground:232 35% 11%;--sidebar-border:232 35% 11% / .1;--sidebar-ring:43 100% 51%;--chart-1:35 94% 56%;--chart-2:188 52% 34%;--chart-3:266 33% 38%;--chart-4:218 85% 36%;--chart-5:179 86% 47%;--radius:.75rem;--bg:#fafaf7;--bg-elevated:#fff;--bg-panel:#f4f3ee;--fg:#111523;--fg-muted:#111523ad;--fg-subtle:#11152373;--fg-mono-dark:#1115238c;--hairline:#11152314;--border-strong:#11152329;--accent-on-accent:#fff;--focus:var(--tv-orange-deep);--focus-ring:0 0 0 2px var(--bg-page), 0 0 0 4px var(--tv-orange-deep);--focus-ring-light:0 0 0 2px var(--bg-page), 0 0 0 4px var(--tv-orange-deep);--success-fg-on-dark:var(--success-fg);--warning-fg-on-dark:var(--warning-fg);--danger-fg-on-dark:var(--danger-fg);--info-fg-on-dark:var(--info-fg);--neutral-bg-on-dark:var(--neutral-bg);--neutral-fg-on-dark:var(--neutral-fg);--surface-d-1:var(--surface-l-1);--surface-d-2:var(--surface-l-2);--surface-d-3:var(--surface-l-3);--surface-d-4:#11152324;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark,[data-theme=dark]{--primary:35 94% 56%;--primary-foreground:232 35% 11%;--background:233 38% 9%;--foreground:0 0% 100%;--card:233 31% 14%;--card-foreground:0 0% 100%;--popover:233 31% 14%;--popover-foreground:0 0% 100%;--secondary:266 33% 38%;--secondary-foreground:0 0% 100%;--muted:233 28% 17%;--muted-foreground:0 0% 100% / .68;--accent:35 94% 56%;--accent-foreground:232 35% 11%;--destructive:9 73% 55%;--destructive-foreground:0 0% 100%;--success:158 51% 47%;--success-foreground:0 0% 100%;--warning:35 94% 56%;--warning-foreground:232 35% 11%;--info:179 86% 47%;--info-foreground:232 35% 11%;--border:0 0% 100% / .1;--input:0 0% 100% / .1;--ring:43 100% 51%;--sidebar-background:233 38% 9%;--sidebar-foreground:0 0% 100%;--sidebar-primary:35 94% 56%;--sidebar-primary-foreground:232 35% 11%;--sidebar-accent:233 28% 17%;--sidebar-accent-foreground:0 0% 100%;--sidebar-border:0 0% 100% / .1;--sidebar-ring:43 100% 51%;--chart-1:35 94% 58%;--chart-2:179 86% 47%;--chart-3:270 41% 60%;--chart-4:218 85% 56%;--chart-5:158 51% 55%;--radius:.75rem;--bg:#0e1020;--bg-elevated:#181a2e;--bg-panel:#1f223a;--fg:#fff;--fg-muted:#ffffffad;--fg-subtle:#ffffff73;--fg-mono-dark:#ffffff8c;--hairline:#ffffff1a;--border-strong:#ffffff38;--accent-on-accent:#111523;--focus:#ffba07;--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px var(--focus);--focus-ring-light:0 0 0 2px var(--bg-page), 0 0 0 4px var(--tv-orange-deep);--success-fg-on-dark:#5bd0a4;--warning-fg-on-dark:var(--tv-orange-warm);--danger-fg-on-dark:#f0816b;--info-fg-on-dark:var(--tv-teal-bright);--neutral-bg-on-dark:#ffffff1a;--neutral-fg-on-dark:var(--fg);--surface-d-1:#ffffff0a;--surface-d-2:#ffffff0f;--surface-d-3:#ffffff1a;--surface-d-4:#ffffff24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-base:0s;--dur-slow:0s}*,:before,:after{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}*,:before,:after{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-sans)}:where(*):focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.tv-display,h1.tv{font-family:var(--font-display);font-weight:700;font-size:var(--step-7);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:hsl(var(--foreground));text-wrap:balance}.tv-h1{font-family:var(--font-display);font-weight:700;font-size:var(--step-5);line-height:var(--leading-tight);letter-spacing:-.01em;text-wrap:balance}.tv-h2{font-family:var(--font-display);font-weight:700;font-size:var(--step-4);line-height:var(--leading-snug);text-wrap:balance}.tv-h3{font-family:var(--font-display);font-weight:600;font-size:var(--step-3);line-height:var(--leading-snug);text-wrap:balance}.tv-subhead{font-family:var(--font-display);font-weight:500;font-size:var(--step-2);line-height:var(--leading-snug);color:var(--tv-orange)}.tv-on-dark .tv-subhead{color:var(--tv-orange-warm)}.tv-eyebrow{font-family:var(--font-display);font-weight:700;font-size:var(--step--2);letter-spacing:var(--tracking-xwide);text-transform:uppercase;color:var(--tv-orange)}.tv-wordmark{font-family:var(--font-display);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:700}.tv-body{font-family:var(--font-body);font-weight:300;font-size:var(--step-0);line-height:var(--leading-body);text-wrap:pretty}.tv-body-sm{font-family:var(--font-body);font-weight:400;font-size:var(--step--1);line-height:var(--leading-body);text-wrap:pretty}.tv-body-strong{font-weight:500}.tv-caption{font-family:var(--font-display);font-size:var(--step--2);color:hsl(var(--muted-foreground));letter-spacing:.02em;font-weight:500}.tv-code{font-family:var(--font-mono);font-size:.92em}.tv-accent-rule:after{content:"";background:var(--tv-orange);border-radius:999px;width:64px;height:6px;margin-top:18px;display:block}.tv-surface-brand{background:var(--tv-gradient-brand);color:#fff}.tv-surface-purple{background:var(--tv-purple);color:#fff}.tv-surface-dark{color:#fff;background:#0e1020}.tv-surface-panel{color:#fff;background:#181a2e}.tv-surface-sand{color:var(--tv-black);background:#fafaf7}.tv-radar-bg{isolation:isolate;position:relative;overflow:hidden}.tv-radar-bg:before{content:"";aspect-ratio:1;pointer-events:none;z-index:-1;background:radial-gradient(circle,#0000 0% 20%,#ffffff05 22% 24%,#0000 26% 34%,#ffffff08 36% 38%,#0000 40% 48%,#ffffff0a 50% 52%,#0000 54% 62%,#ffffff0f 64% 66%,#0000 68% 76%,#ffffff14 78% 80%,#0000 82%);border-radius:50%;width:120%;position:absolute;top:-40%;right:-20%}.tv-radar-pulse{justify-content:center;align-items:center;display:inline-flex;position:relative}.tv-radar-pulse:before,.tv-radar-pulse:after{content:"";border:1px solid var(--tv-orange);animation:tv-radar-pulse 2s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}.tv-radar-pulse:after{animation-delay:1s}@keyframes tv-radar-pulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}.tv-focus-ring:focus-visible{outline:2px solid var(--tv-orange-warm);outline-offset:2px}.tv-on-dark{--bg:#0e1020;--bg-elevated:#181a2e;--bg-panel:#1f223a;--fg:#fff;--fg-muted:#ffffffad;--fg-subtle:#ffffff73;--hairline:#ffffff1a;--border-strong:#ffffff38;--accent-on-accent:#111523;--focus:#ffba07;--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px var(--focus);--surface-d-1:#ffffff0a;--surface-d-2:#ffffff0f;--surface-d-3:#ffffff1a;--surface-d-4:#ffffff24;--success-fg-on-dark:#5bd0a4;--warning-fg-on-dark:var(--tv-orange-warm);--danger-fg-on-dark:#f0816b;--info-fg-on-dark:var(--tv-teal-bright);--neutral-bg-on-dark:#ffffff1a;--neutral-fg-on-dark:var(--fg);color:var(--fg)}.tv-on-light{--bg:#fafaf7;--bg-elevated:#fff;--bg-panel:#f4f3ee;--fg:#111523;--fg-muted:#111523ad;--fg-subtle:#11152373;--hairline:#11152314;--border-strong:#11152329;--accent-on-accent:#fff;--focus:var(--tv-orange-deep);--focus-ring:var(--focus-ring-light);--surface-d-1:var(--surface-l-1);--surface-d-2:var(--surface-l-2);--surface-d-3:var(--surface-l-3);--surface-d-4:#11152324;--success-fg-on-dark:var(--success-fg);--warning-fg-on-dark:var(--warning-fg);--danger-fg-on-dark:var(--danger-fg);--info-fg-on-dark:var(--info-fg);--neutral-bg-on-dark:var(--neutral-bg);--neutral-fg-on-dark:var(--neutral-fg);color:var(--fg)}.tv-btn{--_btn-bg:transparent;--_btn-fg:var(--fg);--_btn-border:transparent;--_btn-shadow:none;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:600;font-size:var(--step--1);letter-spacing:.01em;border:1px solid var(--_btn-border);background:var(--_btn-bg);color:var(--_btn-fg);box-shadow:var(--_btn-shadow);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:10px;min-height:36px;padding:10px 18px;text-decoration:none;display:inline-flex}.tv-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.tv-btn[disabled],.tv-btn.is-disabled{opacity:.4;cursor:not-allowed}.tv-btn[aria-busy=true],.tv-btn.is-loading{cursor:progress}.tv-btn--primary{--_btn-bg:var(--tv-orange);--_btn-fg:var(--accent-on-accent);--_btn-border:var(--tv-orange);--_btn-shadow:var(--shadow-glow-orange)}.tv-btn--primary:hover{--_btn-bg:var(--tv-orange-deep);--_btn-border:var(--tv-orange-deep)}.tv-btn--primary:active{transform:scale(.98)}.tv-btn--secondary{--_btn-bg:var(--surface-d-2);--_btn-fg:var(--fg);--_btn-border:var(--hairline)}.tv-btn--secondary:hover{--_btn-bg:var(--surface-d-3)}.tv-btn--ghost{--_btn-bg:transparent;--_btn-fg:var(--fg);--_btn-border:var(--border-strong)}.tv-btn--ghost:hover{--_btn-bg:var(--surface-d-2)}.tv-btn--danger{--_btn-bg:var(--danger);--_btn-fg:#fff;--_btn-border:var(--danger)}.tv-btn--danger:hover{--_btn-bg:#c84226;--_btn-border:#c84226}.tv-btn--link{--_btn-bg:transparent;--_btn-fg:var(--tv-orange);text-underline-offset:4px;box-shadow:none;border:0;padding:10px 0;text-decoration:underline;text-decoration-thickness:1px}.tv-btn--sm{border-radius:8px;min-height:28px;padding:6px 12px;font-size:12px}.tv-btn--lg{font-size:var(--step-0);min-height:44px;padding:14px 24px}.tv-btn--pill{border-radius:var(--radius-pill)}.tv-input{font-family:var(--font-display);font-size:var(--step--1);color:var(--fg);background:var(--surface-d-1);border:1px solid var(--border-strong);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);border-radius:10px;outline:none;width:100%;min-height:40px;padding:10px 14px}.tv-input::placeholder{color:var(--fg-subtle)}.tv-input:hover{border-color:var(--border-strong)}.tv-input:focus-visible{border-color:var(--focus);box-shadow:0 0 0 3px #ffba0733}.tv-input[aria-invalid=true],.tv-input.is-error{border-color:var(--danger);box-shadow:0 0 0 3px #e2533a2e}.tv-input[disabled],.tv-input.is-disabled{opacity:.4;cursor:not-allowed}.tv-field{flex-direction:column;gap:6px;display:flex}.tv-field-label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-size:11px;font-weight:600}.tv-field-hint{color:var(--fg-subtle);font-size:11px}.tv-field-hint.is-error{color:var(--danger)}.tv-badge{border-radius:var(--radius-pill);font-family:var(--font-display);letter-spacing:.04em;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.tv-badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.tv-badge--bare:before{display:none}.tv-badge--success{background:var(--success-bg);color:var(--success-fg-on-dark)}.tv-badge--warning{background:var(--warning-bg);color:var(--warning-fg-on-dark)}.tv-badge--danger{background:var(--danger-bg);color:var(--danger-fg-on-dark)}.tv-badge--info{background:var(--info-bg);color:var(--info-fg-on-dark)}.tv-badge--neutral{background:var(--neutral-bg-on-dark);color:var(--neutral-fg-on-dark)}.tv-card{background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-5)}.tv-kpi{background:var(--bg-elevated);border:1px solid var(--hairline);color:var(--fg);border-radius:14px;flex-direction:column;gap:8px;padding:18px;display:flex}.tv-kpi-label{font-family:var(--font-display);letter-spacing:.14em;color:var(--fg-subtle);text-transform:uppercase;font-size:10px;font-weight:700}.tv-kpi-value{font-family:var(--font-display);font-weight:700;font-size:var(--step-3);letter-spacing:-.02em;line-height:1}.tv-kpi-delta{font-family:var(--font-mono);color:var(--success-fg);font-size:11px}.tv-kpi-delta.is-down{color:var(--danger)}.tv-segmented{background:var(--surface-d-1);border:1px solid var(--hairline);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.tv-segmented button{color:var(--fg-muted);font-family:var(--font-display);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:500}.tv-segmented button[aria-selected=true],.tv-segmented button.is-active{background:var(--surface-d-3);color:var(--fg)}.tv-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;display:inline-flex}.tv-toggle-switch{background:var(--surface-d-3);border-radius:var(--radius-pill);width:36px;height:20px;transition:background var(--dur-fast);flex-shrink:0;position:relative}.tv-toggle-switch:after{content:"";width:16px;height:16px;transition:inset-inline-start var(--dur-fast) var(--ease-out);background:#fff;border-radius:50%;position:absolute;inset-block-start:2px;inset-inline-start:2px}.tv-toggle[aria-checked=true] .tv-toggle-switch,.tv-toggle.is-on .tv-toggle-switch{background:var(--tv-orange)}.tv-toggle[aria-checked=true] .tv-toggle-switch:after,.tv-toggle.is-on .tv-toggle-switch:after{inset-inline-start:18px}.tv-pulse{background:var(--tv-teal-bright);border-radius:50%;width:8px;height:8px;display:inline-block;position:relative;box-shadow:0 0 0 3px #11dddb40}.tv-pulse:after{content:"";color:var(--tv-teal-bright);opacity:.3;animation:tv-pulse 2s var(--ease-out) infinite;background:currentColor;border-radius:50%;position:absolute;inset:-6px}.tv-pulse--action{background:var(--tv-orange);box-shadow:0 0 0 3px #f8a32440}.tv-pulse--action:after{color:var(--tv-orange)}.tv-pulse--danger{background:var(--danger);box-shadow:0 0 0 3px #e2533a40}.tv-pulse--danger:after{color:var(--danger)}@keyframes tv-pulse{0%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.tv-select{font-family:var(--font-display);font-size:var(--step--1);color:var(--fg);background:var(--surface-d-1) linear-gradient(45deg, transparent 50%, currentColor 50%) calc(100% - 18px) 50% / 6px 6px no-repeat, var(--surface-d-1) linear-gradient(-45deg, transparent 50%, currentColor 50%) calc(100% - 12px) 50% / 6px 6px no-repeat;background-color:var(--surface-d-1);border:1px solid var(--border-strong);appearance:none;cursor:pointer;width:100%;min-height:40px;transition:border-color var(--dur-fast), box-shadow var(--dur-fast);border-radius:10px;outline:none;padding-block:10px;padding-inline:14px 36px}.tv-select:focus-visible{border-color:var(--focus);box-shadow:0 0 0 3px #ffba0733}.tv-select[aria-invalid=true],.tv-select.is-error{border-color:var(--danger);box-shadow:0 0 0 3px #e2533a2e}.tv-select[disabled],.tv-select.is-disabled{opacity:.4;cursor:not-allowed}.tv-menu{background:var(--bg-elevated);border:1px solid var(--hairline);box-shadow:var(--shadow-lg);min-width:200px;font-family:var(--font-display);font-size:var(--step--1);color:var(--fg);border-radius:10px;padding:6px}.tv-menu-item{align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--fg);border-radius:6px;padding:8px 10px;display:flex}.tv-menu-item:hover,.tv-menu-item[aria-selected=true]{background:var(--surface-d-2)}.tv-menu-item[aria-checked=true]{color:var(--tv-orange)}.tv-menu-separator{background:var(--hairline);border:0;height:1px;margin:6px 4px}.tv-textarea{font-family:var(--font-body);font-weight:400;font-size:var(--step--1);line-height:var(--leading-body);color:var(--fg);background:var(--surface-d-1);border:1px solid var(--border-strong);resize:vertical;width:100%;min-height:96px;transition:border-color var(--dur-fast), box-shadow var(--dur-fast);border-radius:10px;outline:none;padding:10px 14px}.tv-textarea::placeholder{color:var(--fg-subtle)}.tv-textarea:focus-visible{border-color:var(--focus);box-shadow:0 0 0 3px #ffba0733}.tv-textarea[aria-invalid=true],.tv-textarea.is-error{border-color:var(--danger);box-shadow:0 0 0 3px #e2533a2e}.tv-textarea[disabled],.tv-textarea.is-disabled{opacity:.4;cursor:not-allowed}.tv-file{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-6);border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-d-1);color:var(--fg-muted);text-align:center;cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast);flex-direction:column;min-height:140px;display:flex}.tv-file:hover{border-color:var(--tv-orange);background:var(--surface-d-2)}.tv-file:focus-visible{box-shadow:var(--focus-ring);outline:none}.tv-file[data-dragging=true],.tv-file.is-dragging{border-color:var(--tv-orange);background:color-mix(in srgb, var(--tv-orange) 8%, transparent);color:var(--fg)}.tv-file[aria-invalid=true],.tv-file.is-error{border-color:var(--danger);color:var(--danger)}.tv-file-title{color:var(--fg);font-weight:600}.tv-file-hint{color:var(--fg-subtle);font-size:11px}.tv-table{border-collapse:separate;border-spacing:0;width:100%;font-family:var(--font-display);font-size:var(--step--1);color:var(--fg)}.tv-table thead th{z-index:1;background:var(--bg);text-align:start;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-subtle);border-block-end:1px solid var(--hairline);white-space:nowrap;cursor:default;padding:10px 14px;font-size:10px;font-weight:700;position:sticky;inset-block-start:0}.tv-table thead th[aria-sort]{cursor:pointer}.tv-table thead th[aria-sort]:after{content:"↕";opacity:.4;margin-inline-start:6px;font-size:12px}.tv-table thead th[aria-sort=ascending]:after{content:"↑";opacity:1;color:var(--tv-orange)}.tv-table thead th[aria-sort=descending]:after{content:"↓";opacity:1;color:var(--tv-orange)}.tv-table tbody td{border-block-end:1px solid var(--hairline);vertical-align:middle;padding:12px 14px}.tv-table tbody tr{transition:background var(--dur-fast)}.tv-table tbody tr:hover{background:var(--surface-d-1)}.tv-table tbody tr[aria-selected=true]{background:var(--surface-d-2)}.tv-table tbody tr[aria-selected=true] td{color:var(--fg)}.tv-table tbody tr:last-child td{border-block-end:0}.tv-table .tv-table-num{font-family:var(--font-mono);text-align:end;font-variant-numeric:tabular-nums}[data-density=compact] .tv-btn{border-radius:8px;min-height:30px;padding:6px 12px;font-size:12px}[data-density=compact] .tv-btn--lg{min-height:36px;font-size:var(--step--1);padding:10px 18px}[data-density=compact] .tv-input{border-radius:8px;min-height:30px;padding:6px 10px;font-size:12px}[data-density=compact] .tv-field{gap:4px}[data-density=compact] .tv-field-label{font-size:10px}[data-density=compact] .tv-badge{padding:2px 8px;font-size:10px}[data-density=compact] .tv-kpi{gap:6px;padding:12px}[data-density=compact] .tv-kpi-value{font-size:var(--step-2)}[data-density=compact] .tv-segmented{padding:2px}[data-density=compact] .tv-segmented button{padding:4px 10px;font-size:11px}[data-density=compact] .tv-card{padding:var(--space-4)}[data-density=compact] .tv-select{border-radius:8px;min-height:30px;padding-block:6px;padding-inline:10px 30px;font-size:12px}[data-density=compact] .tv-table thead th{padding:6px 10px}[data-density=compact] .tv-table tbody td{padding:8px 10px;font-size:12px}.tv-segmented button{min-width:max-content}.tv-btn,.tv-badge{white-space:nowrap;min-width:max-content}.tv-field-label{min-width:max-content}.tv-i18n-fluid{white-space:normal;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;min-width:0}
/*
 * Layout for the supplier quote page. Colours come only from the semantic
 * variables @tv/ui's stylesheet defines (background, foreground,
 * muted-foreground, border), never from a raw palette (AGENTS.md section
 * 3.2); @tv/ui's own components carry the rest.
 */
.qp-page {
    max-width: 44rem;
    margin: 0 auto;
    padding: 1.5rem 1rem 4rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.qp-header {
    padding: 0.5rem 0;
}

.qp-card {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1.25rem;
}

.qp-title {
    font-size: 1.5rem;
    line-height: 1.25;
    margin: 0;
}

.qp-subtitle {
    font-size: 1.125rem;
    margin: 0.5rem 0 0;
}

.qp-muted {
    color: hsl(var(--muted-foreground));
    margin: 0;
}

.qp-facts {
    display: grid;
    grid-template-columns: minmax(8rem, max-content) 1fr;
    gap: 0.25rem 1rem;
    margin: 0;
}

.qp-fact {
    display: contents;
}

.qp-facts dt {
    color: hsl(var(--muted-foreground));
}

.qp-facts dd {
    margin: 0;
}

.qp-line {
    border: 1px solid hsl(var(--border));
    border-radius: 0.5rem;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.qp-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.qp-row > * {
    flex: 1 1 10rem;
}

.qp-total {
    font-weight: 500;
    margin: 0.5rem 0 0;
}

.qp-notice {
    align-self: flex-start;
    white-space: normal;
}
/*$vite$:1*/