@import url("https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:wght@200..800&family=Atkinson+Hyperlegible+Mono:wght@400..700&display=swap");:root{--canvas:#F7F8FA;--surface:#FFFFFF;--surface-muted:#F1F3F6;--surface-sunken:#E8EBF0;--surface-deep:#DDE1E7;--gray-50:#F7F8FA;--gray-100:#F1F3F6;--gray-200:#E5E8EE;--gray-300:#D2D7E0;--gray-400:#A6AEBD;--gray-500:#767D8C;--gray-600:#565C69;--gray-700:#3D424D;--gray-800:#262A33;--gray-900:#16181D;--gray-950:#0C0D11;--ink:#16181D;--ink-soft:#262A33;--border:#E5E8EE;--border-strong:#D2D7E0;--border-subtle:#EEF0F4;--hairline:rgba(22,24,29,0.08);--text-strong:#16181D;--text-body:#262A33;--text-muted:#565C69;--text-subtle:#5E6573;--text-inverse:#FFFFFF;--text-link:#0944C2;--brand:#0B5DF0;--brand-strong:#0944C2;--brand-deeper:#08379C;--brand-soft:#E8EFFE;--brand-tint:rgba(11,93,240,0.08);--brand-50:#EEF3FE;--brand-100:#DCE5FD;--brand-200:#B8CBFB;--brand-300:#85A8F8;--brand-500:#0B5DF0;--brand-700:#0944C2;--brand-900:#0A2862;--action-primary-bg:var(--brand);--action-primary-hover:var(--brand-strong);--action-primary-pressed:var(--brand-deeper);--action-primary-fg:#FFFFFF;--action-secondary-bg:var(--surface);--action-secondary-bg-h:var(--surface-muted);--action-secondary-fg:var(--text-strong);--action-destructive-bg:#B83A2A;--action-destructive-hover:#A33324;--action-destructive-fg:#FFFFFF;--action-destructive-soft-bg:#6B655A;--action-destructive-soft-hover:#57524A;--tone-success-strong:#2E5526;--tone-danger-strong:#7A2419;--border-hover:#BFB9A8;--clay:var(--brand);--clay-strong:var(--brand-strong);--clay-soft:var(--brand-soft);--clay-tint:var(--brand-tint);--tone-info:var(--brand);--tone-info-bg:var(--brand-soft);--tone-info-bd:var(--brand-100);--tone-success:#5E8E54;--tone-success-bg:#E7EFE0;--tone-success-bd:#CFE0C3;--tone-warn:#B07626;--tone-warn-bg:#F4E6C5;--tone-warn-bd:#E8D08F;--tone-danger:#B83A2A;--tone-danger-bg:#F6E2DD;--tone-danger-bd:#ECCBC0;--tone-neutral:var(--text-muted);--tone-neutral-bg:var(--surface-muted);--tone-neutral-bd:var(--border);--dot-attention:var(--brand);--dot-progress:var(--brand);--dot-ok:var(--tone-success);--dot-idle:var(--text-subtle);--focus-ring:var(--brand);--focus-ring-soft:rgba(11,93,240,0.22);--font-sans:"Atkinson Hyperlegible Next","Atkinson Hyperlegible",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;--font-display:var(--font-sans);--font-serif:var(--font-sans);--font-mono:"Atkinson Hyperlegible Mono",ui-monospace,"SF Mono","JetBrains Mono","IBM Plex Mono",Menlo,Consolas,monospace;--type-display:700 56px/1.04 var(--font-sans);--type-display-sm:600 32px/1.15 var(--font-sans);--type-page-title:600 22px/1.3 var(--font-sans);--type-section-title:600 16px/1.4 var(--font-sans);--type-body-lg:400 16px/1.55 var(--font-sans);--type-body:400 14px/1.55 var(--font-sans);--type-body-sm:400 13px/1.5 var(--font-sans);--type-label:500 14px/1.4 var(--font-sans);--type-label-sm:500 13px/1.4 var(--font-sans);--type-caption:400 12px/1.45 var(--font-sans);--type-eyebrow:500 12px/1.3 var(--font-sans);--type-table-head:500 12px/1.3 var(--font-sans);--type-mono:500 12px/1.5 var(--font-mono);--space-px:1px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:96px;--space-13:128px;--gutter-x:24px;--row-y:12px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--radius-2xl:18px;--radius-pill:9999px;--button-radius:8px;--card-radius:12px;--h-control-xs:24px;--h-control-sm:30px;--h-control-md:36px;--h-control-lg:44px;--input-height:var(--h-control-md);--button-height:var(--h-control-md);--shadow-none:none;--shadow-rest:0 1px 0 rgba(42,38,34,0.04);--shadow-hover:0 2px 4px rgba(42,38,34,0.06);--shadow-popover:0 12px 32px -8px rgba(42,38,34,0.18),0 2px 6px rgba(42,38,34,0.06);--shadow-modal:0 24px 64px -12px rgba(42,38,34,0.24),0 4px 12px rgba(42,38,34,0.08);--shadow-inset-rest:0 1px 0 rgba(42,38,34,0.06);--shadow-inset-soft:0 1px 2px rgba(42,38,34,0.06);--shadow-bar-bottom:0 -6px 18px -8px rgba(22,24,29,0.10);--shadow-sheet-bottom:0 -20px 40px -10px rgba(22,24,29,0.30);--shadow-thumb:0 1px 2px rgba(0,0,0,0.18);--dur-instant:80ms;--dur-fast:140ms;--dur-base:200ms;--dur-slow:320ms;--dur-slower:480ms;--dur-page:640ms;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.5,1.8,0.3,1);--ease-snap:cubic-bezier(0.7,0,0.3,1);--sidebar-w:264px;--sidebar-w-narrow:240px;--rail-w:220px;--content-max:900px}body.is-dark{--canvas:#0F1115;--surface:#161922;--surface-muted:#1D2230;--surface-sunken:#252A39;--surface-deep:#2F3548;--gray-50:#0F1115;--gray-100:#161922;--gray-200:#1D2230;--gray-300:#252A39;--gray-400:#3D4358;--gray-500:#6B7388;--gray-600:#8A91A8;--gray-700:#A8AEC2;--gray-800:#C6CBDA;--gray-900:#E5E8F0;--gray-950:#F5F7FB;--ink:#0B0D12;--ink-soft:#161922;--border:rgba(255,255,255,0.10);--border-strong:rgba(255,255,255,0.18);--border-subtle:rgba(255,255,255,0.06);--hairline:rgba(255,255,255,0.08);--text-strong:#F5F7FB;--text-body:#E1E4ED;--text-muted:#98A0B5;--text-subtle:#6B7388;--text-inverse:#16181D;--text-link:#85A8F8;--brand-soft:rgba(11,93,240,0.18);--brand-tint:rgba(11,93,240,0.14);--brand-50:rgba(11,93,240,0.10);--brand-100:rgba(11,93,240,0.20);--tone-success-bg:rgba(94,142,84,0.18);--tone-warn-bg:rgba(176,118,38,0.18);--tone-danger-bg:rgba(184,58,42,0.18);--tone-info-bg:rgba(11,93,240,0.18);--tone-success:#9CC290;--tone-warn:#DDB36A;--tone-danger:#E08374;--tone-info:#85A8F8;--focus-ring-soft:rgba(133,168,248,0.30);--shadow-rest:0 1px 0 rgba(0,0,0,0.30);--shadow-hover:0 2px 8px rgba(0,0,0,0.40);--shadow-popover:0 12px 32px -8px rgba(0,0,0,0.50),0 2px 6px rgba(0,0,0,0.30);--shadow-modal:0 24px 64px -12px rgba(0,0,0,0.60),0 4px 12px rgba(0,0,0,0.40);--shadow-inset-rest:0 1px 0 rgba(0,0,0,0.40);--shadow-inset-soft:0 1px 2px rgba(0,0,0,0.40);--shadow-bar-bottom:0 -6px 18px -8px rgba(0,0,0,0.50);--shadow-sheet-bottom:0 -20px 40px -10px rgba(0,0,0,0.70);--shadow-thumb:0 1px 2px rgba(0,0,0,0.50);color-scheme:dark}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,:after,:before{box-sizing:border-box}html{font-size:16px}button{border:none;background:transparent;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}body{margin:0;font-family:var(--font-sans);font-size:14px;line-height:1.55;color:var(--text-body);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--brand-soft);color:var(--text-strong)}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}.t-display{font:var(--type-display);letter-spacing:-.02em;color:var(--text-strong)}.t-display-sm{font:var(--type-display-sm);letter-spacing:-.01em;color:var(--text-strong)}.t-page-title{font:var(--type-page-title);letter-spacing:-.005em;color:var(--text-strong)}.t-section{font:var(--type-section-title);color:var(--text-strong)}.t-body-lg{font:var(--type-body-lg)}.t-body,.t-body-lg{color:var(--text-body)}.t-body{font:var(--type-body)}.t-body-sm{font:var(--type-body-sm);color:var(--text-body)}.t-label{font:var(--type-label)}.t-label,.t-label-sm{color:var(--text-strong)}.t-label-sm{font:var(--type-label-sm)}.t-caption{font:var(--type-caption)}.t-caption,.t-eyebrow{color:var(--text-muted)}.t-eyebrow{font:var(--type-eyebrow)}.t-mono{font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums}.t-serif{font-family:var(--font-serif)}.t-muted{color:var(--text-muted)}.t-subtle{color:var(--text-subtle)}.t-strong{color:var(--text-strong)}.t-brand{color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--button-height);padding:0 14px;border-radius:var(--button-radius);border:1px solid transparent;font:500 14px/1 var(--font-sans);letter-spacing:-.005em;color:var(--text-strong);background:transparent;cursor:pointer;user-select:none;white-space:nowrap;text-decoration:none;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn .icon,.btn svg{width:16px;height:16px;flex:none}.btn{--btn-loading-ink:currentColor}.btn.is-loading{position:relative;cursor:progress;color:transparent!important;pointer-events:none}.btn.is-loading>*{visibility:hidden}.btn.is-loading:after{content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;border-radius:50%;border:2px solid var(--btn-loading-ink);border-top:2px solid transparent;opacity:.85;animation:btn-spin .72s linear infinite}.btn-primary{--btn-loading-ink:var(--action-primary-fg)}.btn-ghost,.btn-secondary{--btn-loading-ink:var(--text-strong)}.btn-sm.is-loading:after{width:13px;height:13px;border-width:1.5px}.btn-lg.is-loading:after{width:18px;height:18px}@keyframes btn-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.btn.is-loading:after{animation:none;border-top-color:var(--btn-loading-ink);opacity:.5}}.btn-primary{background:var(--action-primary-bg);color:var(--action-primary-fg);border-color:var(--action-primary-bg)}.btn-primary:hover{background:var(--action-primary-hover);border-color:var(--action-primary-hover)}.btn-primary:active{background:var(--action-primary-pressed)}.btn-secondary{background:var(--surface);color:var(--text-strong);border-color:var(--border-strong);box-shadow:var(--shadow-rest)}.btn-secondary:hover{background:var(--surface-muted);border-color:var(--border-strong)}.btn-secondary:active{background:var(--surface-sunken)}.btn-ghost{background:transparent;color:var(--text-strong)}.btn-ghost:hover{background:var(--surface-muted)}.btn-ghost:active{background:var(--surface-sunken)}.btn-quiet{background:transparent;color:var(--text-muted);padding:0 8px}.btn-quiet:hover{color:var(--text-strong);background:var(--surface-muted)}.btn-destructive{background:var(--action-destructive-bg);color:var(--action-destructive-fg);border-color:var(--action-destructive-bg)}.btn-destructive:hover{background:var(--action-destructive-hover);border-color:var(--action-destructive-hover)}.btn-destructive-soft{background:var(--action-destructive-soft-bg);color:var(--canvas);border-color:var(--action-destructive-soft-bg)}.btn-destructive-soft:hover{background:var(--action-destructive-soft-hover);border-color:var(--action-destructive-soft-hover)}.btn-link{background:transparent;color:var(--text-link);height:auto;padding:0;border:none}.btn-link:hover{text-decoration:underline;text-underline-offset:3px}.btn-sm{height:var(--h-control-sm);padding:0 10px;font-size:13px;gap:6px}.btn-lg{height:var(--h-control-lg);padding:0 18px;font-size:15px}.btn-icon{width:var(--button-height);padding:0}.btn-icon.btn-sm{width:var(--h-control-sm)}.btn[aria-disabled=true],.btn[disabled]{opacity:.5;pointer-events:none}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);font:400 13px/1 var(--font-sans);color:var(--text-body);cursor:pointer}.chip:hover{background:var(--surface-muted);border-color:var(--border-strong)}.chip .icon,.chip svg{width:14px;height:14px;color:var(--text-muted);flex:none}.chip .caret{color:var(--text-subtle);margin-left:2px}.badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:var(--radius-pill);font:500 11px/1 var(--font-sans);letter-spacing:-.005em;white-space:nowrap;border:1px solid transparent}.badge-neutral{background:var(--surface-muted);color:var(--text-muted)}.badge-info{background:var(--tone-info-bg);color:var(--tone-info)}.badge-success{background:var(--tone-success-bg);color:var(--tone-success)}.badge-warn{background:var(--tone-warn-bg);color:var(--tone-warn)}.badge-danger{background:var(--tone-danger-bg);color:var(--tone-danger)}.badge-clay{background:var(--clay-soft);color:var(--clay-strong)}.badge-outline{background:var(--surface);border-color:var(--border-strong);color:var(--text-muted)}.status-dot{display:inline-flex;align-items:center;gap:6px;font:500 13px/1.4 var(--font-sans);color:var(--text-muted);white-space:nowrap}.status-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dot-idle);flex:none}.status-dot.attention{color:var(--clay-strong)}.status-dot.attention:before{background:var(--dot-attention)}.status-dot.progress{color:var(--tone-info)}.status-dot.progress:before{background:var(--dot-progress)}.status-dot.ok{color:var(--tone-success)}.status-dot.ok:before{background:var(--dot-ok)}.status-dot.idle{color:var(--text-subtle)}.status-dot.ring:before{background:transparent;border:1.5px solid;box-sizing:border-box}.input,.select,.textarea{width:100%;height:var(--input-height);padding:0 12px;border-radius:var(--button-radius);border:1px solid var(--border-strong);background:var(--surface);font:400 14px/1.5 var(--font-sans);color:var(--text-body);outline:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.textarea{height:auto;padding:12px 14px;min-height:84px;resize:vertical;line-height:1.55}.input::placeholder,.textarea::placeholder{color:var(--text-subtle)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-hover)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--focus-ring);box-shadow:0 0 0 3px var(--focus-ring-soft)}.input[aria-invalid=true]{border-color:var(--tone-danger)}.field{display:grid;gap:6px}.field-label{font:var(--type-label-sm);color:var(--text-strong)}.field-help{font:var(--type-caption);color:var(--text-muted)}.field-error{font:var(--type-caption);color:var(--tone-danger)}.hero-input{border:1px solid var(--border-strong);background:var(--surface);border-radius:14px;padding:14px 16px 10px;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.hero-input:focus-within{border-color:var(--border-hover);box-shadow:0 0 0 3px rgba(42,38,34,.04)}.hero-input textarea{width:100%;border:none;outline:none;background:transparent;resize:none;font:400 16px/1.5 var(--font-sans);color:var(--text-body);min-height:28px}.hero-input textarea::placeholder{color:var(--text-subtle)}.hero-input .tools{display:flex;align-items:center;gap:8px;margin-top:10px}.hero-input .tools .spacer{flex:1}.check-row{display:inline-flex;align-items:center;gap:8px;font:var(--type-body);color:var(--text-body)}.switch{appearance:none;width:38px;height:22px;border-radius:9999px;background:var(--border-strong);position:relative;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out);flex:none}.switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-thumb);transition:left var(--dur-fast) var(--ease-out)}.switch:checked{background:var(--tone-info)}.switch:checked:after{left:18px}.check{appearance:none;width:16px;height:16px;border:1.5px solid var(--border-strong);border-radius:4px;background:var(--surface);position:relative;cursor:pointer}.check:checked{background:var(--ink);border-color:var(--ink)}.check:checked:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23FAF7F0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M3.5 8.5 L7 12 L12.5 4.5'/></svg>");background-size:14px;background-position:50%;background-repeat:no-repeat}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);overflow:clip}.card-pad{padding:16px 20px}.card-head{padding:16px 20px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.card-head.bordered{border-bottom:1px solid var(--border)}.card-title{font:var(--type-section-title);color:var(--text-strong)}.card-sub{font:var(--type-body-sm);color:var(--text-muted);margin-top:2px}.card-body{padding:12px 20px 20px}.card-foot{padding:12px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.card-soft{background:var(--surface-muted);border-radius:var(--card-radius);overflow:clip}.sidebar{width:var(--sidebar-w);background:var(--canvas);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:14px 12px;gap:14px;height:100%}.sb-chrome{display:flex;align-items:center;gap:4px;padding:0 4px 6px}.sb-chrome .ic-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:6px;cursor:pointer}.sb-chrome .ic-btn:hover{background:var(--surface-muted);color:var(--text-strong)}.sb-chrome .spacer{flex:1}.segmented{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--surface-muted);border-radius:9px;padding:3px;gap:2px;width:100%}.segmented-item{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 10px;border-radius:6px;font:500 13px/1 var(--font-sans);color:var(--text-muted);cursor:pointer;border:none;background:transparent}.segmented-item .icon,.segmented-item svg{width:14px;height:14px}.segmented-item.active,.segmented-item:hover{color:var(--text-strong)}.segmented-item.active{background:var(--surface);box-shadow:var(--shadow-inset-rest),0 0 0 1px var(--border)}.sb-nav{display:grid;gap:1px}.sb-item{display:flex;align-items:center;gap:10px;height:32px;padding:0 10px;border-radius:7px;font:500 13.5px/1 var(--font-sans);color:var(--text-body);cursor:pointer;border:none;background:transparent;text-align:left}.sb-item.active,.sb-item:hover{background:var(--surface-muted)}.sb-item.active{color:var(--text-strong);font-weight:500}.sb-item.primary{background:var(--surface-muted)}.sb-item.primary:hover{background:var(--surface-sunken)}.sb-item .icon,.sb-item svg{width:14px;height:14px;color:var(--text-muted);flex:none}.sb-item.active .icon,.sb-item.active svg{color:var(--text-strong)}.sb-item .count{margin-left:auto;font:var(--type-caption);color:var(--text-subtle)}.sb-section{display:flex;align-items:center;justify-content:space-between;padding:12px 10px 6px}.sb-section-label{font:var(--type-caption);color:var(--text-subtle)}.sb-section-action{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-subtle);border-radius:4px;cursor:pointer}.sb-section-action:hover{background:var(--surface-muted);color:var(--text-strong)}.recents{display:grid;gap:1px;padding:0;list-style:none;margin:0}.recent-item{display:flex;align-items:center;gap:8px;height:28px;padding:0 10px;border-radius:6px;font:400 13px/1 var(--font-sans);color:var(--text-body);cursor:pointer}.recent-item:hover{background:var(--surface-muted)}.recent-item .dot{width:7px;height:7px;border-radius:50%;background:var(--dot-idle);flex:none}.recent-item .dot.attention{background:var(--clay)}.recent-item .dot.progress{background:var(--tone-info)}.recent-item .dot.ok{background:var(--tone-success)}.recent-item .dot.ring{background:transparent;border:1.5px solid var(--text-subtle);width:8px;height:8px}.recent-item .title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace{margin-top:auto;padding-top:10px;border-top:1px solid var(--border)}.workspace-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;background:transparent;border:none;cursor:pointer;text-align:left}.workspace-btn:hover{background:var(--surface-muted)}.workspace-btn .avatar{background:var(--text-muted);color:var(--canvas)}.workspace-btn .ws-name{font:var(--type-label-sm);color:var(--text-strong);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-btn .ws-meta{font:var(--type-caption);color:var(--text-muted)}.workspace-btn .chev{color:var(--text-subtle)}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100%}.app-content{display:flex;flex-direction:column;min-width:0;background:var(--canvas)}.page-header{display:flex;align-items:center;gap:10px;padding:16px 24px;min-height:56px}.page-header h1{font:var(--type-page-title);margin:0;color:var(--text-strong)}.page-header .back{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:6px;cursor:pointer;margin-left:-6px}.page-header .back:hover{background:var(--surface-muted);color:var(--text-strong)}.page-header .spacer{flex:1}.greeting{display:flex;align-items:center;justify-content:center;gap:16px;padding:48px 24px 8px}.greeting .star{width:28px;height:28px;color:var(--clay);flex:none}.greeting h1{font:var(--type-display);font-size:clamp(28px,4vw,44px);letter-spacing:-.02em;margin:0;color:var(--text-strong)}.content-col{max-width:var(--content-max);width:100%;margin:0 auto;padding:0 24px}.settings-layout{display:grid;grid-template-columns:var(--rail-w) 1fr;gap:48px;padding:32px 64px;max-width:1200px;margin:0 auto;width:100%}.settings-rail{display:flex;flex-direction:column;gap:1px}.settings-rail .group-label{font:var(--type-caption);color:var(--text-subtle);padding:18px 12px 6px}.settings-rail .rail-item{display:flex;align-items:center;height:36px;padding:0 12px;border-radius:8px;font:500 14px/1 var(--font-sans);color:var(--text-body);cursor:pointer;border:none;background:transparent;text-align:left}.settings-rail .rail-item:hover{background:var(--surface-muted)}.settings-rail .rail-item.active{background:var(--surface-muted);color:var(--text-strong);font-weight:500}.settings-rail .rail-item .tag{margin-left:8px}.settings-content{display:grid;gap:40px;min-width:0}.settings-section{display:grid;gap:12px}.settings-section>h2{font:var(--type-section-title);font-weight:600;color:var(--text-strong);margin:0}.settings-row{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-subtle)}.settings-row:last-child{border-bottom:none}.settings-row .title{font:var(--type-label);color:var(--text-strong)}.settings-row .help{font:var(--type-caption);color:var(--text-muted);margin-top:4px;max-width:56ch}.settings-row .ctl{justify-self:end;min-width:180px}.settings-row .ctl.wide{min-width:320px}.settings-row .ctl.auto{min-width:0}.table{width:100%;border-collapse:separate;border-spacing:0;font:var(--type-body);color:var(--text-body)}.table thead th{text-align:left;padding:12px 16px;font:var(--type-table-head);color:var(--text-muted);font-weight:500;background:transparent;border-bottom:1px solid var(--border);white-space:nowrap}.table thead th.num{text-align:right}.table tbody td{padding:16px;vertical-align:middle;border-bottom:1px solid var(--border-subtle)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--surface-muted)}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.table td.action{width:1%;white-space:nowrap;text-align:right}.table .more{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-subtle);border-radius:6px;cursor:pointer;background:transparent;border:none}.table .more:hover{background:var(--surface-muted);color:var(--text-strong)}.table.quiet tbody td{border-bottom:none}.table.quiet thead th{color:var(--text-subtle)}.list{display:grid;gap:0;border:1px solid var(--border);border-radius:var(--card-radius);overflow:clip;background:var(--surface)}.list-item{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out)}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--surface-muted)}.list-item .title{font:var(--type-body);color:var(--text-strong)}.list-item .title.bold{font-weight:500}.list-item .sub{font:var(--type-body-sm);color:var(--text-muted);margin-top:2px}.list-item .meta{font:var(--type-caption);color:var(--text-muted);white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.list-item .chev{color:var(--text-subtle);margin-left:4px}.list-item .lead{display:inline-flex;align-items:center;gap:8px;min-width:0}.list-item .body-text{display:inline;color:var(--text-strong);font-weight:400}.list-item .body-text .desc{color:var(--text-muted);font-weight:400}.list-plain{display:grid;gap:1px}.list-plain .list-item{border:none;padding:10px 8px;border-radius:8px}.list-plain .list-item:hover{background:var(--surface-muted)}.nav-centre{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.nav-card{display:grid;grid-template-columns:36px 1fr 14px;gap:14px;align-items:center;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);cursor:pointer;text-decoration:none;color:inherit;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.nav-card:hover{background:var(--surface-muted);border-color:var(--border-strong)}.nav-card .nc-ic{width:36px;height:36px;display:grid;place-items:center;background:var(--surface-muted);border-radius:8px;color:var(--text-strong)}.nav-card .nc-ic svg{width:18px;height:18px}.nav-card .nc-text .t{font:var(--type-label);color:var(--text-strong)}.nav-card .nc-text .d{font:var(--type-caption);color:var(--text-muted);margin-top:2px}.nav-card .chev{color:var(--text-subtle)}.nav-card[aria-disabled=true]{opacity:.55;pointer-events:none}.alert{display:grid;grid-template-columns:18px 1fr;gap:12px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-body);font:var(--type-body-sm)}.alert .icon{color:var(--text-muted);margin-top:1px}.alert .alert-title{font:var(--type-label-sm);color:var(--text-strong)}.alert .alert-body{color:var(--text-muted);margin-top:4px;line-height:1.55}.alert.info{background:var(--tone-info-bg);border-color:var(--tone-info-bd);color:var(--tone-info)}.alert.success{background:var(--tone-success-bg);border-color:var(--tone-success-bd);color:var(--tone-success)}.alert.warn{background:var(--tone-warn-bg);border-color:var(--tone-warn-bd);color:var(--tone-warn)}.alert.danger{background:var(--tone-danger-bg);border-color:var(--tone-danger-bd);color:var(--tone-danger)}.alert.danger .alert-title,.alert.info .alert-title,.alert.success .alert-title,.alert.warn .alert-title{color:inherit}.alert.danger .alert-body,.alert.info .alert-body,.alert.success .alert-body,.alert.warn .alert-body{color:inherit;opacity:.85}.b-callout,.p-alert{display:grid;grid-template-columns:18px 1fr;gap:12px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-body);font:var(--type-body-sm)}.b-callout .icon,.p-alert .icon{color:var(--text-muted);margin-top:1px}.b-callout .alert-title,.p-alert .alert-title{font:var(--type-label-sm);color:var(--text-strong)}.b-callout .alert-body,.p-alert .alert-body{color:var(--text-muted);margin-top:4px;line-height:1.55}.b-callout.info,.p-alert.info{background:var(--tone-info-bg);border-color:var(--tone-info-bd);color:var(--tone-info)}.b-callout.success,.p-alert.success{background:var(--tone-success-bg);border-color:var(--tone-success-bd);color:var(--tone-success)}.b-callout.warn,.p-alert.warn{background:var(--tone-warn-bg);border-color:var(--tone-warn-bd);color:var(--tone-warn)}.b-callout.danger,.p-alert.danger{background:var(--tone-danger-bg);border-color:var(--tone-danger-bd);color:var(--tone-danger)}.avatar{width:24px;height:24px;border-radius:50%;background:var(--surface-sunken);color:var(--text-strong);display:inline-flex;align-items:center;justify-content:center;font:500 11px/1 var(--font-sans);flex:none;overflow:clip}.avatar.sm{width:20px;height:20px;font-size:10px}.avatar.lg{width:36px;height:36px;font-size:13px}.avatar.clay{background:var(--clay);color:#fff}.avatar.ink{background:var(--ink);color:var(--canvas)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;font:500 11px/1 var(--font-mono);color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:4px}.hr{height:1px;background:var(--border);border:0;margin:0}.page-toolbar{display:flex;align-items:center;gap:12px;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.page-toolbar .breadcrumb{display:inline-flex;align-items:center;gap:8px;font:var(--type-body);color:var(--text-muted)}.page-toolbar .breadcrumb a{color:inherit;text-decoration:none}.page-toolbar .breadcrumb a:last-child{color:var(--text-strong);font-weight:500}.page-toolbar .breadcrumb .sep{color:var(--text-subtle);display:inline-flex}.page-toolbar .spacer{flex:1}.page-toolbar .ic-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:6px;background:transparent;border:none;cursor:pointer}.page-toolbar .ic-btn:hover{background:var(--surface-muted);color:var(--text-strong)}.page-toolbar .ic-btn .badge-mini{position:absolute;top:-2px;right:-2px;min-width:14px;height:14px;border-radius:9999px;background:var(--brand);color:#fff;font:600 9px/1 var(--font-sans);display:inline-flex;align-items:center;justify-content:center;padding:0 3px}.page-toolbar .ic-btn.has-dot{position:relative}.page-toolbar .ic-btn.has-dot:after{content:"";position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--brand);border:1.5px solid var(--surface)}.menu{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-popover);padding:6px;min-width:220px;display:grid;gap:1px}.menu .menu-label{padding:8px 10px 4px;font:500 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle)}.menu .menu-item{display:grid;grid-template-columns:16px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:6px;font:var(--type-body);color:var(--text-body);cursor:pointer;border:none;background:transparent;text-align:left}.menu .menu-item:hover{background:var(--surface-muted)}.menu .menu-item.danger{color:var(--tone-danger)}.menu .menu-item.danger:hover{background:var(--tone-danger-bg)}.menu .menu-item .icon,.menu .menu-item svg{color:var(--text-muted)}.menu .menu-item.danger .icon,.menu .menu-item.danger svg{color:var(--tone-danger)}.menu .menu-item .shortcut{color:var(--text-subtle);font:var(--type-mono)}.menu .menu-divider{height:1px;background:var(--border);margin:4px 0}.btn-split{display:inline-flex;align-items:stretch;border-radius:var(--button-radius);overflow:clip}.btn-split .btn{border-radius:0;border-right-width:0}.btn-split .btn:first-child{border-top-left-radius:var(--button-radius);border-bottom-left-radius:var(--button-radius)}.btn-split .btn:last-child{border-top-right-radius:var(--button-radius);border-bottom-right-radius:var(--button-radius);border-right-width:1px;padding:0 8px}.btn-split .btn:last-child:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:rgba(255,255,255,.2)}.btn-split .btn{position:relative}.seg-tabs{display:inline-flex;gap:2px;padding:3px;background:var(--surface-muted);border-radius:8px}.seg-tabs button{padding:6px 14px;border-radius:6px;border:none;background:transparent;font:500 13px/1 var(--font-sans);color:var(--text-muted);cursor:pointer}.seg-tabs button.active,.seg-tabs button:hover{color:var(--text-strong)}.seg-tabs button.active{background:var(--surface);box-shadow:var(--shadow-inset-soft)}.tooltip{display:inline-block;padding:6px 10px;background:var(--ink);color:#fff;border-radius:6px;font:500 12px/1.3 var(--font-sans);white-space:nowrap;box-shadow:var(--shadow-popover)}.tooltip-kbd{display:inline-block;margin-left:6px;padding:1px 5px;background:rgba(255,255,255,.15);border-radius:3px;font:500 11px/1 var(--font-mono);color:rgba(255,255,255,.85)}.modal-scrim{position:absolute;inset:0;background:rgba(42,38,34,.32);display:grid;place-items:center;padding:32px}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-modal);width:100%;max-width:480px;overflow:clip}.modal-h{padding:20px 24px 8px}.modal-h .t{font:var(--type-section-title);color:var(--text-strong)}.modal-h .s{color:var(--text-muted);margin-top:4px;font:var(--type-body-sm)}.modal-b{padding:12px 24px 20px;display:grid;gap:12px}.modal-f{padding:14px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;background:var(--surface-muted)}.empty-state{padding:56px 32px;text-align:center;display:grid;gap:8px;justify-items:center}.empty-state .ic{width:44px;height:44px;background:var(--surface-muted);border-radius:10px;display:grid;place-items:center;color:var(--text-muted);margin-bottom:6px}.empty-state h3{font:var(--type-section-title);margin:0;color:var(--text-strong)}.empty-state p{font:var(--type-body);color:var(--text-muted);margin:0;max-width:44ch}.p-empty-inline{display:flex;align-items:center;gap:12px;padding:16px;border-radius:10px;background:var(--surface-muted);color:var(--text-muted)}.p-empty-inline .ic{flex:none;width:24px;height:24px;display:grid;place-items:center;color:var(--text-subtle)}.p-empty-inline .msg{flex:1;min-width:0;font:var(--type-body-sm);color:var(--text-body)}.p-empty-inline .msg strong{font-weight:500;color:var(--text-strong)}.p-empty-inline .cta{flex:none}.p-save-bar{position:sticky;bottom:0;display:flex;align-items:center;gap:16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px));background:var(--surface);border-top:1px solid var(--border-strong);box-shadow:0 -6px 16px -8px rgba(22,24,29,.18);transform:translateY(110%);transition:transform .24s cubic-bezier(.2,0,.1,1);z-index:5}.p-save-bar.dirty{transform:translateY(0)}.p-save-bar .label{flex:1;min-width:0;display:grid;gap:2px}.p-save-bar .label .title{font:500 13px/1.3 var(--font-sans);color:var(--text-strong)}.p-save-bar .label .summary{font:var(--type-body-sm);color:var(--text-muted)}.p-save-bar .actions{display:flex;gap:8px;flex:none}@media (max-width:720px){.p-save-bar{padding-left:12px;padding-right:12px}.p-save-bar .label .summary{display:none}}.p-pagination{display:flex;align-items:center;gap:16px;padding:12px 0;font:var(--type-body-sm)}.p-pagination,.p-pagination .pg-count{color:var(--text-muted)}.p-pagination .pg-count strong{color:var(--text-strong);font-weight:500}.p-pagination .pg-size{display:inline-flex;align-items:center;gap:8px}.p-pagination .pg-spacer{flex:1}.p-pagination .pg-nav{display:inline-flex;align-items:center;gap:2px}.p-pagination .pg-nav .pn,.p-pagination .pg-nav button{min-width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font:500 13px/1 var(--font-sans);color:var(--text-muted);border:1px solid transparent;background:transparent;cursor:pointer;padding:0 8px}.p-pagination .pg-nav .pn:hover,.p-pagination .pg-nav button:hover{background:var(--surface-muted);color:var(--text-strong)}.p-pagination .pg-nav .pn.current,.p-pagination .pg-nav button[aria-current=page]{background:var(--brand);color:#fff}.p-pagination .pg-nav .pn.dot{cursor:default}.p-pagination .pg-nav button[disabled]{color:var(--text-subtle);cursor:not-allowed}@media (max-width:720px){.p-pagination{flex-wrap:wrap;gap:10px}.p-pagination .pg-size{display:none}}.p-grabber{display:inline-grid;grid-template-columns:repeat(2,3px);grid-template-rows:repeat(3,3px);gap:2px;width:8px;padding:6px 4px;cursor:grab;color:var(--text-subtle);background:transparent;border:0;border-radius:4px}.p-grabber>i,.p-grabber>span{width:3px;height:3px;border-radius:50%;background:currentColor;display:block}.p-grabber:hover{color:var(--text-muted);background:var(--surface-muted)}.p-grabber:active{cursor:grabbing}.p-grabber:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.upload-zone{display:grid;gap:6px;padding:28px;border:1.5px dashed var(--border-strong);border-radius:12px;background:var(--surface);text-align:center;color:var(--text-muted);transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.upload-zone.dragover,.upload-zone:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-strong)}.upload-zone .uz-ic{width:36px;height:36px;border-radius:8px;background:var(--surface-muted);display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);margin:0 auto 8px}.upload-zone .uz-title{font:var(--type-label);color:var(--text-strong)}.upload-zone .uz-help{font:var(--type-caption)}.upload-zone .uz-actions{margin-top:12px}.file-row{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.file-row .fr-ic{width:36px;height:36px;background:var(--surface-muted);border-radius:8px;display:grid;place-items:center;color:var(--text-muted);font:600 11px/1 var(--font-mono)}.file-row .fr-name{font:var(--type-label);color:var(--text-strong)}.file-row .fr-meta{font:var(--type-caption);color:var(--text-muted);margin-top:2px;font-family:var(--font-mono)}.progress{height:6px;background:var(--surface-muted);border-radius:9999px;overflow:clip}.progress>span{display:block;height:100%;background:var(--brand);border-radius:inherit;transition:width var(--dur-base) var(--ease-out)}.progress.success>span{background:var(--tone-success)}.progress.warn>span{background:var(--tone-warn)}.progress.danger>span{background:var(--tone-danger)}.spinner{width:16px;height:16px;border:2px solid var(--border-strong);border-top-color:var(--brand);border-radius:50%;display:inline-block;animation:cor-spin .8s linear infinite}@keyframes cor-spin{to{transform:rotate(1turn)}}.skeleton{background:linear-gradient(90deg,var(--surface-muted) 0,var(--surface-sunken) 50%,var(--surface-muted) 100%);background-size:200% 100%;border-radius:6px;animation:cor-skel 1.4s ease-in-out infinite}@keyframes cor-skel{0%{background-position:200% 0}to{background-position:-200% 0}}.tag{gap:4px;height:22px;padding:0 4px 0 8px;border-radius:4px;background:var(--surface-muted);color:var(--text-body);font:500 12px/1 var(--font-sans)}.tag,.tag .x{display:inline-flex;align-items:center}.tag .x{width:16px;height:16px;justify-content:center;color:var(--text-subtle);border-radius:3px;cursor:pointer}.tag .x:hover{background:var(--surface-sunken);color:var(--text-strong)}.fchip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font:500 12px/1 var(--font-sans);cursor:pointer}.fchip.active,.fchip:hover{color:var(--text-strong);background:var(--surface-muted)}.fchip.active{border-color:var(--border-strong);font-weight:600}.fchip.brand{color:var(--brand-strong);border-color:var(--brand-100);background:var(--brand-soft)}.notif{display:grid;grid-template-columns:32px 1fr auto;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border-subtle);cursor:pointer}.notif:last-child{border-bottom:none}.notif:hover{background:var(--surface-muted)}.notif.unread,.notif.unread:hover{background:var(--brand-soft)}.notif.unread:hover{filter:brightness(.97)}.notif .n-av{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--surface-muted);color:var(--text-strong);font:600 12px/1 var(--font-sans)}.notif .n-av.brand{background:var(--brand-soft);color:var(--brand-strong)}.notif .n-av.success{background:var(--tone-success-bg);color:var(--tone-success)}.notif .n-av.warn{background:var(--tone-warn-bg);color:var(--tone-warn)}.notif .n-av.danger{background:var(--tone-danger-bg);color:var(--tone-danger)}.notif .n-body{font:var(--type-body-sm);color:var(--text-body);line-height:1.55}.notif .n-body strong{color:var(--text-strong);font-weight:500}.notif .n-time{font:var(--type-caption);color:var(--text-subtle);white-space:nowrap;padding-top:1px}.notif .n-dot{width:8px;height:8px;background:var(--brand);border-radius:50%;align-self:center}.stat-tile{padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius)}.stat-tile .lbl{font:500 11px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.stat-tile .val{font-family:var(--font-serif);font-weight:600;font-size:32px;letter-spacing:-.02em;color:var(--text-strong);margin-top:10px;line-height:1;font-variant-numeric:tabular-nums}.stat-tile .val .u{font-size:14px;color:var(--text-muted);font-weight:500;margin-left:4px;font-family:var(--font-sans)}.stat-tile .val.success{color:var(--tone-success)}.stat-tile .val.warn{color:var(--tone-warn)}.stat-tile .val.danger{color:var(--tone-danger)}.stat-tile .delta{font:var(--type-body-sm);margin-top:8px}.stat-tile .delta.up{color:var(--tone-success)}.stat-tile .delta.dn{color:var(--tone-danger)}.erp-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font:500 11px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.erp-pill.on-site,.erp-pill.tone-info{background:var(--brand-50);color:var(--brand-strong)}.erp-pill.assigned,.erp-pill.committed,.erp-pill.mapped,.erp-pill.sold,.erp-pill.tone-success{background:var(--tone-success-bg);color:var(--tone-success)}.erp-pill.anomaly,.erp-pill.pending,.erp-pill.tone-warn,.erp-pill.unmapped{background:var(--tone-warn-bg);color:var(--tone-warn)}.erp-pill.failed,.erp-pill.tone-danger{background:var(--tone-danger-bg);color:var(--tone-danger)}.erp-pill.mapping,.erp-pill.tone-neutral{background:var(--surface-muted);color:var(--text-muted)}.erp-pill.with-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px}.range{appearance:none;width:100%;height:4px;background:var(--border-strong);border-radius:9999px}.range::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:var(--brand);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--brand);cursor:pointer}.iconstrip{display:flex;gap:2px;padding:6px;background:var(--surface-muted);border-radius:10px;overflow-x:auto}.iconstrip-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:7px;background:transparent;border:none;color:var(--text-muted);font:500 13px/1 var(--font-sans);cursor:pointer;white-space:nowrap}.iconstrip-tab.active,.iconstrip-tab:hover{color:var(--text-strong)}.iconstrip-tab.active{background:var(--surface);box-shadow:var(--shadow-inset-soft),0 0 0 1px var(--border)}.iconstrip-tab svg{width:16px;height:16px;color:var(--text-muted)}.iconstrip-tab.active svg{color:var(--brand)}.under-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);padding:0 4px}.under-tabs button{padding:10px 0;background:transparent;font:500 14px/1 var(--font-sans);color:var(--text-muted);cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.under-tabs button:hover{color:var(--text-strong)}.under-tabs button.active{color:var(--text-strong);border-bottom-color:var(--brand)}.dtable{width:100%;border-collapse:separate;border-spacing:0;font:var(--type-body)}.dtable thead th{text-align:left;padding:12px 16px;font:500 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);white-space:nowrap;position:relative}.dtable thead th.sortable{cursor:pointer;user-select:none}.dtable thead th.sortable:after{content:"";display:inline-block;width:8px;height:8px;margin-left:6px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' fill='%239A9482'><path d='M4 3 1 7h6z'/></svg>");opacity:.5}.dtable thead th.sortable.asc:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' fill='%230B5DF0'><path d='M4 1 1 5h6z'/></svg>");opacity:1}.dtable thead th.sortable.desc:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' fill='%230B5DF0'><path d='M4 7 1 3h6z'/></svg>");opacity:1}.dtable thead th.num{text-align:right}.dtable tbody td{padding:14px 16px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.dtable tbody tr:hover td{background:var(--surface-muted)}.dtable tbody tr.selected td{background:var(--brand-soft)}.dtable td.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.dtable .id-link{color:var(--brand-strong);font-family:var(--font-mono);font-weight:500;text-decoration:none}.dtable .id-link:hover{text-decoration:underline}.dtable .lead-name{color:var(--text-strong);font-weight:500}.dtable .lead-sub{color:var(--text-muted);font:var(--type-caption)}.dtable .lock{color:var(--text-subtle);margin-right:4px}.dtable tfoot td{padding:12px 16px;font:var(--type-caption);color:var(--text-muted);background:var(--surface-muted);border-top:1px solid var(--border)}.data-toolbar{display:flex;align-items:center;gap:10px;padding:14px 0;flex-wrap:wrap}.data-toolbar .spacer{flex:1}.data-toolbar .search-input{position:relative;flex:0 1 360px}.data-toolbar .search-input input{width:100%;height:36px;padding:0 12px 0 36px;border-radius:8px;border:1px solid var(--border);background:var(--surface);font:var(--type-body);outline:none}.data-toolbar .search-input input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring-soft)}.data-toolbar .search-input>[data-icon]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-subtle)}.pager-row{justify-content:space-between;padding:14px 0;font:var(--type-body-sm);color:var(--text-muted)}.pager-row,.pager-row .ctrls{display:flex;align-items:center}.pager-row .ctrls{gap:8px}.pager-row .ctrls .t-mono{color:var(--text-strong)}.toast{display:grid;grid-template-columns:20px 1fr auto;gap:12px;align-items:start;background:var(--ink);color:#fff;padding:12px 14px;border-radius:8px;box-shadow:var(--shadow-modal);font:var(--type-body-sm);max-width:380px}.toast.success{background:var(--tone-success)}.toast.danger{background:var(--tone-danger)}.toast .t-title{font:500 13px/1.3 var(--font-sans)}.toast .t-body{opacity:.85;margin-top:2px}.toast .x{color:rgba(255,255,255,.7);background:transparent;border:none;cursor:pointer;padding:2px}.toast .x:hover{color:#fff}.cell-locked{display:inline-flex;align-items:center;gap:4px;color:var(--text-body)}.cell-locked .lock-ic{color:var(--text-subtle)}.avatar-group{display:inline-flex}.avatar-group .avatar{margin-left:-8px;border:2px solid var(--surface);position:relative}.avatar-group .avatar:first-child{margin-left:0}.avatar-group .avatar.more{background:var(--surface-muted);color:var(--text-muted)}.donut{--size:56px;--pct:64;--track:var(--surface-muted);--fill:var(--brand);width:var(--size);height:var(--size);border-radius:50%;background:conic-gradient(var(--fill) calc(var(--pct) * 1%),var(--track) 0);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;inset:6px;background:var(--surface);border-radius:50%}.donut .donut-label{position:relative;z-index:1;font:600 12px/1 var(--font-sans);color:var(--text-strong);font-variant-numeric:tabular-nums}.donut.success{--fill:var(--tone-success)}.donut.warn{--fill:var(--tone-warn)}.donut.danger{--fill:var(--tone-danger)}.sparkline{display:inline-block;width:80px;height:24px;vertical-align:middle}.sparkline svg{display:block;width:100%;height:100%;overflow:visible}.sparkline path.line{fill:none;stroke:var(--brand);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.sparkline path.fill{fill:var(--brand);opacity:.12}.sparkline.success path.line{stroke:var(--tone-success)}.sparkline.success path.fill{fill:var(--tone-success)}.sparkline.danger path.line{stroke:var(--tone-danger)}.sparkline.danger path.fill{fill:var(--tone-danger)}.stepper-input{display:inline-flex;align-items:stretch;height:var(--input-height);border:1px solid var(--border-strong);border-radius:var(--button-radius);overflow:clip;background:var(--surface)}.stepper-input button{width:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer}.stepper-input button:hover{background:var(--surface-muted);color:var(--text-strong)}.stepper-input input{width:56px;border:none;outline:none;background:transparent;text-align:center;font:500 14px/1 var(--font-mono);color:var(--text-strong);font-variant-numeric:tabular-nums}.otp{display:inline-flex;gap:8px}.otp input{width:44px;height:52px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);text-align:center;font:600 20px/1 var(--font-mono);color:var(--text-strong);outline:none;font-variant-numeric:tabular-nums}.otp input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring-soft)}.otp .otp-gap{width:16px;justify-content:center;color:var(--text-subtle)}.otp .otp-gap,.tag-input{display:inline-flex;align-items:center}.tag-input{flex-wrap:wrap;gap:6px;padding:5px 8px;min-height:var(--input-height);width:100%;border:1px solid var(--border-strong);border-radius:var(--button-radius);background:var(--surface)}.tag-input:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring-soft)}.tag-input input{flex:1;min-width:80px;border:none;outline:none;background:transparent;font:var(--type-body);color:var(--text-body);padding:4px 2px}.mention{display:inline-flex;align-items:center;gap:4px;padding:1px 6px 1px 4px;background:var(--brand-soft);color:var(--brand-strong);border-radius:4px;font:500 13px/1.3 var(--font-sans);cursor:pointer}.mention:before{content:"@";opacity:.7}.mention .av{width:14px;height:14px;border-radius:50%;background:var(--brand);color:#fff;font:600 9px/1 var(--font-sans);display:inline-flex;align-items:center;justify-content:center}.diff{font-family:var(--font-mono);font-size:12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:clip}.diff-line{display:grid;grid-template-columns:28px 1fr;gap:0;align-items:stretch}.diff-line .num{padding:4px 8px;text-align:right;color:var(--text-subtle);border-right:1px solid var(--border-subtle)}.diff-line .code{padding:4px 12px;color:var(--text-body);white-space:pre}.diff-line.add{background:rgba(94,142,84,.08)}.diff-line.add .code:before{content:"+ ";color:var(--tone-success);font-weight:600}.diff-line.add .code{color:var(--tone-success-strong)}.diff-line.rem{background:rgba(184,58,42,.08)}.diff-line.rem .code:before{content:"- ";color:var(--tone-danger);font-weight:600}.diff-line.rem .code{color:var(--tone-danger-strong)}.rating{display:inline-flex;gap:2px;color:var(--surface-deep);font-size:18px;line-height:1}.rating span{display:inline-block}.rating span.on{color:#E2A458}.rating .lbl{color:var(--text-muted);margin-left:6px;font:var(--type-body-sm)}.color-dot{display:inline-flex;align-items:center;gap:6px;font:var(--type-mono);color:var(--text-muted)}.color-dot:before{content:"";width:14px;height:14px;border-radius:4px;background:var(--c,var(--brand));border:1px solid var(--hairline);flex:none}.steps{display:flex;align-items:center;gap:0}.steps .st{gap:8px}.steps .st,.steps .st-bubble{display:inline-flex;align-items:center}.steps .st-bubble{width:24px;height:24px;border-radius:50%;background:var(--surface-muted);color:var(--text-muted);border:1.5px solid var(--border-strong);justify-content:center;font:600 12px/1 var(--font-sans)}.steps .st-label{font:var(--type-label-sm);color:var(--text-muted)}.steps .st.done .st-bubble{background:var(--brand);border-color:var(--brand);color:#fff}.steps .st.done .st-label{color:var(--text-body)}.steps .st.current .st-bubble{background:var(--surface);border-color:var(--brand);color:var(--brand-strong)}.steps .st.current .st-label{color:var(--text-strong);font-weight:500}.steps .st-rail{flex:0 0 32px;height:1px;background:var(--border-strong);margin:0 12px}.steps .st.done+.st-rail{background:var(--brand)}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px 24px;display:grid;gap:14px;position:relative}.pricing-card.featured{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring-soft)}.pricing-card .pc-name{font:var(--type-section-title)}.pricing-card .pc-price{font-family:var(--font-serif);font-weight:600;font-size:40px;letter-spacing:-.02em;line-height:1;color:var(--text-strong);font-variant-numeric:tabular-nums}.pricing-card .pc-price .u{font-family:var(--font-sans);font-size:14px;color:var(--text-muted);font-weight:400;margin-left:6px}.pricing-card .pc-desc{font:var(--type-body-sm);color:var(--text-muted)}.pricing-card ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font:var(--type-body-sm);color:var(--text-body)}.pricing-card ul li{display:grid;grid-template-columns:16px 1fr;gap:8px;align-items:start}.pricing-card ul li:before{content:"✓";color:var(--tone-success);font-weight:600}.pricing-card .pc-badge{position:absolute;top:-10px;right:20px;padding:4px 10px;background:var(--brand);color:#fff;border-radius:9999px;font:500 11px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase}.pay-card{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.pay-card .brand-tile{width:44px;height:30px;border-radius:4px;background:linear-gradient(135deg,var(--brand-700),var(--brand));color:#fff;display:grid;place-items:center;font:700 10px/1 var(--font-sans);letter-spacing:.08em}.pay-card .brand-tile.amex{background:linear-gradient(135deg,#007F8F,#009BB0)}.pay-card .brand-tile.mc{background:linear-gradient(135deg,#B71C1C,#EB7C24)}.pay-card .pc-line{font:var(--type-label);color:var(--text-strong);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pay-card .pc-meta{font:var(--type-caption);color:var(--text-muted);margin-top:2px}.file-tile{display:grid;grid-template-rows:80px auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:clip;width:200px}.file-tile .ft-thumb{background:var(--surface-muted);display:grid;place-items:center;color:var(--text-muted);font:600 14px/1 var(--font-mono);letter-spacing:.08em}.file-tile .ft-thumb.csv{background:#E7EFE0;color:var(--tone-success)}.file-tile .ft-thumb.pdf{background:#F6E2DD;color:var(--tone-danger)}.file-tile .ft-thumb.img{background:var(--brand-soft);color:var(--brand-strong)}.file-tile .ft-body{padding:10px 12px}.file-tile .ft-name{font:var(--type-label-sm);color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tile .ft-meta{font:var(--type-caption);color:var(--text-muted);font-family:var(--font-mono);margin-top:2px}.accordion{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:clip}.accordion details{border-top:1px solid var(--border-subtle)}.accordion details:first-child{border-top:none}.accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;font:500 14px/1.4 var(--font-sans);color:var(--text-strong);cursor:pointer}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"";width:8px;height:8px;border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);transform:rotate(45deg);transition:transform var(--dur-fast) var(--ease-out);flex:none;margin-left:12px}.accordion details[open] summary:after{transform:rotate(-135deg)}.accordion .acc-body{padding:0 18px 18px;font:var(--type-body-sm);color:var(--text-muted);line-height:1.6}.tree-node{display:grid;grid-template-columns:18px 1fr;gap:4px;align-items:center;padding:5px 6px;border-radius:6px;font:500 13px/1 var(--font-sans);color:var(--text-body);cursor:pointer}.tree-node:hover{background:var(--surface-muted)}.tree-node .tn-chev{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-subtle);transition:transform var(--dur-fast) var(--ease-out)}.tree-node.open .tn-chev{transform:rotate(90deg)}.tree-node.empty .tn-chev{visibility:hidden}.tree-node .tn-icon{color:var(--text-muted);margin-right:4px}.tree-node.active{background:var(--brand-soft);color:var(--brand-strong)}.tree-node.active .tn-chev,.tree-node.active .tn-icon{color:var(--brand)}.tree-children{margin-left:18px;padding-left:8px;border-left:1px solid var(--border-subtle)}.comment{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:10px 0}.comment .ca{width:28px;height:28px;border-radius:50%;background:var(--brand-soft);color:var(--brand-strong);display:grid;place-items:center;font:600 11px/1 var(--font-sans)}.comment .ch{display:flex;align-items:baseline;gap:8px}.comment .ch .who{font:var(--type-label-sm);color:var(--text-strong)}.comment .ch .when{font:var(--type-caption);color:var(--text-subtle)}.comment .body{font:var(--type-body-sm);color:var(--text-body);margin-top:2px;line-height:1.55}.comment .actions{display:flex;gap:12px;margin-top:6px;font:var(--type-caption);color:var(--text-muted)}.comment .actions span{cursor:pointer}.comment .actions span:hover{color:var(--text-strong)}.bar-row{display:grid;grid-template-columns:140px 1fr 80px;gap:16px;align-items:center;padding:8px 0}.bar-row .bar-lbl{font:var(--type-body-sm);color:var(--text-body)}.bar-row .bar-track{height:10px;background:var(--surface-muted);border-radius:9999px;overflow:clip}.bar-row .bar-track>span{display:block;height:100%;background:var(--brand);border-radius:inherit}.bar-row .bar-track.warn>span{background:var(--tone-warn)}.bar-row .bar-track.danger>span{background:var(--tone-danger)}.bar-row .bar-track.success>span{background:var(--tone-success)}.bar-row .bar-val{text-align:right;font:var(--type-mono);color:var(--text-strong);font-weight:500}.daterange{gap:0;padding:0;border:1px solid var(--border-strong);border-radius:var(--button-radius);background:var(--surface);overflow:clip;height:var(--input-height)}.daterange,.daterange .dr-side{display:inline-flex;align-items:center}.daterange .dr-side{gap:8px;padding:0 12px;font:500 13px/1 var(--font-sans);color:var(--text-body);cursor:pointer}.daterange .dr-side:hover{background:var(--surface-muted)}.daterange .dr-side .dr-icon{color:var(--text-muted)}.daterange .dr-side .dr-lbl{color:var(--text-subtle);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.daterange .dr-arrow{color:var(--text-subtle);padding:0 4px}.stat-spark{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.stat-spark .ss-l{display:grid;gap:4px}.stat-spark .ss-lbl{font:500 11px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.stat-spark .ss-val{font-family:var(--font-serif);font-weight:600;font-size:26px;letter-spacing:-.02em;color:var(--text-strong);line-height:1;font-variant-numeric:tabular-nums}.stat-spark .ss-delta{font:var(--type-caption)}.stat-spark .ss-delta.up{color:var(--tone-success)}.stat-spark .ss-delta.dn{color:var(--tone-danger)}.dropdown{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-popover);padding:6px;min-width:240px;display:grid;gap:1px;font:var(--type-body-sm)}.dropdown .dd-section{padding:4px 0}.dropdown .dd-section+.dd-section{border-top:1px solid var(--border-subtle);margin-top:4px;padding-top:8px}.dropdown .dd-label{padding:4px 12px 6px;font:500 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle)}.dropdown .dd-item{display:grid;grid-template-columns:18px 1fr auto;gap:12px;align-items:center;padding:7px 10px;border-radius:6px;color:var(--text-body);text-align:left;width:100%;cursor:pointer}.dropdown .dd-item.active,.dropdown .dd-item:hover{background:var(--surface-muted);color:var(--text-strong)}.dropdown .dd-item.danger{color:var(--tone-danger)}.dropdown .dd-item.danger:hover{background:var(--tone-danger-bg);color:var(--tone-danger)}.dropdown .dd-item .ic,.dropdown .dd-item svg{color:var(--text-muted)}.dropdown .dd-item.danger .ic,.dropdown .dd-item.danger svg{color:var(--tone-danger)}.dropdown .dd-item .sh{color:var(--text-subtle);font-family:var(--font-mono);font-size:11px}.dropdown .dd-item.has-sub:after{content:"";width:6px;height:6px;border-right:1.5px solid var(--text-subtle);border-bottom:1.5px solid var(--text-subtle);transform:rotate(-45deg)}.dropdown .dd-divider{height:1px;background:var(--border-subtle);margin:4px 6px}.context-menu{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-popover);padding:4px;min-width:200px;font:var(--type-body-sm)}.context-menu .cm-item{display:grid;grid-template-columns:16px 1fr auto;gap:10px;align-items:center;padding:6px 8px;border-radius:5px;color:var(--text-body);cursor:pointer;width:100%;text-align:left}.context-menu .cm-item:hover{background:var(--surface-muted)}.context-menu .cm-item.danger{color:var(--tone-danger)}.context-menu .cm-divider{height:1px;background:var(--border-subtle);margin:4px}.context-menu .cm-item .ic{color:var(--text-subtle)}.context-menu .cm-item .sh{color:var(--text-subtle);font:var(--type-mono)}.user-menu{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-popover);width:260px;overflow:clip}.user-menu .um-h{padding:14px 14px 12px;border-bottom:1px solid var(--border-subtle);display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center}.user-menu .um-h .av{width:40px;height:40px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font:600 14px/1 var(--font-sans)}.user-menu .um-h .nm{font:var(--type-label);color:var(--text-strong)}.user-menu .um-h .ml{font:var(--type-caption);color:var(--text-muted);margin-top:2px}.user-menu .um-body{padding:6px}.user-menu .um-item{display:grid;grid-template-columns:16px 1fr auto;gap:10px;align-items:center;padding:7px 10px;border-radius:6px;font:var(--type-body-sm);color:var(--text-body);width:100%;text-align:left;cursor:pointer}.user-menu .um-item:hover{background:var(--surface-muted);color:var(--text-strong)}.user-menu .um-item.danger{color:var(--tone-danger)}.user-menu .um-item.danger:hover{background:var(--tone-danger-bg);color:var(--tone-danger)}.user-menu .um-item .ic,.user-menu .um-item svg{color:var(--text-muted)}.user-menu .um-item.danger .ic,.user-menu .um-item.danger svg{color:var(--tone-danger)}.user-menu .um-item .sh{color:var(--text-subtle);font:var(--type-mono)}.user-menu .um-divider{height:1px;background:var(--border-subtle);margin:4px 6px}.combobox{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-popover);width:320px;overflow:clip}.combobox .cb-search{display:grid;grid-template-columns:16px 1fr;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-subtle)}.combobox .cb-search .ic{color:var(--text-subtle)}.combobox .cb-search input{border:none;outline:none;background:transparent;font:var(--type-body);color:var(--text-body);width:100%}.combobox .cb-body{max-height:280px;overflow-y:auto;padding:4px}.combobox .cb-label{padding:6px 10px 4px;font:500 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle)}.combobox .cb-item{display:grid;grid-template-columns:24px 1fr 14px;gap:10px;align-items:center;padding:7px 8px;border-radius:6px;font:var(--type-body-sm);color:var(--text-body);cursor:pointer;width:100%;text-align:left}.combobox .cb-item .av,.combobox .cb-item.active,.combobox .cb-item:hover{background:var(--surface-muted);color:var(--text-strong)}.combobox .cb-item .av{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:600 11px/1 var(--font-sans)}.combobox .cb-item .check-ic{color:var(--brand);opacity:0}.combobox .cb-item.selected .check-ic{opacity:1}.combobox .cb-foot{padding:8px 14px;border-top:1px solid var(--border-subtle);font:var(--type-caption);color:var(--text-muted);display:flex;justify-content:space-between}.multi-select{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-popover);width:280px;overflow:clip}.multi-select .ms-h{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border-subtle);font:var(--type-label-sm);color:var(--text-strong)}.multi-select .ms-h .clear{font:var(--type-caption);color:var(--brand-strong);cursor:pointer}.multi-select .ms-body{max-height:260px;overflow-y:auto;padding:4px}.multi-select .ms-item{display:grid;grid-template-columns:16px 1fr auto;gap:10px;align-items:center;padding:7px 10px;border-radius:6px;cursor:pointer;font:var(--type-body-sm);color:var(--text-body)}.multi-select .ms-item:hover{background:var(--surface-muted)}.multi-select .ms-item .ct{font:var(--type-caption);color:var(--text-subtle);font-family:var(--font-mono)}.multi-select .ms-foot{padding:10px 14px;border-top:1px solid var(--border-subtle);display:flex;gap:8px;justify-content:flex-end}.cmdk{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-modal);width:560px;overflow:clip}.cmdk-input{display:grid;grid-template-columns:18px 1fr auto;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border-subtle)}.cmdk-input .ic{color:var(--text-subtle)}.cmdk-input input{border:none;outline:none;background:transparent;font:400 15px/1 var(--font-sans);color:var(--text-strong)}.cmdk-input input::placeholder{color:var(--text-subtle)}.cmdk-input .esc{font:var(--type-mono);color:var(--text-subtle);padding:2px 6px;border:1px solid var(--border);border-radius:4px}.cmdk-body{max-height:360px;overflow-y:auto;padding:6px}.cmdk-section{padding:4px 0}.cmdk-label{padding:6px 10px 4px;font:500 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle)}.cmdk-item{display:grid;grid-template-columns:20px 1fr auto;gap:12px;align-items:center;padding:8px 10px;border-radius:6px;font:var(--type-body);color:var(--text-body);cursor:pointer;width:100%;text-align:left}.cmdk-item.active,.cmdk-item:hover{background:var(--brand-soft);color:var(--brand-strong)}.cmdk-item .ic{color:var(--text-muted)}.cmdk-item.active .ic{color:var(--brand)}.cmdk-item .sh{color:var(--text-subtle);font:var(--type-mono)}.cmdk-item.active .sh{color:var(--brand-strong)}.cmdk-foot{padding:10px 18px;border-top:1px solid var(--border-subtle);display:flex;gap:18px;font:var(--type-caption);color:var(--text-muted)}.cmdk-foot .kbd{padding:2px 5px}.popover{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-popover);padding:16px;max-width:320px;font:var(--type-body-sm);color:var(--text-body);position:relative}.popover .pop-arrow{position:absolute;width:12px;height:12px;background:var(--surface);border-left:1px solid var(--border);border-top:1px solid var(--border);transform:rotate(45deg);top:-7px;left:24px}.popover .pop-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.popover .pop-h .ti{font:var(--type-label);color:var(--text-strong)}.popover .pop-h .x{color:var(--text-subtle);cursor:pointer}.popover .pop-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.drawer{background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-modal);width:420px;height:100%;display:flex;flex-direction:column}.drawer-h{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.drawer-h .ti{font:var(--type-section-title);color:var(--text-strong)}.drawer-h .sub{font:var(--type-body-sm);color:var(--text-muted);margin-top:4px}.drawer-h .x{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:6px;cursor:pointer}.drawer-h .x:hover{background:var(--surface-muted);color:var(--text-strong)}.drawer-body{flex:1;overflow-y:auto;padding:22px}.drawer-foot{padding:14px 22px;border-top:1px solid var(--border);background:var(--surface-muted);display:flex;gap:8px;justify-content:flex-end}.confirm-inline{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;background:var(--tone-danger-bg);border:1px solid var(--tone-danger-bd);border-radius:8px;font:var(--type-body-sm);color:var(--tone-danger)}.confirm-inline .ask{font-weight:500}.confirm-inline button{padding:4px 10px;border-radius:5px;font:500 12px/1 var(--font-sans);cursor:pointer}.confirm-inline button.yes{background:var(--tone-danger);color:#fff}.confirm-inline button.yes:hover{background:var(--action-destructive-hover)}.confirm-inline button.no{background:transparent;color:var(--tone-danger)}.confirm-inline button.no:hover{background:rgba(184,58,42,.12)}.toolbar-group{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:clip}.toolbar-group .tg-btn,.toolbar-group button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 10px;color:var(--text-body);background:transparent;border:none;border-right:1px solid var(--border-subtle);font:500 13px/1 var(--font-sans);cursor:pointer}.toolbar-group .tg-btn:last-child,.toolbar-group button:last-child{border-right:none}.toolbar-group button:hover{background:var(--surface-muted);color:var(--text-strong)}.toolbar-group button.active{background:var(--brand-soft);color:var(--brand-strong)}.toolbar-group button svg{width:14px;height:14px;color:inherit}.detail-page{padding:24px 32px 48px;display:grid;gap:20px;min-width:0}.detail-hero{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px 28px;display:grid;grid-template-columns:64px 1fr auto;gap:20px;align-items:center}.detail-hero .dh-mark{width:64px;height:64px;border-radius:12px;background:var(--brand-soft);color:var(--brand-strong);display:grid;place-items:center;font-family:var(--font-serif);font-weight:600;font-size:22px;letter-spacing:-.02em}.detail-hero .dh-mark.gem,.detail-hero .dh-mark.tone-warn{background:linear-gradient(135deg,#FEF4DA,#F4C15B);color:#6B5119}.detail-hero .dh-mark.ledger,.detail-hero .dh-mark.tone-info{background:linear-gradient(135deg,var(--brand-soft),var(--brand-100));color:var(--brand-strong)}.detail-hero .dh-mark.person,.detail-hero .dh-mark.tone-neutral{background:var(--surface-muted);color:var(--text-strong)}.detail-hero .dh-eyebrow{font:500 11px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.detail-hero h1{font:var(--type-display-sm);font-size:26px;margin:6px 0;letter-spacing:-.015em;color:var(--text-strong);display:flex;align-items:center;gap:12px}.detail-hero .dh-meta{display:flex;gap:18px;flex-wrap:wrap;font:var(--type-body-sm);color:var(--text-muted)}.detail-hero .dh-meta strong{color:var(--text-strong);font-weight:500}.detail-hero .dh-actions{display:flex;gap:8px;align-items:center}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.detail-grid{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:clip}.detail-card .dc-h{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--border-subtle)}.detail-card .dc-h .ti{font:var(--type-section-title);color:var(--text-strong)}.detail-card .dc-h .sub{font:var(--type-body-sm);color:var(--text-muted)}.detail-card .dc-body{padding:20px 22px}.detail-card .dc-body.compact{padding:4px 22px 14px}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;padding:4px 0}.meta-grid>div{display:grid;gap:4px}.meta-grid .k{font:500 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle)}.meta-grid .v{font:var(--type-body);color:var(--text-strong)}.meta-grid .v.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.activity-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px;align-self:start}.activity-card .ac-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.activity-card .ac-h .ti{font:var(--type-label);color:var(--text-strong)}.activity-card .ac-tabs{display:flex;gap:4px;font:var(--type-caption);color:var(--text-muted)}.activity-card .ac-tabs span{padding:4px 8px;border-radius:4px;cursor:pointer}.activity-card .ac-tabs span.active{background:var(--surface-muted);color:var(--text-strong)}.activity-card .ac-list{display:grid;gap:16px;position:relative;padding-left:18px}.activity-card .ac-list:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:var(--border)}.activity-card .ac-item{position:relative}.activity-card .ac-item:before{content:"";position:absolute;left:-19px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--surface);border:2px solid var(--border-strong)}.activity-card .ac-item.brand:before{background:var(--brand);border-color:var(--brand)}.activity-card .ac-item.success:before{background:var(--tone-success);border-color:var(--tone-success)}.activity-card .ac-item.warn:before{background:var(--tone-warn);border-color:var(--tone-warn)}.activity-card .ac-item .who{font:var(--type-label-sm);color:var(--text-strong)}.activity-card .ac-item .body{font:var(--type-body-sm);color:var(--text-body);margin-top:2px;line-height:1.55}.activity-card .ac-item .when{font:var(--type-caption);color:var(--text-subtle);margin-top:2px;font-family:var(--font-mono)}.modal-backdrop{position:absolute;inset:0;background:rgba(42,38,34,.36);display:grid;place-items:center;padding:32px}.modal-window{background:var(--canvas);border-radius:14px;box-shadow:var(--shadow-modal);width:100%;max-width:1100px;height:100%;max-height:760px;display:flex;flex-direction:column;overflow:clip}.modal-titlebar{display:flex;align-items:center;gap:10px;padding:14px 16px;min-height:48px;border-bottom:1px solid var(--border)}.modal-titlebar .traffic{display:flex;gap:6px}.modal-titlebar .traffic span{width:12px;height:12px;border-radius:50%;background:var(--surface-deep)}.row{align-items:center}.col,.row{display:flex}.col{flex-direction:column}.center{align-items:center}.between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.grow{flex:1 1 auto;min-width:0}.ml-auto{margin-left:auto}.wrap{flex-wrap:wrap}.nowrap{white-space:nowrap}.truncate{text-overflow:ellipsis;min-width:0}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}@keyframes hx-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes hx-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hx-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes hx-slide-right{0%{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}@keyframes hx-pulse{0%,to{opacity:1}50%{opacity:.45}}.anim-fade-up{animation:hx-fade-up var(--dur-slow,.32s) var(--ease-out,cubic-bezier(.2,0,0,1)) both}.anim-fade-in{animation:hx-fade-in var(--dur-slow,.32s) var(--ease-out,cubic-bezier(.2,0,0,1)) both}.anim-scale-in{animation:hx-scale-in var(--dur-base,.22s) var(--ease-out,cubic-bezier(.2,0,0,1)) both}.anim-slide-right{animation:hx-slide-right var(--dur-slow,.32s) var(--ease-out,cubic-bezier(.2,0,0,1)) both}.anim-pulse{animation:hx-pulse 1.6s ease-in-out infinite}.anim-delay-1{animation-delay:60ms}.anim-delay-2{animation-delay:.12s}.anim-delay-3{animation-delay:.18s}.anim-delay-4{animation-delay:.24s}.anim-delay-5{animation-delay:.3s}.anim-delay-6{animation-delay:.36s}@media (prefers-reduced-motion:reduce){.anim-fade-in,.anim-fade-up,.anim-pulse,.anim-scale-in,.anim-slide-right{animation:none!important}}.modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px}.module-card{display:flex;flex-direction:column;gap:6px;padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:inherit;transition:border-color var(--dur-fast,.14s) var(--ease-out),transform var(--dur-fast,.14s) var(--ease-out)}a.module-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.module-card .num{font:500 11px/1 var(--font-mono);color:var(--text-subtle)}.module-card .nm{font:600 15px/1.3 var(--font-sans);color:var(--text-strong)}.module-card .ds{font:var(--type-body-sm);color:var(--text-muted);line-height:1.5}.module-card .arrow{margin-top:auto;font:500 13px/1 var(--font-sans);color:var(--brand-strong);display:inline-flex;align-items:center;gap:5px}@media (max-width:900px){.modules-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.modules-grid{grid-template-columns:1fr}}.b-bottom-tabs{position:fixed;left:0;right:0;bottom:0;z-index:60;height:64px;padding:6px 6px calc(6px + env(safe-area-inset-bottom, 8px));display:flex;align-items:stretch;background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--shadow-bar-bottom)}.b-bottom-tabs a,.b-bottom-tabs button{flex:1;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 0;border:0;background:transparent;cursor:pointer;text-decoration:none;color:var(--text-subtle);font:500 11px/1 var(--font-sans);border-radius:10px;position:relative}.b-bottom-tabs a:hover,.b-bottom-tabs button:hover{color:var(--text-strong)}.b-bottom-tabs .b-bt-ic{width:22px;height:22px;display:grid;place-items:center}.b-bottom-tabs a.active,.b-bottom-tabs button.active{color:var(--brand-strong)}.b-bottom-tabs a.active .b-bt-ic,.b-bottom-tabs button.active .b-bt-ic{color:var(--brand)}.b-bottom-tabs .b-bt-badge{position:absolute;top:2px;right:calc(50% - 18px);min-width:16px;height:16px;padding:0 4px;background:var(--tone-danger);color:#fff;border-radius:9999px;font:600 10px/16px var(--font-mono);text-align:center}@media (min-width:901px){.b-bottom-tabs{display:none}}.b-filter-chips{display:flex;gap:8px;padding:12px 16px 4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.b-filter-chips::-webkit-scrollbar{display:none}.b-filter-chips .b-fc{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--surface);border:1px solid var(--border);border-radius:9999px;font:500 12px/1 var(--font-sans);color:var(--text-strong);white-space:nowrap;cursor:pointer}.b-filter-chips .b-fc .b-fc-ct,.b-filter-chips .b-fc:hover{background:var(--surface-muted)}.b-filter-chips .b-fc .b-fc-ct{font:600 11px/1 var(--font-sans);padding:2px 7px;border-radius:9999px;color:var(--text-muted)}.b-filter-chips .b-fc.on{background:var(--brand);color:#fff;border-color:var(--brand)}.b-filter-chips .b-fc.on .b-fc-ct{background:rgba(255,255,255,.22);color:#fff}.b-row-card{display:block;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:12px 14px;margin-bottom:8px;text-align:left;color:var(--text-body);font-family:var(--font-sans);cursor:pointer;transition:background var(--dur-fast,.14s) var(--ease-out,ease),border-color var(--dur-fast,.14s) var(--ease-out,ease)}.b-row-card:active,.b-row-card:hover{background:var(--surface-muted);border-color:var(--border-strong)}.b-row-card .b-rc-top{display:flex;align-items:flex-start;gap:10px}.b-row-card .b-rc-info{flex:1;min-width:0}.b-row-card .b-rc-nm{font:600 14px/1.3 var(--font-sans);color:var(--text-strong)}.b-row-card .b-rc-sb{font:12px/1.3 var(--font-sans);color:var(--text-muted);margin-top:3px}.b-row-card .b-rc-val{font:700 18px/1 var(--font-sans);color:var(--text-strong);font-variant-numeric:tabular-nums}.b-row-card .b-rc-delta{font:500 12px/1 var(--font-sans);color:var(--text-muted);margin-top:4px}.b-row-card .b-rc-delta.up{color:var(--tone-success)}.b-row-card .b-rc-delta.dn{color:var(--tone-danger)}.b-row-card .b-rc-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}.b-row-card .b-rc-meta .b-rc-m-l{font:500 11px/1 var(--font-sans);letter-spacing:.07em;text-transform:uppercase;color:var(--text-subtle)}.b-row-card .b-rc-meta .b-rc-m-v{font:600 13px/1 var(--font-mono);color:var(--text-strong);margin-top:3px}.b-stat-hero{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.b-stat-hero .b-sh-lead{background:linear-gradient(135deg,var(--brand) 0,var(--brand-deeper,var(--brand-strong)) 100%);color:#fff;border-radius:14px;padding:18px 18px 20px;position:relative;overflow:clip}.b-stat-hero .b-sh-lead:before{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)}.b-stat-hero .b-sh-lead .b-sh-l{font:500 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;opacity:.82}.b-stat-hero .b-sh-lead .b-sh-v{font:700 32px/1.05 var(--font-sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:10px}.b-stat-hero .b-sh-lead .b-sh-d{font:13.5px/1.4 var(--font-sans);opacity:.85;margin-top:6px;max-width:28ch}.b-stat-hero .b-sh-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (max-width:600px){.b-stat-hero .b-sh-row{grid-template-columns:repeat(2,1fr)}}.b-stat-hero .b-sh-s{padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.b-stat-hero .b-sh-s .b-sh-l{font:500 11px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.b-stat-hero .b-sh-s .b-sh-v{font:700 20px/1 var(--font-sans);color:var(--text-strong);font-variant-numeric:tabular-nums;margin-top:8px}.b-stat-hero .b-sh-s .b-sh-sb{font:500 11.5px/1.3 var(--font-sans);color:var(--text-muted);margin-top:4px}.b-day-list{display:grid;grid-template-columns:1fr auto;gap:0 14px}.b-day-list .b-dl-l{font:500 13px/1 var(--font-sans);color:var(--text-body)}.b-day-list .b-dl-l,.b-day-list .b-dl-v{padding:8px 0;border-bottom:1px solid var(--border-subtle)}.b-day-list .b-dl-v{font:600 13px/1 var(--font-mono);color:var(--text-strong);font-variant-numeric:tabular-nums;text-align:right}.b-day-list>:nth-last-child(-n+2){border-bottom:0}.b-day-list .b-dl-v.up{color:var(--tone-success)}.b-day-list .b-dl-v.dn{color:var(--tone-danger)}.x-bs-scrim{position:fixed;inset:0;z-index:90;background:rgba(22,24,29,.55);display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out,ease)}.x-bs-scrim.open{opacity:1;pointer-events:auto}.x-bottom-sheet{background:var(--surface);width:100%;max-width:460px;max-height:90vh;border-top-left-radius:18px;border-top-right-radius:18px;display:flex;flex-direction:column;box-shadow:var(--shadow-sheet-bottom);transform:translateY(100%);transition:transform .26s cubic-bezier(.2,0,.1,1);padding-bottom:env(safe-area-inset-bottom);overflow:hidden}.x-bs-scrim.open .x-bottom-sheet{transform:translateY(0)}.x-bottom-sheet .x-bs-grab{width:38px;height:4px;border-radius:9999px;background:var(--border-strong);margin:8px auto 4px;flex:none}.x-bottom-sheet .x-bs-head{display:flex;align-items:center;gap:10px;padding:10px 18px 12px;border-bottom:1px solid var(--border-subtle);flex:none}.x-bottom-sheet .x-bs-head h3{font:600 16px/1.2 var(--font-sans);color:var(--text-strong);margin:0;flex:1}.x-bottom-sheet .x-bs-head .x-bs-close{width:36px;height:36px;border-radius:9px;background:var(--surface-muted);color:var(--text-strong);display:grid;place-items:center;border:0;cursor:pointer;flex:none}.x-bottom-sheet .x-bs-body{flex:1;overflow-y:auto;padding:14px 18px;-webkit-overflow-scrolling:touch}.x-bottom-sheet .x-bs-foot{display:flex;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border-subtle);background:var(--surface);flex:none}.x-bottom-sheet .x-bs-foot .btn{flex:1;min-height:44px}.x-bottom-sheet .x-bs-foot button:not(.btn){flex:1;min-height:44px;padding:0 14px;border-radius:10px;font:600 14px/1 var(--font-sans);border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.x-bottom-sheet .x-bs-foot button.primary{background:var(--brand);color:#fff}.x-bottom-sheet .x-bs-foot button.primary:hover{background:var(--brand-strong)}.x-bottom-sheet .x-bs-foot button.alt{background:var(--surface-muted);color:var(--text-strong)}.x-bottom-sheet .x-bs-foot button.danger{background:var(--tone-danger);color:#fff}@media (min-width:720px){.x-bs-scrim{align-items:center;padding:24px}.x-bottom-sheet{border-radius:14px;max-width:520px;max-height:80vh;transform:translateY(20px) scale(.98);opacity:0;transition:transform .2s var(--ease-out,ease),opacity .2s var(--ease-out,ease)}.x-bs-scrim.open .x-bottom-sheet{transform:none;opacity:1}.x-bottom-sheet .x-bs-grab{display:none}}.badge.tone-neutral{background:var(--surface-muted);color:var(--text-muted)}.badge.tone-info{background:var(--tone-info-bg);color:var(--tone-info)}.badge.tone-success{background:var(--tone-success-bg);color:var(--tone-success)}.badge.tone-warn{background:var(--tone-warn-bg);color:var(--tone-warn)}.badge.tone-danger{background:var(--tone-danger-bg);color:var(--tone-danger)}.alert.tone-info{background:var(--tone-info-bg);border-color:var(--tone-info-bd);color:var(--tone-info)}.alert.tone-success{background:var(--tone-success-bg);border-color:var(--tone-success-bd);color:var(--tone-success)}.alert.tone-warn{background:var(--tone-warn-bg);border-color:var(--tone-warn-bd);color:var(--tone-warn)}.alert.tone-danger{background:var(--tone-danger-bg);border-color:var(--tone-danger-bd);color:var(--tone-danger)}.alert.tone-danger .alert-title,.alert.tone-info .alert-title,.alert.tone-success .alert-title,.alert.tone-warn .alert-title{color:inherit}.alert.tone-danger .alert-body,.alert.tone-info .alert-body,.alert.tone-success .alert-body,.alert.tone-warn .alert-body{color:inherit;opacity:.85}.donut.tone-success{--fill:var(--tone-success)}.donut.tone-warn{--fill:var(--tone-warn)}.donut.tone-danger{--fill:var(--tone-danger)}.donut.tone-info{--fill:var(--tone-info)}.progress.tone-success>span{background:var(--tone-success)}.progress.tone-warn>span{background:var(--tone-warn)}.progress.tone-danger>span{background:var(--tone-danger)}.progress.tone-info>span{background:var(--tone-info)}.toast.tone-success{background:var(--tone-success)}.toast.tone-warn{background:var(--tone-warn)}.toast.tone-danger{background:var(--tone-danger)}.toast.tone-info{background:var(--tone-info)}.sparkline.tone-success path.line{stroke:var(--tone-success)}.sparkline.tone-success path.fill{fill:var(--tone-success)}.sparkline.tone-warn path.line{stroke:var(--tone-warn)}.sparkline.tone-warn path.fill{fill:var(--tone-warn)}.sparkline.tone-danger path.line{stroke:var(--tone-danger)}.sparkline.tone-danger path.fill{fill:var(--tone-danger)}.sparkline.tone-info path.line{stroke:var(--tone-info)}.sparkline.tone-info path.fill{fill:var(--tone-info)}.erp-pill.tone-info{background:var(--tone-info-bg);color:var(--tone-info)}.erp-pill.tone-success{background:var(--tone-success-bg);color:var(--tone-success)}.erp-pill.tone-warn{background:var(--tone-warn-bg);color:var(--tone-warn)}.erp-pill.tone-danger{background:var(--tone-danger-bg);color:var(--tone-danger)}.erp-pill.tone-neutral{background:var(--surface-muted);color:var(--text-muted)}.pill.tone-info{background:var(--tone-info-bg);color:var(--tone-info)}.pill.tone-success{background:var(--tone-success-bg);color:var(--tone-success)}.pill.tone-warn{background:var(--tone-warn-bg);color:var(--tone-warn)}.pill.tone-danger{background:var(--tone-danger-bg);color:var(--tone-danger)}.pill.tone-neutral{background:var(--surface-muted);color:var(--text-muted)}.detail-hero .dh-mark.tone-warn{background:linear-gradient(135deg,#FEF4DA,#F4C15B);color:#6B5119}.detail-hero .dh-mark.tone-info{background:linear-gradient(135deg,var(--brand-soft),var(--brand-100));color:var(--brand-strong)}.detail-hero .dh-mark.tone-neutral{background:var(--surface-muted);color:var(--text-strong)}.detail-hero .dh-mark.tone-success{background:var(--tone-success-bg);color:var(--tone-success)}.detail-hero .dh-mark.tone-danger{background:var(--tone-danger-bg);color:var(--tone-danger)}.btn.tone-danger{background:var(--tone-danger);color:#fff;border-color:transparent}.btn.tone-danger:hover{background:var(--tone-danger);filter:brightness(.95)}.btn.tone-warn{background:var(--tone-warn)}.btn.tone-success,.btn.tone-warn{color:#fff;border-color:transparent}.btn.tone-success{background:var(--tone-success)}.btn.tone-info{background:var(--tone-info);color:#fff;border-color:transparent}.badge.success{background:var(--tone-success-bg);color:var(--tone-success)}.badge.warn{background:var(--tone-warn-bg);color:var(--tone-warn)}.badge.danger{background:var(--tone-danger-bg);color:var(--tone-danger)}.badge.info{background:var(--tone-info-bg);color:var(--tone-info)}.badge.neutral{background:var(--surface-muted);color:var(--text-muted)}.chip-bar,.filter-chips,.hist-filter{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0}.chip-bar::-webkit-scrollbar,.filter-chips::-webkit-scrollbar,.hist-filter::-webkit-scrollbar{display:none}.chip-bar>*,.filter-chips>*,.hist-filter>*{flex:none}.hover-card,.pop-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-popover);padding:16px;max-width:320px;font:var(--type-body-sm);color:var(--text-body)}.kit-tab,.tabs,.tabstrip{display:flex;gap:24px;border-bottom:1px solid var(--border);padding:0 4px}.kit-tab>a,.kit-tab>button,.tabs>a,.tabs>button,.tabstrip>a,.tabstrip>button{background:transparent;border:0;border-bottom:2px solid transparent;padding:10px 2px;font:500 13px/1 var(--font-sans);color:var(--text-muted);cursor:pointer;text-decoration:none}.kit-tab>.active,.kit-tab>[aria-selected=true],.tabs>.active,.tabs>[aria-selected=true],.tabstrip>.active,.tabstrip>[aria-selected=true]{color:var(--text-strong);border-bottom-color:var(--brand)}.kpi-grid{grid-template-columns:repeat(4,1fr)}@media (max-width:720px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}:where(.btn-ghost,.btn-text,.icon-btn,.ds-tab-btn,.ds-viewport-btn,.ds-copy-btn,.fchip,.chip,.b-bt-item,.b-fc,.cmdk-input input,.otp input,.tag-input,.hero-input input,.data-toolbar .search-input input) :focus-visible,:where(.btn-ghost,.btn-text,.icon-btn,.ds-tab-btn,.ds-viewport-btn,.ds-copy-btn,.fchip,.chip,.b-bt-item,.b-fc,.otp input,.tag-input) :focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.au-sec a:not(.btn):not(.badge):not(.tag),.lede a:not(.btn):not(.badge):not(.tag),li a:not(.btn):not(.badge):not(.tag),p a:not(.btn):not(.badge):not(.tag){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}[role=button]:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:6px}input:focus-visible:not(:where(.input,.textarea,.select)),select:focus-visible:not(.input):not(.select),textarea:focus-visible:not(.textarea){outline:2px solid var(--focus-ring);outline-offset:2px}.ds-skip-link{position:absolute;top:8px;left:8px;padding:8px 14px;background:var(--surface);color:var(--text-link);border:1px solid var(--border-strong);border-radius:8px;font:500 13px/1 var(--font-sans);z-index:9999;transform:translateY(-150%);transition:transform .12s ease}.ds-skip-link:focus-visible{transform:translateY(0);outline:2px solid var(--focus-ring);outline-offset:2px}.ds-specimen code,.ds-specimen pre,.ds-specimen-stage code,.ds-specimen-stage pre{font-size:12px;line-height:1.55}@media (max-width:720px){.ds-specimen code,.ds-specimen pre,.ds-specimen-stage code,.ds-specimen-stage pre{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.ds-skip-link{transition:none}}.p-stepper{display:flex;align-items:center;gap:4px;width:100%}.p-stepper .p-step{flex:1;height:6px;border-radius:3px;background:var(--surface-muted);border:1px solid var(--border);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.p-stepper .p-step.current,.p-stepper .p-step.done{background:var(--brand);border-color:var(--brand)}.p-stepper .p-step.pending{background:var(--surface-muted);border-color:var(--border)}.p-stepper.p-stepper--labelled{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}.p-stepper.p-stepper--labelled .p-step{height:auto;padding:8px 10px;border-radius:8px;display:flex;align-items:center;gap:8px;font:var(--type-label-sm);color:var(--text-muted)}.p-stepper.p-stepper--labelled .p-step.current{color:var(--brand-deeper)}.p-stepper.p-stepper--labelled .p-step.done{color:var(--text-strong)}.p-inline-edit{display:inline-flex;align-items:center;gap:6px;padding:2px 4px;border-radius:6px;background:var(--surface);border:1px solid var(--brand);box-shadow:0 0 0 2px var(--focus-ring-soft)}.p-inline-edit input{flex:1 1 auto;min-width:80px;border:none;outline:none;background:transparent;font:inherit;color:var(--text-strong);padding:2px 4px}.p-inline-edit .p-inline-edit-cancel,.p-inline-edit .p-inline-edit-save{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:5px;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer}.p-inline-edit .p-inline-edit-save:hover{background:var(--tone-success-bg);color:var(--tone-success)}.p-inline-edit .p-inline-edit-cancel:hover{background:var(--surface-muted);color:var(--text-strong)}.toast.tone-transient{background:var(--surface);border:1px solid var(--border);animation:p-toast-transient-fade 1.5s var(--ease-out) forwards;animation-delay:1.5s}.toast.tone-transient,.toast.tone-transient .t-title{color:var(--text-strong)}.toast.tone-transient .t-body{color:var(--text-muted);opacity:1}.toast.tone-transient .x{color:var(--text-subtle)}.toast.tone-transient .x:hover{color:var(--text-strong)}.toast.tone-transient .t-action,.toast.tone-transient button.action{font:600 13px/1 var(--font-sans);color:var(--brand-strong);background:var(--brand-soft);border:1px solid var(--border);padding:6px 12px;border-radius:6px;cursor:pointer}.toast.tone-transient .t-action:hover,.toast.tone-transient button.action:hover{background:var(--brand);color:#fff}@keyframes p-toast-transient-fade{0%{opacity:1}to{opacity:0;visibility:hidden}}.p-role-switcher{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--surface-muted);border:1px solid var(--border);border-radius:9999px}.p-role-switcher button{appearance:none;border:1px solid transparent;background:transparent;color:var(--text-muted);font:500 13px/1 var(--font-sans);padding:6px 14px;border-radius:9999px;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.p-role-switcher button:hover{color:var(--text-strong)}.p-role-switcher button[aria-pressed=true]{background:var(--surface);color:var(--text-strong);border-color:var(--border);box-shadow:var(--shadow-inset-rest)}.p-role-switcher button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.input-wrap{display:inline-flex;align-items:center;gap:8px;width:100%;padding:0 10px;background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;min-height:32px;color:var(--text-body);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.input-wrap:focus-within{border-color:var(--focus-ring);box-shadow:0 0 0 3px var(--focus-ring-soft,rgba(0,0,0,.08))}.input-wrap.is-invalid{border-color:var(--tone-danger)}.input-wrap>.input{border:0;padding:0;background:transparent;min-height:auto;flex:1;box-shadow:none;outline:none}.input-wrap>.input:focus{box-shadow:none}.input-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--text-muted);flex:none}.input-icon-trailing{color:var(--text-subtle)}.sidebar-brand{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font:600 12px/1 var(--font-sans);color:var(--text-strong);text-decoration:none;min-height:34px}.sidebar-brand:hover{background:var(--surface-muted)}.sidebar-brand-mark{width:22px;height:22px;border-radius:5px;background:var(--brand);display:inline-grid;place-items:center;color:var(--on-brand,#fff);flex:none}.sidebar-brand-name{font:inherit;color:inherit}.nav-group{display:grid;gap:1px}.nav-group-label{margin:0;padding:4px 8px;font:500 9px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle)}.nav-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font:500 12px/1 var(--font-sans);color:var(--text-body);text-decoration:none;min-height:28px}.nav-item:hover{background:var(--surface-muted)}.nav-item.is-active{background:var(--brand-soft);color:var(--brand-strong)}.nav-item-icon{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;flex:none;color:currentColor}.nav-item-label{font:inherit;color:inherit;flex:1;min-width:0}.nav-item-badge{margin-left:auto;font:500 9px/1 var(--font-mono);background:var(--tone-danger-bg);color:var(--tone-danger);padding:2px 5px;border-radius:9999px}.sidebar-head{display:flex;align-items:center;justify-content:flex-end;padding:0 4px 4px}.sidebar-toggle{width:24px;height:24px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-muted);cursor:pointer;font-size:12px;line-height:1}.sidebar-toggle:hover{color:var(--text-strong);background:var(--surface-muted)}.sidebar-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sidebar>.sidebar-nav{display:flex;flex-direction:column;gap:10px;min-width:0}.app-shell[data-collapsed=true] .sidebar,.sidebar[data-collapsed=true]{width:56px;padding-left:6px;padding-right:6px}.app-shell[data-collapsed=true] .sidebar .nav-group-label,.app-shell[data-collapsed=true] .sidebar .nav-item-label,.app-shell[data-collapsed=true] .sidebar .sidebar-brand-name,.sidebar[data-collapsed=true] .nav-group-label,.sidebar[data-collapsed=true] .nav-item-label,.sidebar[data-collapsed=true] .sidebar-brand-name{display:none}.app-shell[data-collapsed=true] .sidebar .nav-item,.sidebar[data-collapsed=true] .nav-item{justify-content:center}.app-shell[data-collapsed=true] .sidebar .nav-item-badge,.sidebar[data-collapsed=true] .nav-item-badge{position:absolute;margin-left:0;transform:translate(8px,-8px);width:6px;height:6px;padding:0;border-radius:9999px;font-size:0}.alert-dialog .modal-h{padding-bottom:4px}.alert-dialog .modal-b{padding-top:4px}.alert-dialog-title{display:inline-flex;align-items:center;gap:10px}.alert-dialog-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9999px;background:var(--surface-muted);color:var(--text-strong);flex:0 0 28px}.alert-dialog-danger .alert-dialog-icon{background:var(--tone-danger-soft,var(--surface-muted));color:var(--tone-danger,var(--text-strong))}.alert-dialog-warning .alert-dialog-icon{background:var(--tone-warn-soft,var(--surface-muted));color:var(--tone-warn,var(--text-strong))}.alert-dialog-desc{font:var(--type-body-sm);color:var(--text-body);line-height:1.55}.alert-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.kanban-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:16px;overflow-x:auto;padding:4px}.kanban-column{background:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;min-height:80px;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.kanban-column.is-drop-target{background:var(--brand-soft);border-color:var(--brand);border-style:dashed}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font:var(--type-label-sm);color:var(--text-strong)}.kanban-column-title{font-weight:600}.kanban-column-count{font:var(--type-caption);color:var(--text-muted);background:var(--surface);border-radius:9999px;padding:2px 8px;border:1px solid var(--border-subtle)}.kanban-wip-warn{background:var(--tone-warn-soft,#fff3cd);color:var(--tone-warn,#8a6d3b);border-color:var(--tone-warn,#f0ad4e)}.kanban-column-body{display:flex;flex-direction:column;gap:8px;min-height:24px}.kanban-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:10px;padding:10px 12px;cursor:grab;user-select:none;box-shadow:var(--shadow-sm,0 1px 0 rgba(0,0,0,.04));transition:box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.kanban-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.kanban-card.is-dragging{opacity:.5;cursor:grabbing}.kanban-card.is-picked-up{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.kanban-card-title{font:var(--type-label-sm);color:var(--text-strong);font-weight:500}.kanban-card-subtitle{font:var(--type-caption);color:var(--text-muted);margin-top:2px}.comments-thread{display:flex;flex-direction:column;gap:4px}.comments-thread .comment{display:block;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.comments-thread .comment:last-child{border-bottom:0}.comment-row{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}.comment-row .comment-head{display:contents}.comment-row .ca{width:28px;height:28px;border-radius:50%;background:var(--brand-soft);color:var(--brand-strong);display:grid;place-items:center;font:600 11px/1 var(--font-sans)}.comment-row .comment-meta{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.comment-row .who{font:var(--type-label-sm);color:var(--text-strong)}.comment-row .when{font:var(--type-caption);color:var(--text-subtle)}.comment-resolved-pill{background:var(--surface-muted);border-radius:9999px;padding:1px 8px}.comment-replying-to,.comment-resolved-pill{font:var(--type-caption);color:var(--text-muted)}.comment-replying-to{grid-column:2}.comments-thread .comment .comment-body{grid-column:2;margin-top:4px;font:var(--type-body-sm);color:var(--text-body);line-height:1.55}.comment-body .mention{color:var(--brand-strong);background:var(--brand-soft);border-radius:4px;padding:0 4px}.comment-react-row{grid-column:2;display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.comment-react{display:inline-flex;align-items:center;gap:4px;font:var(--type-caption);background:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:9999px;padding:2px 8px;cursor:pointer}.comment-react.is-mine{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-strong)}.comment-react .count{font-variant-numeric:tabular-nums}.comments-thread .comment .comment-actions{grid-column:2;display:flex;gap:12px;margin-top:8px;font:var(--type-caption);color:var(--text-muted)}.comments-thread .comment .comment-actions button{background:none;border:0;padding:0;color:inherit;cursor:pointer;font:inherit}.comments-thread .comment .comment-actions button:hover{color:var(--text-strong)}.comment.is-resolved{opacity:.7}.comment.is-resolved .comment-body{text-decoration:line-through}.comment-editing .comment-body{background:var(--surface-muted);border-radius:8px;padding:8px}.comment-replies{margin-top:8px;padding-left:40px;border-left:1px solid var(--border-subtle);margin-left:14px;display:flex;flex-direction:column;gap:8px}.comment-reply-box{grid-column:2;margin-top:12px;margin-left:40px}.comment-composer{position:relative;display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px}.comment-composer-input{width:100%;resize:vertical;border:0;outline:none;font:var(--type-body-sm);color:var(--text-body);background:transparent}.comment-composer-actions{display:flex;justify-content:flex-end;gap:8px}.comments-show-resolved{align-self:flex-start;background:none;border:0;font:var(--type-caption);color:var(--text-muted);cursor:pointer;padding:4px 0}.comments-show-resolved:hover{color:var(--text-strong)}.mention-popover{position:absolute;top:100%;left:8px;z-index:20;margin:4px 0 0;padding:4px;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-popover);min-width:180px}.mention-popover li{margin:0}.mention-item{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;padding:6px 8px;background:none;border:0;border-radius:6px;cursor:pointer;font:var(--type-body-sm);color:var(--text-body);text-align:left}.mention-item:focus,.mention-item:hover{background:var(--surface-muted)}.mention-name{color:var(--text-strong);font-weight:500}.mention-id{font:var(--type-caption);color:var(--text-muted)}.notif-matrix-wrap{display:flex;flex-direction:column;gap:16px}.notif-matrix-pause{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;background:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:10px}.notif-matrix-pause-label{font:var(--type-label-sm);color:var(--text-strong);margin-right:4px}.notif-matrix{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden}.notif-matrix thead th{text-align:center;font:var(--type-label-sm);color:var(--text-strong);background:var(--surface-muted);padding:10px 8px;border-bottom:1px solid var(--border-subtle)}.notif-matrix thead th.notif-matrix-corner{text-align:left}.notif-matrix tbody th{text-align:left;font-weight:500;padding:10px 12px;border-bottom:1px solid var(--border-subtle);vertical-align:top}.notif-matrix-event-label{font:var(--type-label-sm);color:var(--text-strong)}.notif-matrix-event-desc{font:var(--type-caption);color:var(--text-muted);margin-top:2px}.notif-matrix-cell{text-align:center;padding:8px;border-bottom:1px solid var(--border-subtle)}.notif-matrix tbody tr:last-child td,.notif-matrix tbody tr:last-child th{border-bottom:0}.date-picker-trigger{cursor:pointer}.date-picker-trigger[readonly]{background:var(--surface)}.x-stack{display:flex;min-width:0}.toast-stack{position:fixed;z-index:9999;bottom:16px;right:16px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast-stack>*{pointer-events:auto}.x-bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:9998}.x-bottom-sheet{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9999;min-width:320px;max-width:560px}@media(max-width:720px){.x-bottom-sheet{left:0;right:0;top:auto;bottom:0;transform:none;max-width:none;border-radius:16px 16px 0 0}}.x-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:9998}.drawer.x-drawer-right{position:fixed;right:0;top:0;bottom:0;z-index:9999}.drawer.x-drawer-left{position:fixed;left:0;top:0;bottom:0;z-index:9999;border-left:0;border-right:1px solid var(--border,#e5e7eb)}@media(max-width:720px){.drawer.x-drawer-left,.drawer.x-drawer-right{left:0;right:0;top:auto;bottom:0;height:90vh;border:0;border-top:1px solid var(--border,#e5e7eb);border-radius:16px 16px 0 0}}.x-cmdk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000052;display:grid;place-items:start center;padding-top:12vh}.x-cmdk-overlay .cmdk{width:100%;max-width:560px}.x-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0006;display:grid;place-items:center;padding:24px}.modal-card.x-modal-sm{max-width:380px;width:100%}.modal-card.x-modal-md{max-width:560px;width:100%}.modal-card.x-modal-lg{max-width:760px;width:100%}@media(max-width:720px){.x-modal-overlay{align-items:flex-end;padding:0}.modal-card.x-modal-lg,.modal-card.x-modal-md,.modal-card.x-modal-sm{max-width:none;border-radius:16px 16px 0 0}}.huchu-chart{display:block;max-width:100%}.huchu-chart-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.huchu-chart-legend>span{display:inline-flex;align-items:center;gap:6px}.huchu-chart-legend i{width:10px;height:10px;border-radius:2px;display:inline-block}.mobile-shell{display:flex;flex-direction:column;min-height:100%}.mobile-shell-body{flex:1 1 auto;overflow-y:auto}.locale-picker{display:inline-flex;align-items:center;gap:6px}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000db;display:grid;place-items:center}.lightbox-stage{position:relative;max-width:90vw;max-height:90vh;display:grid;place-items:center}.lightbox-stage img{max-width:100%;max-height:90vh;display:block}.lightbox-btn{position:absolute;background:#ffffff26;border:0;color:#fff;padding:8px;border-radius:999px;cursor:pointer}.lightbox-btn.prev{left:12px;top:50%;transform:translateY(-50%)}.lightbox-btn.next{right:12px;top:50%;transform:translateY(-50%)}.lightbox-btn.close{right:12px;top:12px}.lightbox-caption{position:absolute;bottom:-32px;left:0;right:0;color:#fff;text-align:center;font-size:14px}.file-upload{border:2px dashed;opacity:.95;padding:24px;border-radius:8px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px}.file-upload.is-dragging{opacity:1;background:#3b82f614}.file-upload-input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.kpi-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.date-picker-anchor{position:relative;display:inline-block}.date-picker-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:50}