@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&family=Fira+Code:wght@400;500&display=swap");:root{--bg:#f8fafc;--bg-surface:#fff;--bg-elevated:#f8fafc;--bg-card:#f1f5f9;--bg-hover:#f1f5f9;--line:#e2e8f0;--line-soft:#f1f5f9;--line-strong:#cbd5e1;--ink:#0f172a;--ink-secondary:#475569;--ink-muted:#64748b;--ink-dim:#94a3b8;--navy:#0f172a;--navy-bright:#1e293b;--navy-deep:#020617;--navy-wash:rgba(15,23,42,.06);--navy-wash-strong:rgba(15,23,42,.1);--teal:#059669;--teal-bright:#047857;--teal-deep:#065f46;--teal-wash:rgba(5,150,105,.1);--teal-wash-strong:rgba(5,150,105,.18);--primary:var(--navy);--primary-bright:var(--navy-bright);--primary-deep:var(--navy-deep);--primary-wash:var(--navy-wash);--on-primary:#fff;--on-accent:#fff;--accent:var(--teal);--accent-bright:var(--teal-bright);--accent-wash:var(--teal-wash);--secondary:var(--ink-muted);--secondary-bright:var(--ink-secondary);--secondary-wash:var(--navy-wash);--ok:#16a34a;--ok-solid:#22c55e;--ok-wash:rgba(34,197,94,.13);--warn:#ca8a04;--warn-solid:#eab308;--warn-wash:rgba(234,179,8,.13);--crit:#dc2626;--crit-solid:#ef4444;--crit-wash:rgba(239,68,68,.12);--info:#0ea5e9;--info-strong:#0284c7;--info-wash:rgba(14,165,233,.12);--serif:"Plus Jakarta Sans","DM Sans",-apple-system,system-ui,sans-serif;--sans:"DM Sans",-apple-system,system-ui,"Segoe UI",sans-serif;--mono:"Fira Code","SF Mono",Menlo,monospace;--t-display:40px;--t-h1:32px;--t-h2:24px;--t-h3:20px;--t-h4:16px;--t-body-lg:16px;--t-body:14px;--t-small:13px;--t-meta:12px;--t-eyebrow:11px;--lh-display:1.15;--lh-head:1.25;--lh-body:1.6;--lh-tight:1.4;--tr-tight:-0.02em;--tr-snug:-0.01em;--tr-normal:0;--tr-mono:0.01em;--tr-chip:0.05em;--tr-label:0.06em;--tr-eyebrow:0.08em;--s-0:0;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:40px;--s-9:48px;--s-10:64px;--s-11:80px;--s-12:120px;--sp-xs:var(--s-1);--sp-sm:var(--s-2);--sp-md:var(--s-4);--sp-lg:var(--s-6);--sp-xl:var(--s-7);--sp-2xl:var(--s-9);--sp-3xl:var(--s-10);--r-0:0;--r-1:4px;--r-2:8px;--r-3:12px;--r-4:16px;--r-pill:9999px;--shadow-sm:0 1px 3px rgba(15,23,42,.03);--shadow-1:0 2px 6px rgba(15,23,42,.05);--shadow-md:0 4px 16px rgba(15,23,42,.07);--shadow-2:0 8px 32px rgba(15,23,42,.1);--shadow-ring:0 0 0 3px rgba(15,23,42,.09);--shadow-ring-err:0 0 0 3px rgba(239,68,68,.09);--shadow-teal:0 0 0 1px var(--teal-wash-strong),0 4px 16px -6px rgba(5,150,105,.28);--shadow-phone:0 8px 32px rgba(15,23,42,.14),0 0 0 1px var(--line-strong);--h-control:42px;--h-control-sm:32px;--h-control-lg:48px;--h-row:48px;--ease:cubic-bezier(.2,.7,.2,1);--ease-snap:cubic-bezier(.4,1.3,.5,1);--d-fast:.12s;--d-base:.2s;--d-slow:.35s;--d-reveal:.5s;--w-prose:68ch;--w-narrow:720px;--w-page:1440px;--pad-page:16px;--pad-page-md:24px;--pad-page-lg:32px;--z-chrome:30;--z-modal:50;--z-toast:80}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:var(--t-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;color:inherit}button{cursor:pointer;border:0;background:transparent}img,svg{display:block;max-width:100%}::selection{background:var(--teal-wash-strong);color:var(--ink)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body.dark-mode{--bg:#020617;--bg-surface:#0f172a;--bg-elevated:#16203a;--bg-card:#1e293b;--bg-hover:#1e293b;--line:#1e293b;--line-soft:#16203a;--line-strong:#334155;--ink:#f8fafc;--ink-secondary:#cbd5e1;--ink-muted:#94a3b8;--ink-dim:#64748b;--navy:#0f172a;--navy-bright:#1e293b;--navy-deep:#020617;--navy-wash:rgba(148,163,184,.1);--navy-wash-strong:rgba(148,163,184,.16);--teal:#10b981;--teal-bright:#34d399;--teal-deep:#059669;--teal-wash:rgba(16,185,129,.14);--teal-wash-strong:rgba(16,185,129,.22);--primary:#10b981;--primary-bright:#34d399;--primary-deep:#059669;--primary-wash:rgba(16,185,129,.14);--on-primary:#022c22;--on-accent:#022c22;--ok:#4ade80;--ok-solid:#22c55e;--ok-wash:rgba(34,197,94,.14);--warn:#facc15;--warn-solid:#eab308;--warn-wash:rgba(234,179,8,.14);--crit:#f87171;--crit-solid:#ef4444;--crit-wash:rgba(239,68,68,.16);--info:#38bdf8;--info-strong:#0ea5e9;--info-wash:rgba(14,165,233,.16);--shadow-sm:0 1px 3px rgba(0,0,0,.35);--shadow-1:0 2px 6px rgba(0,0,0,.4);--shadow-md:0 4px 16px rgba(0,0,0,.45);--shadow-2:0 8px 32px rgba(0,0,0,.55);--shadow-ring:0 0 0 3px rgba(16,185,129,.22);--shadow-ring-err:0 0 0 3px rgba(239,68,68,.22);--shadow-teal:0 0 0 1px var(--teal-wash-strong),0 4px 16px -6px rgba(16,185,129,.35);--shadow-phone:0 8px 32px rgba(0,0,0,.6),0 0 0 1px var(--line-strong)}.serif{font-family:var(--serif);font-weight:600;letter-spacing:var(--tr-snug)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum","zero","tnum"}.sans{font-family:var(--sans)}.t-display{font-weight:800;font-size:var(--t-display);line-height:var(--lh-display)}.t-display,.t-h1{font-family:var(--serif);letter-spacing:var(--tr-tight)}.t-h1{font-weight:700;font-size:var(--t-h1);line-height:1.2}.t-h2{font-size:var(--t-h2);line-height:1.25}.t-h2,.t-h3{font-family:var(--serif);font-weight:600;letter-spacing:var(--tr-snug)}.t-h3{font-size:var(--t-h3);line-height:1.3}.t-h4{font-family:var(--serif);font-weight:500;font-size:var(--t-h4);line-height:1.35}.t-body{font-size:var(--t-body)}.t-body,.t-lead{line-height:var(--lh-body);color:var(--ink-secondary)}.t-lead{font-family:var(--sans);font-size:var(--t-body-lg)}.eyebrow{font-size:var(--t-eyebrow);font-weight:700;letter-spacing:var(--tr-eyebrow)}.eyebrow,.label-mono{font-family:var(--sans);text-transform:uppercase;color:var(--ink-muted)}.label-mono{font-size:var(--t-meta);font-weight:500;letter-spacing:var(--tr-label)}.italic-accent{font-style:normal;color:var(--teal-bright)}.c-ink{color:var(--ink)}.c-sec{color:var(--ink-secondary)}.c-mut{color:var(--ink-muted)}.c-red{color:var(--teal-bright)}.c-ok{color:var(--ok)}.c-warn{color:var(--warn)}.c-blue{color:var(--info)}.hairline{height:1px;background:var(--line);border:0}.hairline-soft{height:1px;background:var(--line-soft);border:0}.hairline-strong{height:1px;background:var(--line-strong);border:0}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--r-1);font-family:var(--sans);font-size:var(--t-meta);font-weight:500;letter-spacing:var(--tr-chip);text-transform:uppercase;background:var(--bg);border:1px solid var(--line);color:var(--ink)}.pill.red{color:var(--crit);background:var(--crit-wash)}.pill.ok,.pill.red{border-color:transparent}.pill.ok{color:var(--ok);background:var(--ok-wash)}.pill.warn{color:var(--warn);background:var(--warn-wash)}.pill.blue,.pill.warn{border-color:transparent}.pill.blue{color:var(--info-strong);background:var(--info-wash)}.pill.solid{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.tag{font-family:var(--sans);font-size:var(--t-eyebrow);font-weight:500;padding:2px 8px;border-radius:var(--r-1);border:1px solid var(--line);color:var(--ink-muted);letter-spacing:var(--tr-chip);text-transform:uppercase}.dot,.tag{display:inline-block}.dot{width:8px;height:8px;border-radius:var(--r-pill);background:var(--ink-dim)}.dot.red{background:var(--crit-solid)}.dot.ok{background:var(--ok-solid)}.dot.warn{background:var(--warn-solid)}.dot.blue{background:var(--info)}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.65}}.dot.live{animation:pulse-dot 1.8s var(--ease) infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:10px 22px;font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:var(--tr-normal);border-radius:var(--r-2);border:1px solid var(--line);background:var(--bg-surface);color:var(--ink);box-shadow:var(--shadow-sm);transition:background var(--d-fast) var(--ease),border-color var(--d-fast) var(--ease),color var(--d-fast) var(--ease);min-height:var(--h-control)}.btn:hover{background:var(--bg-hover);border-color:var(--line-strong)}.btn:active{background:var(--bg-card)}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn.primary:hover{border-color:var(--primary-deep)}.btn.primary:active,.btn.primary:hover{background:var(--primary-deep)}.btn.secondary{background:transparent;border-color:var(--ink);color:var(--ink);box-shadow:none}.btn.secondary:hover{background:var(--navy-wash);border-color:var(--ink)}.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-secondary);box-shadow:none}.btn.ghost:hover{background:var(--bg-hover);border-color:transparent;color:var(--ink)}.btn.destructive{background:var(--crit-solid);border-color:var(--crit-solid);color:#fff}.btn.destructive:hover{background:var(--crit);border-color:var(--crit)}.btn.accent{background:var(--teal-bright);border-color:var(--teal-bright);color:var(--on-accent)}.btn.accent:hover{background:var(--teal-deep);border-color:var(--teal-deep)}.btn.sm{padding:6px 14px;font-size:14px;min-height:var(--h-control-sm)}.btn.lg{padding:12px 28px;font-size:16px;min-height:var(--h-control-lg)}.btn.block{display:flex;width:100%}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;box-shadow:none}.btn:disabled:hover,.btn[aria-disabled=true]:hover{background:var(--bg-surface);border-color:var(--line)}.btn.primary:disabled:hover{background:var(--primary);border-color:var(--primary)}.btn-icon{width:var(--h-control);height:var(--h-control);display:inline-grid;place-items:center;border:1px solid var(--line);background:var(--bg-surface);color:var(--ink-secondary);border-radius:var(--r-2);box-shadow:var(--shadow-sm);transition:background var(--d-fast) var(--ease),border-color var(--d-fast) var(--ease),color var(--d-fast) var(--ease)}.btn-icon:hover{background:var(--bg-hover);border-color:var(--line-strong);color:var(--ink)}.btn-icon:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.input,.select,.textarea{display:block;width:100%;min-height:var(--h-control);padding:10px 14px;font-family:var(--sans);font-size:var(--t-body);background:var(--bg-surface);border:1px solid var(--line);color:var(--ink);border-radius:var(--r-2);transition:border-color var(--d-fast) var(--ease),box-shadow var(--d-fast) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--ink-dim)}.input:hover:not(:disabled),.select:hover:not(:disabled),.textarea:hover:not(:disabled){border-color:var(--ink)}.input:focus,.select:focus,.textarea:focus{outline:none;border:2px solid var(--ink);padding:9px 13px;box-shadow:var(--shadow-ring)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--bg-card);border-color:var(--line);color:var(--ink-muted);cursor:not-allowed}.textarea{min-height:96px;resize:vertical;line-height:var(--lh-body)}.field,.field-label{display:block}.field-label{font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:var(--tr-normal);text-transform:none;color:var(--ink);margin-bottom:6px}.field-help{margin-top:var(--s-1);font-size:var(--t-meta);color:var(--ink-secondary)}.toggle{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle .track{inset:0;background:var(--bg-card);border:1px solid var(--line-strong);transition:background var(--d-base) var(--ease),border-color var(--d-base) var(--ease)}.toggle .knob,.toggle .track{position:absolute;border-radius:var(--r-pill)}.toggle .knob{top:3px;left:3px;width:16px;height:16px;background:var(--bg-surface);box-shadow:var(--shadow-sm);transition:left var(--d-base) var(--ease),background var(--d-base) var(--ease)}.toggle input:checked+.track{background:var(--primary);border-color:var(--primary)}.toggle input:checked+.track .knob{left:19px;background:#fff}.toggle input:disabled+.track{opacity:.4}.check{display:inline-grid;place-items:center;width:18px;height:18px;border:1.5px solid var(--line-strong);border-radius:var(--r-1);background:var(--bg-surface);color:transparent;transition:background var(--d-fast) var(--ease),border-color var(--d-fast) var(--ease);flex-shrink:0}.check:hover{border-color:var(--ink)}.check.done{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.check:disabled{opacity:.4;cursor:not-allowed}.radio{display:inline-grid;place-items:center;width:18px;height:18px;border:1.5px solid var(--line-strong);border-radius:var(--r-pill);background:var(--bg-surface);transition:border-color var(--d-fast) var(--ease);flex-shrink:0}.radio.on{border:2px solid var(--primary)}.radio.on:after{content:"";width:8px;height:8px;border-radius:var(--r-pill);background:var(--primary)}.card{border:1px solid var(--line);border-radius:var(--r-2);padding:var(--s-6);position:relative}.card,.card.elevated{background:var(--bg-surface)}.card.elevated{border-color:transparent;box-shadow:var(--shadow-md)}.card.flush{padding:0;overflow:hidden}.card.accent:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--teal);border-radius:var(--r-2) 0 0 var(--r-2)}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-4)}.card-title{font-family:var(--serif);font-weight:600;font-size:var(--t-h3);line-height:1.3;letter-spacing:var(--tr-snug);color:var(--ink)}.card-eyebrow{font-family:var(--sans);color:var(--ink-muted);margin-bottom:var(--s-1)}.card-bar,.card-eyebrow{font-size:var(--t-eyebrow);font-weight:700;letter-spacing:var(--tr-eyebrow);text-transform:uppercase}.card-bar{background:var(--primary);color:var(--on-primary);padding:var(--s-2) var(--s-4);border-radius:var(--r-2) var(--r-2) 0 0}.kpi{padding:var(--s-6);background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--r-2);position:relative;overflow:hidden}.kpi-label{font-family:var(--sans);font-size:var(--t-eyebrow);font-weight:700;letter-spacing:var(--tr-eyebrow);text-transform:uppercase;color:var(--ink-muted);margin-bottom:var(--s-3)}.kpi-value{font-family:var(--mono);font-weight:500;font-size:clamp(30px,4vw,40px);line-height:1.1;letter-spacing:var(--tr-tight);color:var(--ink);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1,"tnum"}.kpi-value .unit{font-family:var(--sans);font-size:14px;font-weight:400;color:var(--ink-muted);margin-left:var(--s-2);letter-spacing:0;text-transform:none}.kpi-sub{margin-top:var(--s-2);font-size:var(--t-meta);color:var(--ink-secondary);display:flex;align-items:center;gap:var(--s-1)}.delta-up{color:var(--ok)}.delta-down{color:var(--crit)}.delta-flat{color:var(--ink-muted)}.kpi.accent:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--teal)}.meter{position:relative;height:6px;background:var(--bg-card);overflow:hidden}.meter,.meter .fill{border-radius:var(--r-pill)}.meter .fill{position:absolute;inset:0 auto 0 0;background:var(--teal);transition:width var(--d-slow) var(--ease)}.meter .fill.ok{background:var(--ok-solid)}.meter .fill.warn{background:var(--warn-solid)}.meter .fill.crit{background:var(--crit-solid)}.meter .benchmark{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ink);opacity:.45}.agent-row{display:grid;grid-template-columns:32px 1fr 56px 56px;align-items:center;grid-gap:var(--s-3);gap:var(--s-3);padding:var(--s-2) var(--s-4);min-height:var(--h-row);border-bottom:1px solid var(--line-soft);transition:background var(--d-fast) var(--ease)}.agent-row:hover{background:var(--bg-hover)}.agent-row .rank{font-family:var(--mono);font-size:18px;color:var(--ink-muted)}.agent-row .rank.top{color:var(--teal-bright)}.agent-row .name{font-size:var(--t-body);display:flex;flex-direction:column;gap:2px;min-width:0}.agent-row .name .full{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-row .name .sub{font-family:var(--sans);font-size:var(--t-eyebrow);color:var(--ink-muted);letter-spacing:var(--tr-chip);text-transform:uppercase}.agent-row .score{font-family:var(--mono);font-size:15px;font-weight:500;color:var(--ink);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.agent-row .streak,.agent-row .vs{font-family:var(--mono);font-size:var(--t-meta);text-align:right;display:none}.agent-row .vs.up{color:var(--ok)}.agent-row .vs.down{color:var(--crit)}.agent-row .vs.flat{color:var(--ink-muted)}.agent-row .chev,.agent-row .meter-col{display:none}.agent-row .chev{color:var(--ink-dim);transition:color var(--d-base),transform var(--d-base)}.agent-row:hover .chev{color:var(--ink-secondary);transform:translateX(3px)}@media (min-width:768px){.agent-row{grid-template-columns:44px 1.3fr 64px 1fr 80px 80px 28px;gap:var(--s-4);padding:var(--s-2) var(--s-5)}.agent-row .chev,.agent-row .meter-col,.agent-row .streak,.agent-row .vs{display:block}}.tile{display:block;border:1px solid var(--line);background:var(--bg-surface);padding:var(--s-6);position:relative;border-radius:var(--r-2);transition:border-color var(--d-base) var(--ease),box-shadow var(--d-base) var(--ease),transform var(--d-base) var(--ease);overflow:hidden}.tile:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tile-num{font-family:var(--mono);font-size:32px;color:var(--ink-dim);line-height:1;margin-bottom:var(--s-6);transition:color var(--d-base) var(--ease)}.tile:hover .tile-num{color:var(--teal)}.tile-title{font-family:var(--serif);font-weight:600;font-size:var(--t-h3);line-height:1.3;letter-spacing:var(--tr-snug);color:var(--ink);margin-bottom:var(--s-2)}.tile-desc{font-size:var(--t-body);color:var(--ink-secondary);line-height:var(--lh-body);margin-bottom:var(--s-5)}.tile-meta{display:flex;align-items:center;gap:var(--s-2);font-family:var(--sans);font-size:var(--t-eyebrow);font-weight:700;letter-spacing:var(--tr-eyebrow);text-transform:uppercase;color:var(--ink-muted)}.tile-go{position:absolute;top:var(--s-5);right:var(--s-5);color:var(--ink-dim);transition:color var(--d-base) var(--ease),transform var(--d-base) var(--ease)}.tile:hover .tile-go{color:var(--teal);transform:translate(3px,-3px)}.tap{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);border:1px solid var(--line);background:var(--bg-surface);border-radius:var(--r-2);width:100%;text-align:left;transition:background var(--d-fast) var(--ease),border-color var(--d-fast) var(--ease);min-height:56px}.tap:active,.tap:hover{background:var(--bg-hover);border-color:var(--line-strong)}.tap .tap-ico{width:36px;height:36px;display:grid;place-items:center;background:var(--bg-card);border-radius:var(--r-2);color:var(--ink-secondary);flex-shrink:0}.tap .tap-body{flex:1 1;min-width:0}.tap .tap-title{font-size:var(--t-body);color:var(--ink);margin-bottom:2px}.tap .tap-meta{font-family:var(--sans);font-size:var(--t-eyebrow);color:var(--ink-muted);letter-spacing:var(--tr-chip);text-transform:uppercase}.tap .tap-count{font-family:var(--mono);font-size:14px;color:var(--ink);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tap.required{border-left:3px solid var(--teal)}.tap.done .tap-ico{background:var(--teal-wash);color:var(--teal-bright)}.audio-stage{text-align:center;padding:var(--s-7) var(--s-5);border:1px solid var(--line);background:var(--bg-surface);border-radius:var(--r-2)}.audio-mic{width:96px;height:96px;display:grid;place-items:center;margin:0 auto var(--s-5);background:var(--primary);color:var(--on-primary);border-radius:var(--r-pill);box-shadow:0 0 0 8px var(--navy-wash);cursor:pointer;transition:transform var(--d-base) var(--ease)}.audio-mic:hover{transform:scale(1.04)}.audio-mic.recording{background:var(--crit-solid);animation:rec-pulse 1.6s var(--ease) infinite}@keyframes rec-pulse{0%,to{box-shadow:0 0 0 8px rgba(239,68,68,.16)}50%{box-shadow:0 0 0 18px rgba(239,68,68,.06)}}.audio-time{font-family:var(--mono);font-size:32px;color:var(--ink);letter-spacing:var(--tr-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.audio-hint{margin-top:var(--s-2);font-family:var(--sans);font-size:var(--t-meta);color:var(--ink-muted);letter-spacing:var(--tr-label);text-transform:uppercase}.waveform{display:flex;align-items:center;justify-content:center;gap:3px;height:48px;margin:var(--s-4) 0}.waveform span{display:block;width:3px;background:var(--teal);border-radius:var(--r-pill);animation:wf 1.2s var(--ease) infinite}.waveform span:nth-child(2n){animation-delay:.1s}.waveform span:nth-child(3n){animation-delay:.2s}.waveform span:nth-child(4n+1){animation-delay:.3s}@keyframes wf{0%,to{height:8px}50%{height:40px}}.phone-stage{display:grid;place-items:center;padding:var(--s-8) var(--s-5)}.phone{width:100%;max-width:392px;aspect-ratio:392/820;border-radius:44px;padding:12px;position:relative;box-shadow:var(--shadow-phone)}.phone,.phone:before{background:var(--navy)}.phone:before{content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);width:106px;height:28px;border-radius:var(--r-pill);z-index:6}.phone-screen{width:100%;height:100%;border-radius:34px;overflow:hidden;background:var(--bg);position:relative;display:flex;flex-direction:column}.phone-status{justify-content:space-between;padding:14px 24px 0;font-family:var(--mono);font-size:var(--t-meta);height:38px}.phone-status,.phone-status .icons{display:flex;align-items:center;color:var(--ink)}.phone-status .icons{gap:4px}.phone-body{flex:1 1;overflow-y:auto;padding:var(--s-2) var(--s-5) var(--s-6);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.phone-body::-webkit-scrollbar{width:3px}.phone-body::-webkit-scrollbar-thumb{background:var(--line-strong)}.phone-nav{display:grid;grid-template-columns:repeat(4,1fr);padding:10px 12px 16px;border-top:1px solid var(--line-soft);background:var(--bg-surface);grid-gap:4px;gap:4px}.phone-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;color:var(--ink-muted);font-family:var(--sans);font-size:10px;font-weight:500;letter-spacing:var(--tr-chip);text-transform:uppercase}.phone-nav button.active{color:var(--teal-bright)}.chrome{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-chrome);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg-surface) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.chrome-inner{max-width:var(--w-page);margin:0 auto;padding:14px var(--pad-page);justify-content:space-between;gap:var(--s-5)}.chrome-brand,.chrome-inner{display:flex;align-items:center}.chrome-brand{gap:12px}.chrome-brand .mark{width:28px;height:28px;display:inline-grid;place-items:center;background:var(--primary);color:var(--on-primary);font-family:var(--serif);font-weight:800;font-size:15px;line-height:1;border-radius:var(--r-2)}.chrome-brand .title{font-family:var(--serif);font-weight:700;font-size:var(--t-h4);letter-spacing:var(--tr-snug);color:var(--ink)}.chrome-brand .title em{color:var(--teal-bright);font-style:normal}.chrome-brand .divider{width:1px;height:18px;background:var(--line);display:none}.chrome-brand .sub{font-size:var(--t-eyebrow);font-weight:700;letter-spacing:var(--tr-eyebrow)}.chrome-brand .sub,.chrome-meta{font-family:var(--sans);text-transform:uppercase;color:var(--ink-muted);display:none}.chrome-meta{align-items:center;gap:var(--s-5);font-size:var(--t-meta);letter-spacing:var(--tr-label)}.chrome-user{display:flex;align-items:center;gap:10px;padding:5px 5px 5px 14px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--bg-surface)}.chrome-user .avatar{width:26px;height:26px;border-radius:var(--r-pill);background:var(--primary);display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-size:12px;color:var(--on-primary)}.chrome-user .name{font-size:var(--t-small);color:var(--ink-secondary);display:none}@media (min-width:768px){.chrome-inner{padding:var(--s-4) var(--pad-page-md)}.chrome-brand .divider,.chrome-brand .sub{display:block}.chrome-meta{display:flex}.chrome-user .name{display:block}}@media (min-width:1100px){.chrome-inner{padding:var(--s-4) var(--pad-page-lg)}}.container{width:100%;max-width:var(--w-page);margin:0 auto;padding:0 var(--pad-page);position:relative;z-index:2}@media (min-width:768px){.container{padding:0 var(--pad-page-md)}}@media (min-width:1100px){.container{padding:0 var(--pad-page-lg)}}.section{padding:var(--s-9) 0}.section-tight{padding:var(--s-6) 0}.row,.row-b{display:flex;align-items:center}.row-b{justify-content:space-between}.col{display:flex;flex-direction:column}.gap-1{gap:var(--s-1)}.gap-2{gap:var(--s-2)}.gap-3{gap:var(--s-3)}.gap-4{gap:var(--s-4)}.gap-5{gap:var(--s-5)}.gap-6{gap:var(--s-6)}.grid{display:grid;grid-gap:var(--s-4);gap:var(--s-4)}.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}@media (min-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}}.split-a,.split-b{display:grid;grid-template-columns:1fr;grid-gap:var(--s-6);gap:var(--s-6)}@media (min-width:900px){.split-a{grid-template-columns:2fr 1fr}.split-b{grid-template-columns:1fr 2fr}}@keyframes reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:reveal var(--d-reveal) var(--ease) both}.reveal.d1{animation-delay:.04s}.reveal.d2{animation-delay:.08s}.reveal.d3{animation-delay:.12s}.reveal.d4{animation-delay:.16s}.reveal.d5{animation-delay:.2s}.reveal.d6{animation-delay:.24s}.footer-bar{border-top:1px solid var(--line);padding:var(--s-7) 0;margin-top:var(--s-10)}.footer-bar .row-b{font-family:var(--sans);font-size:var(--t-meta);font-weight:500;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink-muted);flex-direction:column;align-items:flex-start;gap:var(--s-3)}@media (min-width:600px){.footer-bar .row-b{flex-direction:row;align-items:center}}.ds-nav{display:flex;flex-wrap:wrap;gap:var(--s-2);padding:var(--s-3) 0;border-bottom:1px solid var(--line)}.ds-nav a{font-family:var(--sans);font-size:var(--t-meta);font-weight:500;letter-spacing:var(--tr-chip);text-transform:uppercase;color:var(--ink-muted);padding:6px 12px;border:1px solid var(--line);border-radius:var(--r-1);transition:color var(--d-fast) var(--ease),border-color var(--d-fast) var(--ease),background var(--d-fast) var(--ease)}.ds-nav a:hover{color:var(--ink);border-color:var(--line-strong)}.ds-nav a.active{color:var(--on-primary);border-color:var(--primary);background:var(--primary)}.ds-anchor{scroll-margin-top:80px}.ds-anchor-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-5);margin-bottom:var(--s-6);padding-bottom:var(--s-3);border-bottom:1px solid var(--line)}.ds-anchor-head .id{font-family:var(--sans);font-size:var(--t-meta);font-weight:700;letter-spacing:var(--tr-eyebrow);text-transform:uppercase;color:var(--ink-muted)}.spec{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:var(--t-small)}.spec td,.spec th{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line-soft);vertical-align:top}.spec th{font-family:var(--sans);font-size:var(--t-eyebrow);font-weight:700;letter-spacing:var(--tr-eyebrow);text-transform:uppercase;color:var(--ink-muted)}.spec td .swatch{display:inline-block;width:22px;height:22px;border-radius:var(--r-1);border:1px solid var(--line);vertical-align:middle;margin-right:10px}.spec td code{background:var(--bg-card);padding:2px 6px;border-radius:var(--r-1);color:var(--ink);font-size:var(--t-meta)}.demo{padding:var(--s-7) var(--s-5);border:1px dashed var(--line-strong);border-radius:var(--r-2);background:var(--bg-surface);position:relative}.demo+.demo{margin-top:var(--s-4)}.demo-label{position:absolute;top:12px;right:14px;font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:var(--tr-eyebrow);text-transform:uppercase;color:var(--ink-dim)}.dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--s-4);gap:var(--s-4);padding:var(--s-6);background:var(--bg-surface)}.dashboard,.dashboard-item{border:1px solid var(--line);border-radius:var(--r-2)}.dashboard-item{padding:var(--s-5);background:var(--bg);transition:border-color var(--d-fast) var(--ease),background var(--d-fast) var(--ease)}.dashboard-item:hover{border-color:var(--line-strong);background:var(--bg-hover)}.dashboard-item.accent{border-left:3px solid var(--teal)}.dashboard-label{font-family:var(--sans);font-size:var(--t-eyebrow);font-weight:700;letter-spacing:var(--tr-eyebrow);text-transform:uppercase;color:var(--ink-muted);margin-bottom:var(--s-2)}.dashboard-value{font-family:var(--mono);font-weight:500;font-size:36px;line-height:1.1;letter-spacing:var(--tr-tight);color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-bottom:var(--s-1)}.dashboard-value.red{color:var(--crit)}.dashboard-value.ok{color:var(--ok)}.dashboard-value.warn{color:var(--warn)}.dashboard-value.blue{color:var(--info-strong)}.dashboard-sub{font-size:var(--t-meta);color:var(--ink-secondary);line-height:1.5}.dashboard-delta{display:inline-block;font-family:var(--mono);font-size:var(--t-meta);margin-top:var(--s-2);padding:2px 8px;border-radius:var(--r-1);background:var(--bg-card)}.dashboard-delta.up{color:var(--ok)}.dashboard-delta.down{color:var(--crit)}.dashboard-delta.flat{color:var(--ink-muted)}.upload-zone{position:relative;padding:var(--s-8);border:2px dashed var(--line-strong);border-radius:var(--r-2);background:var(--bg-surface);text-align:center;cursor:pointer;transition:border-color var(--d-fast) var(--ease),background var(--d-fast) var(--ease)}.upload-zone:hover{border-color:var(--teal);background:var(--teal-wash)}.upload-zone.active{border-color:var(--teal);background:var(--teal-wash-strong)}.upload-zone input[type=file]{display:none}.upload-icon{font-size:40px;margin-bottom:var(--s-4);opacity:.5}.upload-text{font-size:var(--t-body-lg);color:var(--ink);margin-bottom:var(--s-1)}.upload-hint{font-size:var(--t-meta);color:var(--ink-muted)}.upload-files{margin-top:var(--s-5);padding-top:var(--s-5);border-top:1px solid var(--line-soft)}.upload-item{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-2);margin-bottom:var(--s-2)}.upload-item-icon{width:32px;height:32px;display:grid;place-items:center;background:var(--teal-wash);border-radius:var(--r-1);color:var(--teal-bright);flex-shrink:0}.upload-item-info{flex:1 1;min-width:0}.upload-item-name{font-size:var(--t-body);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-item-size{font-size:var(--t-meta);color:var(--ink-muted);margin-top:2px}.upload-item-remove{background:none;border:none;color:var(--ink-muted);cursor:pointer;padding:var(--s-2);transition:color var(--d-fast) var(--ease)}.upload-item-remove:hover{color:var(--crit)}.chat-container{display:flex;flex-direction:column;height:600px;background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--r-2);overflow:hidden}.chat-header{padding:var(--s-4);border-bottom:1px solid var(--line-soft);background:var(--bg)}.chat-header-title{font-family:var(--serif);font-size:var(--t-h4);font-weight:600;color:var(--ink);margin-bottom:var(--s-1)}.chat-header-status{font-size:var(--t-meta);color:var(--ink-secondary)}.chat-messages{flex:1 1;overflow-y:auto;padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-4)}.chat-message{display:flex;gap:var(--s-3);align-items:flex-start;animation:fadeIn var(--d-base) var(--ease)}.chat-message.user{flex-direction:row-reverse;justify-content:flex-end}.chat-avatar{width:32px;height:32px;border-radius:var(--r-pill);display:grid;place-items:center;font-family:var(--serif);font-size:13px;font-weight:700;flex-shrink:0}.chat-avatar.bot{background:var(--primary);color:var(--on-primary)}.chat-avatar.user{background:var(--bg-card);color:var(--ink);border:1px solid var(--line)}.chat-bubble{max-width:70%;padding:var(--s-3) var(--s-4);border-radius:var(--r-2);font-size:var(--t-body);line-height:var(--lh-body);word-wrap:break-word}.chat-message.bot .chat-bubble{background:var(--bg);color:var(--ink);border:1px solid var(--line)}.chat-message.user .chat-bubble{background:var(--primary);color:var(--on-primary);border-radius:var(--r-2)}.chat-timestamp{font-size:var(--t-meta);color:var(--ink-muted);margin-top:var(--s-1)}.chat-input-area{padding:var(--s-4);border-top:1px solid var(--line-soft);background:var(--bg);display:flex;gap:var(--s-3)}.chat-input{flex:1 1;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--bg-surface);color:var(--ink);font-family:var(--sans);font-size:var(--t-body);resize:none;max-height:100px}.chat-input::placeholder{color:var(--ink-dim)}.chat-input:focus{outline:none;border-color:var(--ink);box-shadow:var(--shadow-ring)}.chat-send{background:var(--primary);border:none;color:var(--on-primary);width:var(--h-control);height:var(--h-control);border-radius:var(--r-2);display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:background var(--d-fast) var(--ease)}.chat-send:active,.chat-send:hover{background:var(--primary-deep)}.chat-history{max-height:300px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--r-2);background:var(--bg-surface)}.chat-history-item{padding:var(--s-2) var(--s-4);min-height:var(--h-row);border-bottom:1px solid var(--line-soft);cursor:pointer;transition:background var(--d-fast) var(--ease)}.chat-history-item:hover{background:var(--bg-hover)}.chat-history-time{font-size:var(--t-meta);color:var(--ink-muted);margin-bottom:var(--s-1)}.chat-history-text{font-size:var(--t-body);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tooltip{background:var(--navy);color:#f8fafc;font-family:var(--sans);font-size:var(--t-meta);padding:6px 12px;border-radius:var(--r-2);max-width:240px;box-shadow:var(--shadow-md)}.kpi-chart{height:120px;align-items:center;justify-content:center;margin:var(--s-3) 0;background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--r-2)}.bar-chart,.kpi-chart{width:100%;display:flex}.bar-chart{height:100%;align-items:flex-end;justify-content:space-around;gap:8px;padding:12px 0}.bar{width:100%;max-width:20px;background:var(--teal);border-radius:var(--r-1) var(--r-1) 0 0}.bar.ok{background:var(--ok-solid)}.bar.warn{background:var(--warn-solid)}.bar.blue{background:var(--info)}.donut-chart,.pie-chart{width:100px;height:100px}.line-chart{width:100%;height:100%}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-3);font-size:var(--t-meta);color:var(--ink-secondary)}.chart-legend-item{display:flex;align-items:center;gap:6px}.chart-legend-dot{width:8px;height:8px;border-radius:var(--r-pill);background:var(--teal)}.chart-legend-dot.ok{background:var(--ok-solid)}.chart-legend-dot.warn{background:var(--warn-solid)}.chart-legend-dot.blue{background:var(--info)}@media (max-width:600px){.dashboard{grid-template-columns:1fr;padding:var(--s-4);gap:var(--s-4)}.chat-container{height:400px}.chat-bubble{max-width:85%}.chat-messages{padding:var(--s-4)}}.text-center{text-align:center}.text-right{text-align:right}.flex-1{flex:1 1}.hidden{display:none}.mb-2{margin-bottom:var(--s-2)}.mb-3{margin-bottom:var(--s-3)}.mb-4{margin-bottom:var(--s-4)}.mb-5{margin-bottom:var(--s-5)}.mb-6{margin-bottom:var(--s-6)}.mb-7{margin-bottom:var(--s-7)}.mt-2{margin-top:var(--s-2)}.mt-3{margin-top:var(--s-3)}.mt-4{margin-top:var(--s-4)}.mt-5{margin-top:var(--s-5)}.mt-6{margin-top:var(--s-6)}.mt-7{margin-top:var(--s-7)}:root{--red:var(--primary);--red-bright:var(--primary-deep);--red-deep:var(--primary-deep);--red-wash:var(--primary-wash);--blue:var(--info-strong);--blue-bright:var(--info);--blue-wash:var(--info-wash);--surface-1:var(--bg-surface);--surface-2:var(--bg-card);--danger:var(--crit);--sidebar-w:264px;--topbar-h:64px}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--line);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:var(--z-chrome);transition:transform var(--d-base) var(--ease)}.sidebar-brand{display:flex;align-items:center;gap:var(--s-3);height:var(--topbar-h);padding:0 var(--s-5);border-bottom:1px solid var(--line)}.sidebar-brand .mark{width:34px;height:34px;border-radius:var(--r-2);background:var(--primary);display:grid;place-items:center;font-family:var(--serif);font-weight:800;font-size:16px;color:var(--on-primary)}.sidebar-brand .wm{display:flex;flex-direction:column;line-height:1.2}.sidebar-brand .wm b{font-family:var(--serif);font-weight:700;font-size:var(--t-h4);letter-spacing:var(--tr-snug);color:var(--ink)}.sidebar-brand .wm span{font-size:var(--t-eyebrow);color:var(--ink-muted);font-weight:700;letter-spacing:var(--tr-eyebrow);text-transform:uppercase}.sidebar-nav{flex:1 1;overflow-y:auto;padding:var(--s-4) var(--s-3);display:flex;flex-direction:column;gap:2px}.sidebar-group-label{font-size:var(--t-eyebrow);letter-spacing:var(--tr-eyebrow);text-transform:uppercase;color:var(--ink-muted);font-weight:700;padding:var(--s-4) var(--s-3) var(--s-2)}.nav-item{display:flex;align-items:center;gap:var(--s-3);min-height:40px;padding:var(--s-2) var(--s-3);border-radius:var(--r-2);color:var(--ink-secondary);font-size:var(--t-body);font-weight:500;cursor:pointer;transition:background var(--d-fast) var(--ease),color var(--d-fast) var(--ease);border:0;border-left:3px solid transparent;text-align:left;width:100%}.nav-item:hover{background:var(--bg-hover);color:var(--ink)}.nav-item.active{background:var(--navy-wash);color:var(--ink);font-weight:700;border-left-color:var(--teal);border-radius:0 var(--r-2) var(--r-2) 0}.nav-item.active .ico{color:var(--teal-bright)}.nav-item .ico{width:18px;height:18px;flex-shrink:0}.nav-item .nav-count{margin-left:auto;font-family:var(--mono);font-size:var(--t-meta);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--bg-card);color:var(--ink-secondary);padding:1px 8px;border-radius:var(--r-pill)}.nav-item.active .nav-count{background:var(--primary);color:var(--on-primary)}.sidebar-foot{padding:var(--s-3);border-top:1px solid var(--line)}.sidebar-user{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-2);background:var(--bg)}.sidebar-user .avatar{width:32px;height:32px;border-radius:var(--r-pill);background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-size:13px}.sidebar-user .meta{flex:1 1;min-width:0}.sidebar-user .meta b{font-size:var(--t-small);color:var(--ink)}.sidebar-user .meta b,.sidebar-user .meta span{display:block;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user .meta span{font-size:10px;line-height:1.4;color:var(--ink-muted);text-transform:uppercase;letter-spacing:var(--tr-chip)}.app-main{flex:1 1;min-width:0;margin-left:var(--sidebar-w);display:flex;flex-direction:column}.topbar{height:var(--topbar-h);flex-shrink:0;background:color-mix(in srgb,var(--bg-surface) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:var(--s-4);padding:0 var(--s-6);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-chrome)}.topbar-title{display:flex;flex-direction:column;line-height:1.25}.topbar-title b{font-family:var(--serif);font-weight:600;font-size:var(--t-h4);letter-spacing:var(--tr-snug);color:var(--ink)}.topbar-title span{font-size:var(--t-meta);color:var(--ink-muted)}.topbar-spacer{flex:1 1}.topbar-clock{font-family:var(--mono);font-size:var(--t-meta);color:var(--ink-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.page-body{padding:var(--s-7) var(--s-6) var(--s-10);max-width:1320px;width:100%}.page-head{margin-bottom:var(--s-6)}.page-head h1{font-family:var(--serif);font-weight:700;font-size:var(--t-h1);line-height:1.2;letter-spacing:var(--tr-tight);color:var(--ink)}.page-head p{color:var(--ink-secondary);font-size:var(--t-body-lg);line-height:var(--lh-body);margin-top:var(--s-2);max-width:var(--w-prose)}.menu-toggle,.sidebar-scrim{display:none}@media (max-width:1024px){.sidebar{transform:translateX(-100%);box-shadow:var(--shadow-2)}.sidebar.open{transform:translateX(0)}.app-main{margin-left:0}.menu-toggle{display:inline-grid}.sidebar-scrim.show{display:block;position:fixed;inset:0;z-index:28;background:rgba(15,23,42,.45)}}@media (max-width:600px){.page-body{padding:var(--s-6) var(--s-4) var(--s-9)}.topbar{padding:0 var(--s-4);gap:var(--s-3)}}.breadcrumb{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-meta);margin-bottom:var(--s-2)}.breadcrumb a,.breadcrumb span{color:var(--ink-muted)}.breadcrumb a:hover{color:var(--teal-bright)}.breadcrumb .sep{color:var(--ink-dim)}.breadcrumb .current{color:var(--ink-secondary);font-weight:500}.tabs{display:flex;gap:var(--s-1);border-bottom:1px solid var(--line);margin-bottom:var(--s-6);flex-wrap:wrap}.tab{padding:var(--s-3) var(--s-4);font-size:var(--t-body);font-weight:500;color:var(--ink-muted);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color var(--d-fast) var(--ease),border-color var(--d-fast) var(--ease)}.tab:hover{color:var(--ink-secondary)}.tab.active{color:var(--ink);font-weight:700;border-bottom-color:var(--teal)}.segmented{display:inline-flex;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-2);padding:3px;gap:2px}.segmented button{padding:6px 14px;font-size:var(--t-small);font-weight:500;border-radius:6px;color:var(--ink-muted);transition:background var(--d-fast) var(--ease),color var(--d-fast) var(--ease)}.segmented button:hover{color:var(--ink)}.segmented button.active{background:var(--bg-surface);color:var(--ink);font-weight:700;box-shadow:var(--shadow-sm)}.table-wrap{border:1px solid var(--line);border-radius:var(--r-2);overflow:hidden;background:var(--bg-surface)}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--t-body)}.data-table thead th{text-align:left;padding:var(--s-3) var(--s-4);background:var(--bg);font-size:var(--t-eyebrow);letter-spacing:var(--tr-eyebrow);text-transform:uppercase;color:var(--ink-muted);font-weight:700;border-bottom:1px solid var(--line);white-space:nowrap}.data-table thead th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table thead th.sortable:hover{color:var(--ink)}.data-table thead th .arrow{color:var(--teal-bright);margin-left:4px}.data-table tbody td{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line-soft);color:var(--ink-secondary);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background var(--d-fast) var(--ease)}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr.clickable{cursor:pointer}.data-table td .strong{color:var(--ink);font-weight:700}.data-table .num{font-family:var(--mono);text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1,"tnum"}.row-actions{display:flex;gap:var(--s-1);justify-content:flex-end}.pagination{display:flex;align-items:center;gap:6px;padding:var(--s-3) var(--s-4);border-top:1px solid var(--line);flex-wrap:wrap}.pagination .info{font-size:var(--t-meta);color:var(--ink-muted);margin-right:auto}.page-btn{min-width:32px;height:32px;padding:0 var(--s-2);border-radius:var(--r-2);border:1px solid var(--line);background:var(--bg-surface);font-size:var(--t-small);font-weight:500;color:var(--ink-secondary);transition:background var(--d-fast) var(--ease),border-color var(--d-fast) var(--ease)}.page-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--line-strong);color:var(--ink)}.page-btn.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:700}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-ellipsis{color:var(--ink-muted);padding:0 4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--r-1)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--line);border-top-color:var(--teal);animation:spin .7s linear infinite}.spinner.lg{width:40px;height:40px;border-width:3px}@keyframes spin{to{transform:rotate(1turn)}}.center-state{place-items:center;grid-gap:var(--s-4);gap:var(--s-4);padding:var(--s-10) var(--s-6)}.center-state,.state-block{display:grid;text-align:center}.state-block{place-items:center;grid-gap:var(--s-3);gap:var(--s-3);padding:var(--s-9) var(--s-6)}.state-icon{width:56px;height:56px;border-radius:var(--r-3);display:grid;place-items:center;background:var(--bg-card);border:1px solid var(--line);color:var(--ink-muted)}.state-icon.err{color:var(--crit);background:var(--crit-wash);border-color:transparent}.state-block h3{font-family:var(--serif);font-weight:600;font-size:var(--t-h3);color:var(--ink)}.state-block p{color:var(--ink-muted);font-size:var(--t-body);max-width:48ch}.toast-stack{position:fixed;top:var(--s-5);right:var(--s-5);z-index:var(--z-toast);flex-direction:column;width:380px;max-width:calc(100vw - 40px)}.toast,.toast-stack{display:flex;gap:var(--s-3)}.toast{padding:var(--s-3) var(--s-4);background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--r-2);box-shadow:var(--shadow-md);animation:toast-in var(--d-base) var(--ease-snap) both}.toast.out{animation:toast-out var(--d-base) var(--ease) both}@keyframes toast-in{0%{opacity:0;transform:translateX(24px)}}@keyframes toast-out{to{opacity:0;transform:translateX(24px)}}.toast .bar{width:3px;border-radius:var(--r-pill);flex-shrink:0}.toast.success .bar{background:var(--ok-solid)}.toast.error .bar{background:var(--crit-solid)}.toast.warning .bar{background:var(--warn-solid)}.toast.info .bar{background:var(--info)}.toast .body{flex:1 1;min-width:0}.toast .body b{display:block;font-size:var(--t-body);color:var(--ink);font-weight:700}.toast .body span{font-size:var(--t-meta);color:var(--ink-secondary)}.toast .close{color:var(--ink-muted);font-size:16px;line-height:1}.toast .close:hover{color:var(--ink)}.overlay{position:fixed;inset:0;z-index:var(--z-modal);background:rgba(15,23,42,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:var(--s-5);animation:fade-in var(--d-base) var(--ease) both}@keyframes fade-in{0%{opacity:0}}.modal{background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--shadow-2);width:100%;max-width:540px;max-height:90vh;display:flex;flex-direction:column;animation:modal-in var(--d-base) var(--ease-snap) both}.modal.lg{max-width:760px}.modal.sm{max-width:420px}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.985)}}.modal-head{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-5) var(--s-6);border-bottom:1px solid var(--line-soft)}.modal-head h3{font-family:var(--serif);font-weight:600;font-size:var(--t-h3);letter-spacing:var(--tr-snug);color:var(--ink)}.modal-head p{font-size:var(--t-meta);color:var(--ink-muted);margin-top:2px}.modal-head .x{margin-left:auto;color:var(--ink-muted);font-size:20px;line-height:1}.modal-head .x:hover{color:var(--ink)}.modal-body{padding:var(--s-6);overflow-y:auto}.modal-foot{gap:var(--s-2);padding:var(--s-4) var(--s-6);border-top:1px solid var(--line-soft)}.drawer-overlay,.modal-foot{display:flex;justify-content:flex-end}.drawer-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:rgba(15,23,42,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in var(--d-base) var(--ease) both}.drawer{background:var(--bg-surface);border-left:1px solid var(--line);width:480px;max-width:100vw;height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-2);animation:drawer-in var(--d-base) var(--ease) both}@keyframes drawer-in{0%{transform:translateX(100%)}}.drawer-head{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-5) var(--s-6);border-bottom:1px solid var(--line-soft)}.drawer-head h3{font-family:var(--serif);font-weight:600;font-size:var(--t-h3);color:var(--ink)}.drawer-body{padding:var(--s-6);overflow-y:auto;flex:1 1}.drawer-foot{display:flex;gap:var(--s-2);padding:var(--s-4) var(--s-6);border-top:1px solid var(--line-soft)}@media (max-width:600px){.modal,.modal.lg,.modal.sm{max-width:100%;height:100%;max-height:100%;border-radius:0}.overlay{padding:0}.drawer{width:100%}}.phase{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:var(--t-meta);font-weight:500;letter-spacing:var(--tr-chip);text-transform:uppercase;padding:4px 10px;border-radius:var(--r-1);border:1px solid transparent}.phase.MCE{color:var(--info-strong);background:var(--info-wash)}.phase.CA,.phase.OME{color:var(--warn);background:var(--warn-wash)}.phase.CR{color:var(--crit);background:var(--crit-wash)}.phase.RET{color:#fff;background:var(--crit-solid)}.phase.AP{color:var(--ok);background:var(--ok-wash)}.phase.CTP{color:var(--ink-secondary);background:var(--bg-card);border-color:var(--line)}.aging-dot{width:8px;height:8px;border-radius:var(--r-pill);display:inline-block}.aging-dot.a0{background:var(--ok-solid)}.aging-dot.a30{background:var(--warn-solid)}.aging-dot.a60{background:#f59e0b}.aging-dot.a90{background:var(--crit-solid)}.form-grid{display:grid;grid-gap:var(--s-4);gap:var(--s-4)}.form-grid.cols-2{grid-template-columns:1fr 1fr}.field-error{color:var(--crit);font-size:var(--t-meta);margin-top:var(--s-1);display:flex;gap:4px;align-items:center}.input.invalid,.select.invalid,.textarea.invalid{border:2px solid var(--crit-solid);padding:9px 13px;box-shadow:var(--shadow-ring-err)}.input.valid{border-color:var(--ok-solid)}@media (max-width:600px){.form-grid.cols-2{grid-template-columns:1fr}}.search{display:flex;align-items:center;gap:var(--s-2);background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--r-2);padding:0 14px;height:var(--h-control);transition:border-color var(--d-fast) var(--ease),box-shadow var(--d-fast) var(--ease)}.search:hover{border-color:var(--ink)}.search:focus-within{border-color:var(--ink);box-shadow:var(--shadow-ring)}.search input{flex:1 1;background:transparent;border:0;outline:0;font-size:var(--t-body);color:var(--ink)}.search input::placeholder{color:var(--ink-dim)}.search svg{color:var(--ink-muted);flex-shrink:0}.toolbar{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-4);flex-wrap:wrap}.toolbar .grow{flex:1 1;min-width:180px}.kpi-grid{display:grid;grid-gap:var(--s-4);gap:var(--s-4)}.kpi-grid.c5{grid-template-columns:repeat(5,1fr)}.kpi-grid.c4{grid-template-columns:repeat(4,1fr)}.kpi-grid.c3{grid-template-columns:repeat(3,1fr)}.kpi-grid.c2{grid-template-columns:repeat(2,1fr)}@media (max-width:1100px){.kpi-grid.c4,.kpi-grid.c5{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.kpi-grid.c2,.kpi-grid.c3,.kpi-grid.c4,.kpi-grid.c5{grid-template-columns:1fr}}.stat-tile{padding:var(--s-5);border:1px solid var(--line);border-radius:var(--r-2);background:var(--bg-surface);position:relative;overflow:hidden}.stat-tile.accent:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--teal)}.stat-tile .lbl{font-size:var(--t-eyebrow);letter-spacing:var(--tr-eyebrow);text-transform:uppercase;color:var(--ink-muted);font-weight:700}.stat-tile .val{font-family:var(--mono);font-weight:500;font-size:28px;line-height:1.15;letter-spacing:var(--tr-tight);color:var(--ink);margin-top:var(--s-2);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1,"tnum"}.stat-tile .val.crit{color:var(--crit)}.stat-tile .val.warn{color:var(--warn)}.stat-tile .val.ok{color:var(--ok)}.stat-tile .sub{font-size:var(--t-meta);color:var(--ink-secondary);margin-top:var(--s-1)}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-aside{background:var(--navy);padding:var(--s-9);display:flex;flex-direction:column;justify-content:space-between;color:#f8fafc;position:relative;overflow:hidden}.auth-aside:after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(5,150,105,.22),transparent 70%);top:-140px;right:-140px}.auth-aside .a-brand{display:flex;align-items:center;gap:var(--s-3);position:relative}.auth-aside .a-brand .mark{width:40px;height:40px;border-radius:var(--r-2);background:var(--teal);display:grid;place-items:center;font-family:var(--serif);font-weight:800;font-size:19px;color:#fff}.auth-aside h1{font-family:var(--serif);font-weight:700;font-size:clamp(30px,3.6vw,44px);line-height:1.15;letter-spacing:var(--tr-tight);position:relative;max-width:20ch}.auth-aside h1 em{color:#6ee7b7;font-style:normal}.auth-aside .a-foot{font-size:var(--t-meta);color:rgba(248,250,252,.6);position:relative}.auth-panel{display:grid;place-items:center;padding:var(--s-8);background:var(--bg)}.auth-card{width:100%;max-width:400px}.auth-card h2{font-family:var(--serif);font-weight:700;font-size:var(--t-h1);line-height:1.2;letter-spacing:var(--tr-tight);color:var(--ink)}.auth-card .lead{color:var(--ink-secondary);font-size:var(--t-body-lg);margin:var(--s-2) 0 var(--s-6)}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--s-3);width:100%;min-height:var(--h-control-lg);padding:12px 28px;border-radius:var(--r-2);border:1px solid var(--line);background:var(--bg-surface);color:var(--ink);font-weight:500;font-size:16px;box-shadow:var(--shadow-sm);transition:background var(--d-fast) var(--ease),border-color var(--d-fast) var(--ease)}.btn-google:hover{border-color:var(--line-strong);background:var(--bg-hover)}.auth-sep{display:flex;align-items:center;gap:var(--s-3);margin:var(--s-6) 0;color:var(--ink-dim);font-size:var(--t-meta)}.auth-sep:after,.auth-sep:before{content:"";flex:1 1;height:1px;background:var(--line)}.role-pick{display:flex;flex-direction:column;gap:var(--s-2)}.role-opt{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);width:100%;border:1px solid var(--line);border-radius:var(--r-2);background:var(--bg-surface);text-align:left;transition:border-color var(--d-fast) var(--ease),box-shadow var(--d-fast) var(--ease)}.role-opt:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md)}.role-opt .r-ico{width:38px;height:38px;border-radius:var(--r-2);flex-shrink:0;display:grid;place-items:center;background:var(--teal-wash);color:var(--teal-bright)}.role-opt .r-meta b{display:block;font-size:var(--t-body);color:var(--ink);font-weight:700}.role-opt .r-meta span{font-size:var(--t-meta);color:var(--ink-muted)}.role-opt .r-go{margin-left:auto;color:var(--ink-dim)}.role-opt:hover .r-go{color:var(--teal-bright)}@media (max-width:860px){.auth-wrap{grid-template-columns:1fr}.auth-aside{display:none}}.divider-h{height:1px;background:var(--line);margin:var(--s-5) 0}.list-rows{display:flex;flex-direction:column}.kv{display:flex;justify-content:space-between;gap:var(--s-4);padding:var(--s-2) 0;min-height:40px;align-items:center;border-bottom:1px solid var(--line-soft);font-size:var(--t-body)}.kv:last-child{border-bottom:0}.kv .k{color:var(--ink-muted)}.kv .v{color:var(--ink);font-weight:500;text-align:right}.timeline{display:flex;flex-direction:column;gap:0}.tl-item{display:flex;gap:var(--s-3);padding-bottom:var(--s-5);position:relative}.tl-item:not(:last-child):before{content:"";position:absolute;left:8px;top:20px;bottom:0;width:1.5px;background:var(--line)}.tl-dot{width:17px;height:17px;border-radius:50%;flex-shrink:0;border:3px solid var(--bg-surface);background:var(--teal);margin-top:2px;z-index:1}.tl-dot.ok{background:var(--ok-solid)}.tl-dot.warn{background:var(--warn-solid)}.tl-dot.crit{background:var(--crit-solid)}.tl-dot.muted{background:var(--ink-dim)}.tl-body{flex:1 1;min-width:0}.tl-body .tl-top{display:flex;justify-content:space-between;gap:var(--s-2)}.tl-body b{font-size:var(--t-body);color:var(--ink)}.tl-body .tl-date{font-family:var(--mono);font-size:var(--t-meta);color:var(--ink-muted)}.tl-body p{font-size:var(--t-small);color:var(--ink-secondary);margin-top:2px}.progress-track{height:6px;border-radius:var(--r-pill);background:var(--bg-card);overflow:hidden}.progress-track .fill{height:100%;border-radius:var(--r-pill);background:var(--teal);transition:width var(--d-slow) var(--ease)}.banner{display:flex;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-2);border:1px solid transparent;font-size:var(--t-small);align-items:flex-start;line-height:var(--lh-body)}.banner.info{background:var(--info-wash)}.banner.info,.banner.warn{color:var(--ink-secondary)}.banner.warn{background:var(--warn-wash)}.banner.crit{background:var(--crit-wash);color:var(--ink-secondary)}.banner b{color:var(--ink)}.score-bar{display:inline-flex;align-items:center;gap:var(--s-2)}.score-bar .track{width:70px;height:6px;border-radius:var(--r-pill);background:var(--bg-card);overflow:hidden}.score-bar .track .fill{height:100%;border-radius:var(--r-pill)}.score-bar .num{font-family:var(--mono);font-size:var(--t-meta);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chip-filter{padding:6px 12px;border-radius:var(--r-1);border:1px solid var(--line);background:var(--bg);font-size:var(--t-meta);font-weight:500;color:var(--ink);letter-spacing:var(--tr-chip);text-transform:uppercase;transition:background var(--d-fast) var(--ease),color var(--d-fast) var(--ease),border-color var(--d-fast) var(--ease)}.chip-filter:hover{border-color:var(--line-strong);background:var(--bg-hover)}.chip-filter.on{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.fade-in{animation:reveal var(--d-base) var(--ease) both}body.dark-mode .tooltip{background:var(--bg-card);border:1px solid var(--line-strong)}body.dark-mode .phone,body.dark-mode .phone:before{background:#000}body,html{min-height:100%}#__next,body{min-height:100vh}