@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";html{max-width:100%;overflow-x:clip}:root{--ink:#14151a;--ink-2:#5b5f6b;--muted:#696d77;--muted-weak:#8a8f99;--paper:#f6f7f9;--surface:#fff;--surface-2:#fbfbfc;--surface-3:#f1f2f4;--line:#e7e8ec;--line-inner:#f0f1f4;--accent:#2b63f0;--accent-text:#2558d6;--accent-bg:#eef3ff;--accent-line:#cfdcff;--danger:#c02a2a;--danger-bg:#fdecec;--danger-line:#f3c9c9;--warn:#8a5a00;--warn-bg:#fdf3e0;--warn-line:#f0dcae;--success:#0f7a52;--success-bg:#e6f6ef;--success-line:#bfe6d5;--info:var(--accent-text);--info-bg:var(--accent-bg);--info-line:var(--accent-line);--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:19px;--text-2xl:24px;--text-3xl:34px;--lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.5;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--soft-shadow:0 1px 2px #1012170a, 0 18px 40px -18px #1012172e;--deep-shadow:0 4px 24px #10121724;--inset-shadow:inset 0 1px 2px #1012170f;--z-base:0;--z-sticky:10;--z-dropdown:200;--z-overlay:300;--z-modal:400;--z-drawer:400;--z-toast:500;--z-tooltip:600;--dur-fast:.12s;--dur-base:.18s;--dur-slow:.28s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--focus-ring:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);--focus-ring-tight:0 0 0 2px var(--accent);--row-h:38px;--control-h:34px;--stage-chrome-y:0px;--viz-1:#2f6bff;--viz-2:#e8833a;--viz-3:#17a2a2;--viz-4:#c0468f;--viz-5:#6b5dd3;--viz-6:#b0851f;--viz-7:#3f8ecc;--viz-8:#d4544f;--viz-infra:var(--viz-1);--viz-usage:var(--viz-2);--viz-track:var(--surface-3);--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;font-family:Inter,Noto Sans TC,system-ui,sans-serif;font-size:var(--text-md);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-density=compact]{--row-h:32px;--control-h:30px;--sp-3:10px;--sp-4:12px}body{max-width:100%;margin:0;overflow-x:clip}#root{min-width:0;max-width:100%}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{box-shadow:var(--focus-ring);border-radius:var(--r-sm);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.theme-onboarding-overlay{z-index:var(--z-modal);padding:var(--sp-4);background:color-mix(in srgb, var(--ink) 28%, transparent);place-items:center;display:grid;position:fixed;inset:0}.theme-onboarding{gap:var(--sp-4);width:min(760px,100%);max-height:min(88vh,720px);padding:var(--sp-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--deep-shadow);flex-direction:column;display:flex;overflow-y:auto}.theme-onboarding-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);display:flex}.theme-onboarding-head h2{font-size:var(--text-xl);font-weight:var(--fw-semibold);line-height:var(--lh-snug);margin:0}.theme-onboarding-head p{margin:var(--sp-1) 0 0;color:var(--muted);font-size:var(--text-sm);line-height:var(--lh-normal)}.theme-onboarding-close{width:var(--control-h);height:var(--control-h);border-radius:var(--r-sm);color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;place-items:center;display:grid}.theme-onboarding-close:hover{background:var(--surface-3);color:var(--ink)}.theme-onboarding-steps{gap:var(--sp-1);border-bottom:1px solid var(--line);margin:0;padding:0;list-style:none;display:flex}.theme-onboarding-steps button{align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);color:var(--muted);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;display:flex}.theme-onboarding-steps .is-active button{color:var(--accent-text);border-bottom-color:var(--accent);font-weight:var(--fw-semibold)}.theme-onboarding-steps .is-done button{color:var(--ink-2)}.theme-onboarding-options{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.theme-option{gap:var(--sp-1);padding:var(--sp-3);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;font:inherit;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);flex-direction:column;display:flex}.theme-option:hover{border-color:var(--accent-line);background:var(--surface-2)}.theme-option.is-selected{border-color:var(--accent);background:var(--accent-bg)}.theme-option-label{font-size:var(--text-md);font-weight:var(--fw-semibold);color:var(--ink)}.theme-option-hint{font-size:var(--text-xs);line-height:var(--lh-normal);color:var(--muted)}.theme-option-preview{height:46px;margin-bottom:var(--sp-1);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-3);position:relative;overflow:hidden}.theme-option-preview.is-nav-sidebar{background:var(--surface)}.theme-option-preview.is-nav-sidebar:before{content:"";background:var(--accent);width:26%;position:absolute;top:0;bottom:0;left:0}.theme-option-preview.is-nav-topbar{background:var(--surface)}.theme-option-preview.is-nav-topbar:before{content:"";background:var(--accent);height:30%;position:absolute;top:0;left:0;right:0}.theme-option-preview.is-nav-island{background:var(--paper)}.theme-option-preview.is-nav-island:before,.theme-option-preview.is-nav-island:after{content:"";border:1px solid var(--line);background:var(--surface);border-radius:4px;position:absolute;top:5px;bottom:5px}.theme-option-preview.is-nav-island:before{width:22%;left:5px}.theme-option-preview.is-nav-island:after{left:calc(22% + 10px);right:5px}.theme-option-preview.is-nav-rail{background:var(--surface)}.theme-option-preview.is-nav-rail:before{content:"";background:var(--accent);width:12%;position:absolute;top:0;bottom:0;left:0}.theme-option-preview.is-nav-dock{background:var(--paper)}.theme-option-preview.is-nav-dock:before{content:"";border-radius:var(--r-pill);background:var(--accent);width:16%;position:absolute;top:7px;bottom:7px;left:6px}.theme-option-preview.is-nav-dock:after{content:"";border:1px solid var(--line);background:var(--surface);border-radius:4px;position:absolute;inset:5px 5px 5px calc(16% + 16px)}.is-color .theme-option-preview{background:linear-gradient(to right, var(--paper) 0 20%, var(--surface) 20% 40%, var(--accent-bg) 40% 60%, var(--accent) 60% 80%, var(--ink) 80% 100%)}.theme-option-preview.is-shape-square{background:var(--surface-3);border-radius:4px}.theme-option-preview.is-shape-round{background:var(--surface-3);border-radius:12px}.theme-option-preview.is-shape-xround{background:var(--surface-3);border-radius:22px}.theme-option-preview.is-shape-square:before,.theme-option-preview.is-shape-round:before,.theme-option-preview.is-shape-xround:before{content:"";background:var(--surface);border:1px solid var(--line);position:absolute;inset:8px}.theme-option-preview.is-shape-square:before{border-radius:4px}.theme-option-preview.is-shape-round:before{border-radius:12px}.theme-option-preview.is-shape-xround:before{border-radius:22px}.is-density .theme-option-preview{background:repeating-linear-gradient(to bottom, var(--surface) 0 6px, var(--line) 6px 7px)}.theme-option-preview.is-density-compact{background:repeating-linear-gradient(to bottom, var(--surface) 0 4px, var(--line) 4px 5px)}.theme-option-preview.is-density-spacious{background:repeating-linear-gradient(to bottom, var(--surface) 0 10px, var(--line) 10px 11px)}.theme-onboarding-foot{align-items:center;gap:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--line);display:flex}.theme-onboarding-count{color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;margin-left:auto}.theme-onboarding-actions{gap:var(--sp-2);display:flex}.theme-onboarding-foot button{height:var(--control-h);padding:0 var(--sp-4);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-2);font:inherit;font-size:var(--text-sm);cursor:pointer}.theme-onboarding-foot button:hover{background:var(--surface-3)}.theme-onboarding-primary{font-weight:var(--fw-semibold);background:var(--accent)!important;border-color:var(--accent)!important;color:var(--proto-on-ink,#fff)!important}.theme-onboarding-reset,.theme-onboarding-skip{align-items:center;gap:var(--sp-1);display:inline-flex;color:var(--muted)!important;background:0 0!important;border-color:#0000!important}@media (width<=1180px){.sidebar .refresh-button.appearance-button{display:flex}}@media (width<=640px){.theme-onboarding{padding:var(--sp-4)}.theme-onboarding-foot{flex-wrap:wrap}.theme-onboarding-count{order:-1;margin-left:0}}.ws-page{gap:var(--sp-4);flex-direction:column;min-width:0;display:flex}.ws-head{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.ws-head-title{align-items:baseline;gap:var(--sp-2);min-width:0;display:flex}.ws-head-title h1{font-size:var(--text-xl);font-weight:var(--fw-semibold);color:var(--ink);letter-spacing:-.01em;margin:0}.ws-head-count{color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.ws-head-actions{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.ws-head-search{width:auto;min-width:260px;height:var(--control-h);padding:0 var(--sp-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font-size:var(--text-sm)}.ws-head-search::placeholder{color:var(--muted)}.ws-head-add{align-items:center;gap:var(--sp-1);height:var(--control-h);padding:0 var(--sp-3);border-radius:var(--r-sm);background:var(--accent);color:var(--proto-on-ink,#fff);font-size:var(--text-sm);font-weight:var(--fw-semibold);white-space:nowrap;border:1px solid #0000;display:inline-flex}.ws-head-add:hover{filter:brightness(.95)}.ws-v2{align-items:stretch}.ws-v2 .list-panel,.ws-v2 .detail-panel{padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);min-width:0}.ws-v2 .list-panel{gap:var(--sp-3);flex-direction:column;display:flex}.ws-v2 .panel-title{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:0}.ws-v2 .record-card{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;position:relative}.ws-v2 .record-card:hover{background:var(--surface-2)}.ws-v2 .record-card.active{background:var(--accent-bg)}.ws-v2 .record-card.active:before{content:"";background:var(--accent);border-radius:1px;width:2px;position:absolute;top:6px;bottom:6px;left:0}.ws-v2 .record-title{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--ink)}.ws-v2 .record-meta,.ws-v2 .record-submeta{font-size:var(--text-2xs);color:var(--muted)}@media (width<=720px){.ws-head-search{flex:1;min-width:0}}.ws-v2 .list-controls{gap:var(--sp-2);flex-direction:column;margin:0;display:flex}.ws-v2 .list-controls>input,.ws-v2 .list-controls>label select{width:100%;height:var(--control-h);padding:0 var(--sp-2);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);font-size:var(--text-sm)}.ws-v2 .list-controls>label{font-size:var(--text-2xs);color:var(--muted);flex-direction:column;gap:4px;display:flex}.ws-v2 .list-pagination.is-compact{justify-content:space-between;align-items:center;gap:var(--sp-2);white-space:nowrap;flex-wrap:nowrap;display:flex}.ws-v2 .list-pagination.is-compact button{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);width:26px;height:26px;color:var(--ink-2);font-size:var(--text-sm);padding:0;line-height:1}.ws-v2 .list-pagination.is-compact button:disabled{color:var(--line);cursor:default}.ws-v2 .list-pagination-range{text-align:center;font-size:var(--text-2xs);color:var(--muted);font-variant-numeric:tabular-nums;flex:1}.ws-v2 .entities-list .record-title{font-family:var(--font-mono);font-size:var(--text-xs)}.ws-v2 .entities-list .record-meta{font-size:var(--text-2xs);color:var(--ink-2)}.pattern-group{gap:0;margin-bottom:6px;display:grid}.pattern-list{gap:0}.pattern-group-header{z-index:1;width:100%;color:var(--ink-2);text-align:left;border:0;border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;font-size:11.5px;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:flex;position:sticky;top:0}.pattern-group-header[aria-expanded=true]{color:var(--ink);border-color:color-mix(in srgb, var(--accent) 32%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.pattern-group-header[aria-expanded=true] .group-chevron{color:var(--accent)}.pattern-group-header>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pattern-group-header:hover{color:var(--ink);border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}.group-chevron{color:var(--muted);flex:none;justify-content:center;align-items:center;font-size:13px;line-height:1;transition:transform .18s;display:inline-flex}.group-chevron.collapsed{transform:rotate(-90deg)}.pattern-group .record-card{border:0;border-bottom:1px solid var(--line-inner);background:var(--surface);border-radius:0;gap:1px;margin:0 1px;padding:7px 10px 7px 22px}.pattern-group .record-card:last-child{border-bottom:0}.pattern-group .record-card:hover{border-color:var(--line-inner);background:var(--surface-2)}.pattern-group .record-card.active{border-color:var(--line-inner);background:color-mix(in srgb, var(--accent) 7%, var(--surface));box-shadow:inset 2px 0 0 var(--accent)}.pattern-group .record-title{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.pattern-group .record-meta{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.pattern-group .record-submeta{align-items:center;gap:6px;min-width:0;display:flex}.pattern-group .record-submeta .record-meta{min-width:0}.pattern-group .record-card .env-pill{flex:none;padding:2px 6px;font-size:10px;font-weight:600}.env-pill{border-radius:999px;width:fit-content;padding:5px 10px;font-size:11px;font-weight:700}.env-pill.production{color:#046c4e;background:#d7fff1}.env-pill.development{color:#8b4b00;background:#fff1d3}.env-pill.none{color:#687381;background:#eef3f8}.pattern-search{margin-bottom:12px}.config-sticky-head{z-index:2;background:var(--surface);position:sticky;top:0}.config-values-toolbar{grid-template-columns:minmax(0,1fr) 120px minmax(140px,190px) auto;align-items:center;gap:8px;padding:14px 0 12px;display:grid}.config-values-toolbar select{padding:8px 10px}.config-filter-toggle{border:1px solid var(--line);color:var(--ink-2);white-space:nowrap;background:var(--surface);border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:background .12s,border-color .12s,color .12s}.config-filter-toggle:hover{color:var(--ink);background:var(--surface-3)}.config-filter-toggle.active{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.config-values{--config-cols:24px 260px minmax(0, 1fr) 34px 240px}.config-list{align-content:start;display:grid}.config-head,.config-row{grid-template-columns:var(--config-cols);align-items:center;gap:10px;padding:0 10px;display:grid}.config-head{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:30px;color:var(--muted);font-size:11px;font-weight:600}.config-head .config-row-control{justify-content:flex-end}.config-head .config-row-name,.config-head .config-row-type{color:var(--muted);font-family:inherit;font-size:11px;font-weight:600}.config-empty{text-align:center;padding:28px 0}.config-row{border-bottom:1px solid var(--line-inner);min-height:38px}.config-row:hover{background:var(--surface-2)}.config-row.is-unsaved{box-shadow:inset 2px 0 0 var(--accent)}.config-row-flag{justify-content:flex-start;display:flex}.config-row-flag button{color:var(--accent);background:0 0;border:0;border-radius:6px;padding:3px;transition:background .12s;display:flex}.config-row-flag button:hover{background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.config-row-name{color:var(--ink);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;overflow:hidden}.config-row-desc{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.config-row-type{color:var(--muted);font-family:var(--font-mono);font-size:10.5px}.config-row-control{justify-content:flex-end;min-width:0;display:flex}.config-row-control input{padding:5px 8px;font-size:12.5px}.config-row-number{width:84px;font-family:var(--font-mono);text-align:right;flex:none}.config-row-text{width:100%;font-family:var(--font-mono)}.config-row-json{border:1px solid var(--line);color:var(--ink-2);font-family:var(--font-mono);background:var(--surface);border-radius:8px;align-items:center;gap:4px;padding:5px 8px;font-size:12px;transition:background .12s,border-color .12s;display:flex}.config-row-json:hover{color:var(--ink);border-color:var(--accent);background:var(--surface-3)}.config-switch{border:1px solid var(--line);background:var(--surface-3);border-radius:999px;flex:none;width:40px;height:22px;padding:0;transition:background .14s,border-color .14s;position:relative}.config-switch:after{content:"";background:var(--surface);border-radius:999px;width:16px;height:16px;transition:transform .14s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #14151a38}.config-switch[aria-checked=true]{border-color:var(--accent);background:var(--accent)}.config-switch[aria-checked=true]:after{transform:translate(18px)}.config-switch:focus-visible,.config-row-json:focus-visible,.config-row-flag button:focus-visible,.config-filter-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.config-save-bar{z-index:2;border-top:1px solid var(--line);background:var(--surface);justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;padding:12px 0;display:flex;position:sticky;bottom:0}.config-save-bar .primary-action{flex:none;width:auto;margin-top:0}.ghost-action{border:1px solid var(--line);color:var(--ink-2);background:var(--surface);border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:background .12s,color .12s}.ghost-action:hover{color:var(--ink);background:var(--surface-3)}.rule-tab-actions{justify-content:flex-end;align-items:stretch;gap:14px;margin-top:4px;display:flex}.rule-tab-actions .primary-action,.rule-tab-actions .danger-action{flex:none;align-items:center;width:auto;min-height:38px;margin-top:0;padding:0 16px;font-size:13px;display:inline-flex}@media (width<=1180px){.config-values-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.config-row-desc{display:none}.config-values{--config-cols:24px minmax(0, 1fr) 34px 200px}}@media (width<=720px){.config-values-toolbar{grid-template-columns:minmax(0,1fr);position:static}.config-head{display:none}.config-values{--config-cols:24px minmax(0, 1fr) 34px}.config-row{gap:8px 10px;padding:10px}.config-row-control{grid-column:2/-1;justify-content:flex-start}.config-switch{width:46px;height:26px}.config-switch:after{width:20px;height:20px}.config-switch[aria-checked=true]:after{transform:translate(20px)}}.entity-platform-scope{margin:0 0 var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-left:3px solid var(--warn,var(--accent));border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-2);font-size:var(--text-xs);line-height:1.6}.config-add-entity{align-items:center;gap:var(--sp-1);height:var(--control-h);padding:0 var(--sp-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-2);font-size:var(--text-xs);white-space:nowrap;display:inline-flex}.config-add-entity:hover{background:var(--surface-2);color:var(--ink)}.confirm-overlay{z-index:var(--z-modal);background:color-mix(in srgb, var(--ink) 40%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-modal{box-sizing:border-box;width:min(480px, calc(100vw - var(--sp-8)));padding:var(--sp-6) var(--sp-6) var(--sp-5);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--deep-shadow)}.confirm-modal-message{margin:0 0 var(--sp-6);font-size:var(--text-md);line-height:var(--lh-normal);color:var(--ink)}.confirm-modal-actions{justify-content:flex-end;gap:var(--sp-2);display:flex}.confirm-modal-cancel{padding:var(--sp-2) var(--sp-5);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--muted);font-size:var(--text-md);cursor:pointer;background:0 0}.confirm-modal-cancel:hover{background:var(--paper)}.confirm-modal-confirm{padding:var(--sp-2) var(--sp-5);border-radius:var(--r-sm);background:var(--danger);color:var(--surface);font-size:var(--text-md);cursor:pointer;border:none}.confirm-modal-confirm:hover{background:color-mix(in srgb, var(--danger) 85%, var(--ink))}.drawer-overlay{z-index:var(--z-drawer);background:color-mix(in srgb, var(--ink) 40%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:drawer-fade var(--dur-base) var(--ease-out);justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-panel{box-sizing:border-box;background:var(--surface);border-left:1px solid var(--line);width:min(440px,100vw);height:100%;box-shadow:var(--deep-shadow);animation:drawer-slide var(--dur-slow) var(--ease-in-out);flex-direction:column;display:flex}.drawer-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-5) var(--sp-5) var(--sp-4);border-bottom:1px solid var(--line-inner);flex-shrink:0;display:flex}.drawer-heading h3{color:var(--ink);font-size:var(--text-lg);font-weight:var(--fw-bold);letter-spacing:-.02em;margin:0}.drawer-close{width:var(--sp-8);height:var(--sp-8);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink-2);background:var(--surface);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.drawer-close:hover{background:var(--surface-3);color:var(--ink)}.drawer-body{align-content:start;gap:var(--sp-3);padding:var(--sp-5);-webkit-overflow-scrolling:touch;flex:1;display:grid;overflow-y:auto}.drawer-footer{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--line-inner);flex-shrink:0}.drawer-footer .primary-action{margin-top:0}@keyframes drawer-fade{0%{opacity:0}}@keyframes drawer-slide{0%{transform:translateX(var(--sp-4));opacity:.4}}@media (width<=720px){.drawer-overlay{align-items:flex-end}.drawer-panel{border-top-left-radius:var(--r-lg);border-top-right-radius:var(--r-lg);width:100%;height:auto;max-height:92vh;animation:drawer-slide-up var(--dur-slow) var(--ease-in-out);border-left:0}@keyframes drawer-slide-up{0%{transform:translateY(var(--sp-6));opacity:.4}}}.ui-tabs{gap:var(--sp-6);border-bottom:1px solid var(--line-inner);display:flex}.ui-tabs button{padding:2px 2px var(--sp-3);color:var(--muted);font-size:var(--text-md);font-weight:var(--fw-semibold);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px}.ui-tabs button:hover{color:var(--ink)}.ui-tabs button.active{color:var(--ink);border-bottom-color:var(--accent)}.ui-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}@media (width<=720px){.ui-tabs button{min-height:44px}}.ui-hint{box-sizing:border-box;z-index:var(--z-tooltip);max-width:min(320px, calc(100dvw - var(--sp-5)));padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink);font-size:var(--text-2xs);font-weight:var(--fw-medium);line-height:var(--lh-normal);background:color-mix(in srgb, var(--surface) 97%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--soft-shadow);pointer-events:none;position:fixed}.modal-overlay{z-index:var(--z-modal);padding:var(--sp-5);background:color-mix(in srgb, var(--ink) 40%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{box-sizing:border-box;width:min(520px,100%);max-height:calc(100vh - var(--sp-10));border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--deep-shadow);flex-direction:column;display:flex;overflow:hidden}.modal-head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line-inner);display:flex}.modal-head h3{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--ink);margin:0}.modal-close{width:var(--sp-8);height:var(--sp-8);border-radius:var(--r-sm);color:var(--muted);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.modal-close:hover{background:var(--surface-3);color:var(--ink)}.modal-body{padding:var(--sp-5);flex:auto;overflow-y:auto}.modal-foot{justify-content:flex-end;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--line-inner);display:flex}.modal-heading{flex-direction:column;gap:2px;min-width:0;display:flex}.modal-heading .eyebrow{margin:0}.entity-detail-body{gap:0;margin-top:12px;display:grid}.entity-section{border-top:1px solid var(--line-inner);gap:10px;padding:18px 0;display:grid}.entity-section:first-child{border-top:0;padding-top:4px}.entity-section>.section-label{color:var(--ink-2);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.entity-section label.field-label{gap:8px}.entity-key-row{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.entity-key-row code{border:1px solid var(--line);color:var(--ink);font-family:var(--font-mono);letter-spacing:-.01em;word-break:break-all;background:var(--surface-3);border-radius:8px;padding:7px 11px;font-size:13px;font-weight:600}.entity-section .field-hint{color:var(--muted);margin:0;font-size:12px;font-weight:500;line-height:1.45}.entity-detail-actions{border-top:1px solid var(--line-inner);justify-content:flex-end;align-items:stretch;gap:14px;margin-top:16px;padding-top:16px;display:flex}.entity-detail-actions .primary-action,.entity-detail-actions .danger-action,.entity-detail-actions .ghost-action{flex:none;align-items:center;width:auto;min-height:38px;margin-top:0;padding:0 16px;font-size:13px;display:inline-flex}.entities-list{gap:0}.entities-list .record-card{border:0;border-bottom:1px solid var(--line-inner);background:var(--surface);border-radius:0;gap:1px;padding:7px 10px}.entities-list .record-card:hover{border-color:var(--line-inner);background:var(--surface-2)}.entities-list .record-card.active{border-color:var(--line-inner);background:color-mix(in srgb, var(--accent) 7%, var(--surface));box-shadow:inset 2px 0 0 var(--accent)}.entities-list .record-card.is-unsaved{box-shadow:inset 2px 0 0 var(--accent)}.entities-list .record-unsaved-mark{vertical-align:middle;background:var(--accent);border-radius:999px;width:6px;height:6px;margin-left:6px;display:inline-block}.entities-list .record-title{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;align-items:center;font-size:12px;font-weight:500;display:flex;overflow:hidden}.entities-list .record-meta{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.entity-detail-lede{max-width:42rem;margin:8px 0 0;line-height:1.55}.entity-create-hint{margin:0;line-height:1.55}.entity-detail-panel{flex-direction:column;display:flex}.usage-dashboard{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);min-width:0;margin-bottom:18px;position:relative;overflow:hidden}.usage-command-zone{padding:var(--sp-4) 18px;background:var(--surface)}.usage-cmd-top{justify-content:space-between;align-items:center;gap:var(--sp-4);padding-bottom:var(--sp-4);border-bottom:1px solid var(--line-inner);flex-wrap:wrap;margin-bottom:0;display:flex}.usage-cmd-identity-wrapper{align-items:center;gap:10px;min-width:0;display:flex}.usage-cmd-identity .eyebrow{margin:0 0 var(--sp-1);color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;display:block}.usage-cmd-identity h2{color:var(--ink);font-size:var(--text-xl);font-weight:var(--fw-semibold);letter-spacing:-.02em;line-height:var(--lh-tight);margin:0}.usage-kpi-strip{padding:18px 18px var(--sp-5);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:0;display:grid}.usage-kpi-strip .usage-kpi-card{padding-left:0;padding-right:var(--sp-5)}.usage-kpi-strip .usage-kpi-card+.usage-kpi-card{padding-left:var(--sp-6);border-left:1px solid var(--line-inner)}.usage-controls{align-items:center;gap:var(--sp-2);flex-wrap:wrap;min-width:0;display:flex}.usage-scope-switch{background:var(--surface-3);border-radius:9px;flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.usage-scope-switch button{color:var(--muted);font-size:var(--text-xs);font-weight:var(--fw-medium);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:0 0;border:0;border-radius:6px;padding:5px 13px}.usage-scope-switch button.active{background:var(--surface);color:var(--ink);font-weight:var(--fw-semibold);box-shadow:0 1px 2px #10121714}.usage-filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.usage-filters label{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:.01em;white-space:nowrap;flex-direction:row;align-items:center;gap:6px;display:flex}.usage-filters input{height:var(--control-h);font-size:var(--text-xs);font-variant-numeric:tabular-nums;background:var(--surface-2);min-width:120px;padding:0 10px}.usage-company-picker{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.usage-company-picker>input{height:var(--control-h);font-size:var(--text-xs);background:var(--surface-2);min-width:150px;padding:0 10px}.usage-company-results{z-index:var(--z-dropdown);box-sizing:border-box;width:max-content;min-width:min(260px,100%);max-width:min(320px, calc(100vw - var(--sp-8)));gap:var(--sp-1);background:var(--surface);border:1px solid var(--line);max-height:200px;box-shadow:var(--soft-shadow);border-radius:10px;padding:6px;display:grid;position:absolute;top:calc(100% + 4px);left:0;overflow:auto}.usage-company-picker-wrap{flex-direction:column;gap:0;min-width:0;display:flex;position:relative}.usage-company-results button{min-height:var(--control-h);color:var(--muted);text-align:left;font-size:var(--text-xs);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;display:flex}.usage-company-results button.active,.usage-company-results button:hover{color:var(--ink);background:var(--accent-bg)}.usage-company-results strong{text-overflow:ellipsis;min-width:0;color:var(--ink);font-weight:var(--fw-semibold);overflow:hidden}.usage-company-results span{color:var(--muted);font-size:var(--text-2xs)}.muted{color:var(--muted)}.usage-detail-tabs{border-top:1px solid var(--line-inner);border-bottom:1px solid var(--line-inner);gap:22px;padding:14px 18px 0;display:flex}.usage-detail-tabs button{color:var(--muted);font-size:var(--text-md);font-weight:var(--fw-semibold);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:2px 2px 11px}.usage-detail-tabs button:hover{color:var(--ink)}.usage-detail-tabs button.active{color:var(--ink);border-bottom-color:var(--accent)}.plot-grid{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:14px;min-width:0;padding:18px;display:grid}.usage-breakdown-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:14px;min-width:0;display:grid}.usage-breakdown-column{flex-direction:column;align-items:stretch;gap:14px;min-width:0;display:flex}.usage-breakdown-column.is-tertiary>.plot-card{border-color:var(--line-inner);background:var(--surface-2)}.usage-breakdown-column.is-tertiary .plot-title{color:var(--ink-2);font-size:var(--text-xs)}.usage-dashboard .ui-async-loading{padding:18px}@media (width<=1180px){.usage-breakdown-grid{grid-template-columns:minmax(0,1fr)}.usage-kpi-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}}@media (width<=720px){.usage-command-zone,.plot-grid,.usage-dashboard .ui-async-loading{padding:var(--sp-3)}.usage-detail-tabs{gap:var(--sp-5);padding:var(--sp-3) var(--sp-3) 0}.usage-detail-tabs button{min-height:44px;padding-bottom:var(--sp-3)}.usage-kpi-strip{padding:var(--sp-4) 0 var(--sp-2);grid-template-columns:minmax(0,1fr)}.usage-kpi-strip .usage-kpi-card{padding-right:0}.usage-kpi-strip .usage-kpi-card+.usage-kpi-card{padding-left:0;padding-top:var(--sp-3);border-left:none;border-top:1px solid var(--line-inner)}.usage-controls{width:100%}.usage-company-picker-wrap{flex:100%}.usage-company-results{width:100%;max-width:100%;margin-top:var(--sp-1);position:static}.usage-company-results button{flex-wrap:wrap;min-height:44px}.usage-scope-switch{flex:100%}.usage-scope-switch button{flex:1 1 0;min-height:44px}.usage-filters{flex:100%}.usage-filters label{flex:150px}.usage-filters input,.usage-company-picker>input{flex:auto;min-width:0;height:44px}.usage-company-picker{width:100%}}.plot-card:not(.time-bar-card){flex-direction:column;min-height:0;display:flex}.plot-card:not(.time-bar-card) .plot-title{flex:none}.plot-card{min-width:0;padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.plot-title{justify-content:space-between;align-items:center;gap:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--line);margin-bottom:var(--sp-4);color:var(--ink);font-size:var(--text-sm);font-weight:var(--fw-bold);display:flex}.plot-title small{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-semibold)}.time-bar-card>.plot-title>span{font-size:var(--text-lg);line-height:var(--lh-snug)}.plot-empty{padding:var(--sp-8) 0;color:var(--muted);font-size:var(--text-sm);text-align:center;margin:0}.plot-axis-row{gap:var(--sp-3);margin-top:var(--sp-4);grid-template-columns:54px minmax(0,1fr);display:grid}.time-axis{-webkit-overflow-scrolling:touch;scrollbar-width:thin;align-items:start;gap:clamp(4px,.8vw,10px);min-width:0;max-width:100%;min-height:24px;display:flex;overflow-x:auto}.time-axis-column{color:#0000;min-width:5px;font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:.02em;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-top:2px solid #0000;flex:1 1 0;padding-top:9px;overflow:hidden}.time-axis-column.is-visible{text-overflow:clip;color:var(--muted);overflow:visible}.time-axis-column:first-child{text-align:left}.time-axis-column:last-child{text-align:right}.time-bar-wrap{gap:var(--sp-3);height:clamp(200px,44vw,280px);margin-top:var(--sp-3);grid-template-columns:54px minmax(0,1fr);min-width:0;display:grid}.y-axis{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:18px 0 20px;line-height:1;display:flex}.time-bars{border-bottom:1px solid var(--line);-webkit-overflow-scrolling:touch;background:0 0;align-items:end;gap:clamp(4px,.8vw,10px);min-width:0;height:100%;padding:18px 0 20px;display:flex;position:relative;overflow:auto hidden}.time-bars:before{content:"";background-image:repeating-linear-gradient(to bottom, var(--line-inner) 0 1px, transparent 1px 25%);position:absolute;inset:18px 0 20px}.time-bar-column{flex:1 1 0;justify-content:center;align-items:end;min-width:5px;height:100%;display:flex;position:relative}.time-bar-column:hover,.time-bar-column:focus-visible{z-index:var(--z-sticky)}.time-bar-column:focus-visible{box-shadow:var(--focus-ring-tight);border-radius:var(--r-sm);outline:none}.time-bar-column.stacked>.bar-stack{border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--viz-track);flex-direction:column-reverse;width:min(100%,32px);min-height:4px;display:flex;overflow:hidden}.time-bar-column.stacked>.bar-stack>i{width:100%;min-height:3px;display:block;position:relative}.viz-fill:after{content:"";pointer-events:none;position:absolute;inset:0}.viz-fill[data-series="1"]:after{background-image:repeating-linear-gradient(45deg, color-mix(in srgb, var(--surface) 70%, transparent) 0 2px, transparent 2px 5px)}.viz-fill[data-series="2"]:after{background-image:radial-gradient(color-mix(in srgb, var(--surface) 75%, transparent) 1px, transparent 1.2px);background-size:5px 5px}.viz-fill[data-series="3"]:after{background-image:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--surface) 70%, transparent) 0 2px, transparent 2px 5px)}.viz-fill[data-series="4"]:after{background-image:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--surface) 70%, transparent) 0 1px, transparent 1px 4px)}.viz-fill[data-series="5"]:after{background-image:repeating-linear-gradient(to right, color-mix(in srgb, var(--surface) 70%, transparent) 0 1px, transparent 1px 4px)}.viz-fill[data-series="6"]:after{background-image:repeating-linear-gradient(45deg, color-mix(in srgb, var(--surface) 60%, transparent) 0 1px, transparent 1px 5px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--surface) 60%, transparent) 0 1px, transparent 1px 5px)}.viz-fill[data-series="7"]:after{background-image:radial-gradient(color-mix(in srgb, var(--surface) 80%, transparent) 1px, transparent 1.4px);background-size:3px 3px}.bar-value{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;white-space:nowrap;display:none;position:absolute;bottom:calc(100% + 4px)}.time-bars.has-inline-labels .bar-value,.time-bar-column:hover .bar-value,.time-bar-column:focus-visible .bar-value{display:block}.chart-legend{gap:var(--sp-2);min-width:0;margin-top:0;margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.chart-legend-item{border:1px solid var(--line);border-radius:var(--r-pill);min-width:0;max-width:100%;padding:var(--sp-1) 9px;color:var(--ink-2);font-size:var(--text-2xs);font-weight:var(--fw-semibold);background:var(--surface-2);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;display:inline-flex;overflow:hidden}.chart-legend-item i{border-radius:var(--r-sm);flex-shrink:0;width:12px;height:12px;position:relative;overflow:hidden}.floating-bar-tooltip{box-sizing:border-box;z-index:var(--z-tooltip);gap:var(--sp-1);width:min(360px,100dvw - 20px);min-width:0;max-width:calc(100dvw - 20px);max-height:calc(100dvh - 20px);padding:var(--sp-3) 14px;border:1px solid var(--line);border-radius:var(--r-lg);color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-semibold);background:var(--surface);box-shadow:var(--deep-shadow);pointer-events:none;display:grid;position:fixed;overflow-y:auto}.floating-bar-tooltip strong,.floating-bar-tooltip span{align-items:center;gap:var(--sp-2);grid-template-columns:10px minmax(0,1fr) minmax(7ch,40%);min-width:0;display:grid}.floating-bar-tooltip strong{color:var(--ink);font-size:var(--text-xs);margin-bottom:6px;display:block}.floating-bar-tooltip i{border-radius:3px;flex:none;width:10px;height:10px;display:inline-block;position:relative;overflow:hidden}.floating-bar-tooltip span{color:var(--ink-2)}.floating-bar-tooltip .floating-bar-tooltip-total{border-top:1px solid var(--line);color:var(--ink);grid-template-columns:minmax(0,1fr) minmax(7ch,40%);margin-top:6px;padding-top:6px;padding-left:18px}.floating-bar-tooltip em{font-style:normal;line-height:var(--lh-snug);overflow-wrap:anywhere}.floating-bar-tooltip b{min-width:0;color:var(--ink);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;line-height:var(--lh-snug);text-align:right;overflow-wrap:anywhere;justify-self:end}.cat-cost-list{gap:11px;margin-top:14px;display:grid}.cat-cost-row{align-items:center;gap:var(--sp-3);grid-template-columns:120px minmax(0,1fr) auto 38px;min-width:0;display:grid}.cat-cost-label{color:var(--ink);font-size:var(--text-sm);font-weight:var(--fw-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cat-cost-track{border-radius:var(--r-pill);background:var(--viz-track);min-width:0;height:8px;overflow:hidden}.cat-cost-track i{border-radius:var(--r-pill);background:var(--viz-1);min-width:6px;height:100%;display:block}.cat-cost-value{color:var(--ink);font-size:var(--text-sm);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.cat-cost-share{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;text-align:right}.cat-cost-zero{margin:var(--sp-1) 0 0;color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-medium)}.cust-list{margin-top:6px;display:grid}.cust-row{gap:var(--sp-3);grid-template-columns:26px minmax(0,1fr);align-items:start;padding:11px 2px;display:grid}.cust-row+.cust-row{border-top:1px solid var(--line-inner)}.cust-rank{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;letter-spacing:.03em;text-align:right;padding-top:2px}.cust-main{flex-direction:column;gap:6px;min-width:0;display:flex}.cust-head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);min-width:0;display:flex}.cust-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);font-size:var(--text-sm);font-weight:var(--fw-semibold);overflow:hidden}.cust-value{color:var(--ink);font-size:var(--text-sm);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.cust-track{border-radius:var(--r-pill);background:var(--viz-track);height:6px;overflow:hidden}.cust-track i{border-radius:var(--r-pill);background:var(--viz-1);min-width:4px;height:100%;display:block}.cust-meta{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums}.message-insight-card{min-width:0;padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.message-mix-tabs{padding-bottom:var(--sp-3);border-bottom:1px solid var(--line);gap:6px;display:flex}.message-mix-tab{min-height:var(--control-h);border-radius:var(--r-pill);color:var(--muted);font-size:var(--text-sm);font-weight:var(--fw-bold);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;padding:6px 14px}.message-mix-tab:hover{color:var(--ink)}.message-mix-tab.is-active{background:var(--accent);border-color:var(--accent);color:var(--surface)}.message-mix-list{gap:var(--sp-3);margin-top:14px;display:grid}.message-mix-row{gap:var(--sp-2);padding:var(--sp-3) 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);flex-direction:column;min-width:0;display:flex}.message-mix-head{align-items:baseline;gap:var(--sp-2);min-width:0;display:flex}.message-mix-head strong{color:var(--ink);font-size:var(--text-sm);font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-mix-meta{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;white-space:nowrap}.message-mix-total{color:var(--ink);font-size:var(--text-xs);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;margin-left:auto}.message-mix-ratio{border-radius:var(--r-pill);background:var(--viz-track);height:12px;display:flex;overflow:hidden}.message-mix-ratio i{height:100%;display:block}.message-mix-ratio .human{background:var(--viz-2)}.message-mix-ratio .assistant{background:var(--viz-1)}.message-mix-ratio .empty{background:0 0;width:100%}.message-mix-legend-row{gap:6px var(--sp-4);flex-wrap:wrap;display:flex}.message-mix-legend-row span{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.message-mix-legend-row i{border-radius:var(--r-pill);flex-shrink:0;width:8px;height:8px}.message-mix-legend-row .human-label i{background:var(--viz-2)}.message-mix-legend-row .assistant-label i{background:var(--viz-1)}.message-mix-legend-row em{color:var(--ink);font-style:normal;font-weight:var(--fw-bold)}.message-mix-magnitude{border-radius:var(--r-pill);background:var(--surface-3);height:3px;overflow:hidden}.message-mix-magnitude i{border-radius:var(--r-pill);background:var(--muted-weak);height:100%;display:block}@media (width<=720px){.time-bar-wrap,.plot-axis-row{gap:var(--sp-2);grid-template-columns:40px minmax(0,1fr)}.cat-cost-row{gap:var(--sp-1) var(--sp-2);grid-template-columns:minmax(0,1fr) auto}.cat-cost-track{order:3;grid-column:1/-1}.cat-cost-share{order:2}.cat-cost-value{order:1}}@media (width<=480px){.plot-card,.message-insight-card{padding:var(--sp-3)}.chart-legend-item{min-height:32px}.message-mix-tabs{flex-wrap:wrap}.message-mix-tab{flex:auto;min-height:44px}.time-bar-column{min-width:12px}}.ui-async{box-sizing:border-box;border-radius:var(--r-md)}.ui-async-loading{padding:var(--sp-4) 0;display:block}.ui-async-skeleton{gap:var(--sp-3);display:grid}.ui-async-skeleton-row{height:var(--row-h);border-radius:var(--r-sm);background:linear-gradient(90deg, var(--surface-3) 0%, var(--line-inner) 50%, var(--surface-3) 100%);animation:ui-async-shimmer 1.4s var(--ease-in-out) infinite;background-size:200% 100%;display:block}.ui-async-skeleton-row:nth-child(3n+2){width:82%}.ui-async-skeleton-row:nth-child(3n+3){width:64%}@keyframes ui-async-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.ui-async-error{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-10) var(--sp-6);border:1px solid var(--danger-line);background:var(--danger-bg);text-align:center;flex-direction:column;display:flex}.ui-async-error-icon{width:var(--sp-10);height:var(--sp-10);border:1px solid var(--danger-line);border-radius:var(--r-pill);color:var(--danger);background:var(--surface);justify-content:center;align-items:center;display:inline-flex}.ui-async-error-title{color:var(--ink);font-size:var(--text-lg);font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:-.01em;margin:0}.ui-async-error-message{max-width:34rem;color:var(--ink-2);font-size:var(--text-sm);line-height:var(--lh-normal);word-break:break-word;margin:0}.ui-async-retry{align-items:center;gap:var(--sp-2);margin-top:var(--sp-1);height:var(--control-h);padding:0 var(--sp-4);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink);background:var(--surface);font-size:var(--text-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);display:inline-flex}.ui-async-retry:hover{background:var(--surface-3)}.ui-badge{align-items:center;gap:var(--sp-1);width:fit-content;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:var(--fw-semibold);line-height:var(--lh-tight);white-space:nowrap;border:1px solid #0000;display:inline-flex}.ui-badge--sm{padding:0 var(--sp-2);font-size:var(--text-2xs)}.ui-badge--neutral{color:var(--ink-2);background:var(--surface-3);border-color:var(--line)}.ui-badge--accent{color:var(--accent-text);background:var(--accent-bg);border-color:var(--accent-line)}.ui-badge--info{color:var(--info);background:var(--info-bg);border-color:var(--info-line)}.ui-badge--success{color:var(--success);background:var(--success-bg);border-color:var(--success-line)}.ui-badge--warn{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-line)}.ui-badge--danger{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-line)}.ui-badge__dot{width:var(--sp-2);height:var(--sp-2);border-radius:var(--r-pill);background:currentColor;flex-shrink:0}.ui-badge--sm .ui-badge__dot{width:var(--sp-1);height:var(--sp-1)}.stat-card{gap:var(--sp-2);min-width:0;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font:inherit;text-align:left;border:1px solid #0000;flex-direction:column;margin:0;display:flex}.stat-card.is-clickable{appearance:none;cursor:pointer;width:100%;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out)}.stat-card.is-clickable:hover{background:var(--surface-2);border-color:var(--line)}.stat-card.is-clickable:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--r-md);outline:none}.stat-card__head{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.stat-card__icon{color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.stat-card__label{min-width:0;color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:.01em;line-height:var(--lh-snug);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stat-card__flag{flex-shrink:0;align-items:center;margin-left:auto;display:inline-flex}.stat-card__value-row{justify-content:space-between;align-items:flex-end;gap:var(--sp-3);min-width:0;display:flex}.stat-card__value{align-items:baseline;gap:var(--sp-1);min-width:0;color:var(--ink);font-size:var(--text-3xl);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;letter-spacing:-.025em;line-height:var(--lh-tight);text-overflow:ellipsis;white-space:nowrap;display:inline-flex;overflow:hidden}.stat-card.is-secondary .stat-card__value{font-size:var(--text-2xl)}.stat-card__unit{color:var(--muted);font-size:var(--text-sm);font-weight:var(--fw-semibold);letter-spacing:0}.stat-card__value[data-negative]{color:var(--danger)}.stat-card__negative-mark{color:var(--danger);flex-shrink:0;align-self:center;display:inline-flex}.stat-card__spark{width:84px;height:30px;color:var(--accent);flex-shrink:0}.stat-card__foot{align-items:center;gap:var(--sp-2);flex-wrap:wrap;min-width:0;display:flex}.stat-card__trend{align-items:center;gap:var(--sp-1);color:var(--ink-2);font-size:var(--text-2xs);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;display:inline-flex}.stat-card__trend i{font-style:normal}.stat-card__trend.is-up i{color:var(--success)}.stat-card__trend.is-down i{color:var(--danger)}.stat-card__caption{min-width:0;color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-medium);line-height:var(--lh-snug);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stat-card.is-danger{background:var(--danger-bg);border-color:var(--danger-line)}.stat-card.is-danger .stat-card__value,.stat-card.is-danger .stat-card__flag,.stat-card.is-danger .stat-card__label{color:var(--danger)}.stat-card.is-warn{background:var(--warn-bg);border-color:var(--warn-line)}.stat-card.is-warn .stat-card__value,.stat-card.is-warn .stat-card__flag,.stat-card.is-warn .stat-card__label{color:var(--warn)}.stat-card.is-success{background:var(--success-bg);border-color:var(--success-line)}.stat-card.is-success .stat-card__value,.stat-card.is-success .stat-card__flag,.stat-card.is-success .stat-card__label{color:var(--success)}.stat-card.is-danger.is-clickable:hover{background:var(--danger-bg);border-color:var(--danger)}.stat-card.is-warn.is-clickable:hover{background:var(--warn-bg);border-color:var(--warn)}.stat-card.is-success.is-clickable:hover{background:var(--success-bg);border-color:var(--success)}.stat-card__skeleton{gap:var(--sp-2);flex-direction:column;display:flex}.stat-card__skeleton-bar{border-radius:var(--r-sm);background:var(--surface-3);animation:stat-card-pulse 1.4s var(--ease-in-out) infinite;display:block}.stat-card__skeleton-bar.is-value{width:60%;height:var(--text-3xl)}.stat-card__skeleton-bar.is-note{width:35%;height:var(--text-xs)}@keyframes stat-card-pulse{0%,to{opacity:1}50%{opacity:.45}}.ui-button{justify-content:center;align-items:center;gap:var(--sp-2);box-sizing:border-box;height:var(--control-h);padding:0 var(--sp-4);border-radius:var(--r-sm);font-family:inherit;font-size:var(--text-sm);font-weight:var(--fw-semibold);line-height:var(--lh-tight);white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border:1px solid #0000;display:inline-flex;position:relative}.ui-button:disabled{cursor:not-allowed;opacity:.55}.ui-button--sm{height:calc(var(--control-h) - var(--sp-1));padding:0 var(--sp-3);font-size:var(--text-xs)}.ui-button--icon{width:var(--control-h);padding:0}.ui-button--icon.ui-button--sm{width:calc(var(--control-h) - var(--sp-1))}.ui-button--primary{color:var(--surface);background:var(--accent)}.ui-button--primary:hover:not(:disabled){background:var(--accent-text)}.ui-button--secondary{color:var(--ink-2);background:var(--surface);border-color:var(--line)}.ui-button--secondary:hover:not(:disabled){color:var(--ink);background:var(--surface-3)}.ui-button--ghost{color:var(--ink-2);background:0 0}.ui-button--ghost:hover:not(:disabled){color:var(--ink);background:var(--surface-3)}.ui-button--danger{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-line)}.ui-button--danger:hover:not(:disabled){color:var(--surface);background:var(--danger);border-color:var(--danger)}.ui-button.is-loading .ui-button__label{visibility:hidden}.ui-button__spinner{width:var(--sp-4);height:var(--sp-4);margin:calc(var(--sp-2) * -1) 0 0 calc(var(--sp-2) * -1);border-radius:var(--r-pill);opacity:.8;animation:ui-button-spin var(--dur-slow) linear infinite;border:2px solid;border-right-color:#0000;position:absolute;top:50%;left:50%}@keyframes ui-button-spin{to{transform:rotate(1turn)}}.ui-button__label{align-items:center;gap:var(--sp-2);display:inline-flex}@media (width<=720px){.ui-button{min-height:44px}.ui-button--icon{min-width:44px}}.company-timeline{align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--muted);letter-spacing:normal;text-transform:none;font-weight:var(--fw-regular);flex-wrap:wrap;display:inline-flex}.company-timeline-sep,.company-timeline-unset{opacity:.5}.monthly-costs-panel{margin-bottom:var(--sp-5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);flex-direction:column;gap:0;min-width:0;display:flex;position:relative;overflow:hidden}.monthly-costs-panel.is-loading:after{content:"";z-index:var(--z-base);background:color-mix(in srgb, var(--paper) 45%, transparent);pointer-events:none;position:absolute;inset:0}.costs-page-header{padding:var(--sp-4) var(--sp-5) var(--sp-3)}.costs-page-header .eyebrow{margin-bottom:var(--sp-1)}.costs-page-header h2{color:var(--ink);font-size:var(--text-lg);font-weight:var(--fw-semibold);line-height:var(--lh-snug);letter-spacing:-.01em;margin:0}.costs-hero-region{padding:0 var(--sp-5) var(--sp-5);min-width:0}.costs-hero{gap:var(--sp-3);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);min-width:0;display:grid}.costs-stat{border-color:var(--line);background:var(--surface-2)}.costs-toolbar{align-items:center;gap:var(--sp-3) var(--sp-4);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--line-inner);border-bottom:1px solid var(--line-inner);background:var(--surface-2);flex-wrap:wrap;min-width:0;display:flex}.costs-toolbar-group{align-items:center;gap:var(--sp-2);flex-shrink:0;min-width:0;display:flex}.costs-toolbar-group.is-grow{flex:200px}.costs-filter-label{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-semibold);white-space:nowrap;flex-shrink:0}.costs-filter-arrow{color:var(--muted-weak);font-size:var(--text-xs);flex-shrink:0}.costs-month-input{min-width:132px;height:var(--control-h);padding:0 var(--sp-3);border-radius:var(--r-sm);font-size:var(--text-xs);font-variant-numeric:tabular-nums;background:var(--surface);flex-shrink:0;width:auto!important}.costs-search-input{min-width:0;height:var(--control-h);padding:0 var(--sp-3);border-radius:var(--r-sm);font-size:var(--text-xs);background:var(--surface);flex:auto}.costs-select{height:var(--control-h);padding:0 var(--sp-2);border:1px solid var(--line);border-radius:var(--r-sm);font-size:var(--text-xs);background:var(--surface);color:var(--ink);cursor:pointer;flex-shrink:0;width:auto!important}.monthly-cost-chart-card{padding:var(--sp-4) var(--sp-5) var(--sp-5);min-width:0}.costs-chart-head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--line-inner);flex-wrap:wrap;min-width:0;display:flex}.costs-chart-title{min-width:0;color:var(--ink);font-size:var(--text-sm);font-weight:var(--fw-bold);margin:0}.costs-summary{color:var(--muted);font-size:var(--text-xs);font-weight:var(--fw-medium)}.costs-chart-legend{align-items:center;gap:var(--sp-2);color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-semibold);flex-wrap:wrap;margin:0;display:flex}.monthly-cost-legend-dot{border-radius:var(--r-pill);flex-shrink:0;width:9px;height:9px;display:inline-block}.monthly-cost-legend-dot.infra,.monthly-cost-bar-infra{background:var(--viz-infra)}.monthly-cost-legend-dot.usage,.monthly-cost-bar-usage{background:var(--viz-usage)}.monthly-cost-chart{gap:var(--sp-2);margin-top:var(--sp-4);display:grid}.monthly-cost-bar-row{gap:var(--sp-3);padding:var(--sp-1) var(--sp-2);margin:0 calc(var(--sp-2) * -1);border-radius:var(--r-sm);cursor:help;min-width:0;transition:background var(--dur-fast) var(--ease-out);grid-template-columns:28px minmax(140px,.7fr) minmax(120px,2fr) auto;align-items:center;display:grid}.monthly-cost-bar-row:hover,.monthly-cost-bar-row:focus-visible{background:var(--surface-3)}.costs-row-num{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;letter-spacing:.03em;text-align:right;flex-shrink:0}.costs-row-label{flex-direction:column;gap:2px;min-width:0;display:flex}.costs-row-label strong{color:var(--ink);font-size:var(--text-xs);font-weight:var(--fw-semibold);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.costs-row-label span{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;display:block}.monthly-cost-bar-row b{color:var(--ink);font-weight:var(--fw-bold);font-size:var(--text-sm);white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}.monthly-cost-bar-track{border-radius:var(--r-pill);background:var(--viz-track);height:14px;overflow:hidden}.monthly-cost-bar-fill{border-radius:inherit;min-width:6px;height:100%;display:flex;overflow:hidden}.monthly-cost-bar-fill i{height:100%;display:block}.costs-chart-foot{padding-top:var(--sp-3);margin-top:var(--sp-3);border-top:1px solid var(--line-inner);justify-content:flex-end;display:flex}.costs-pagination{align-items:center;gap:var(--sp-2);flex-shrink:0;display:flex}.costs-page-indicator{color:var(--muted);font-size:var(--text-xs);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;min-width:48px}.cost-bar-tooltip{box-sizing:border-box;z-index:var(--z-tooltip);gap:var(--sp-2);width:min(320px,100dvw - 20px);min-width:0;max-width:calc(100dvw - 20px);max-height:calc(100dvh - 20px);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);color:var(--muted);font-size:var(--text-2xs);background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--soft-shadow);pointer-events:none;display:grid;position:fixed;overflow-y:auto}.cost-bar-tooltip strong{color:var(--ink);font-size:var(--text-sm);font-weight:var(--fw-bold);overflow-wrap:anywhere;display:block}.cost-bar-tooltip-timeline{font-size:var(--text-2xs)}.cost-bar-tooltip-basis{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;margin-bottom:2px;display:block}.cost-bar-tooltip-row{align-items:center;gap:var(--sp-2);grid-template-columns:9px minmax(0,1fr) auto;display:grid}.cost-bar-tooltip-row i{border-radius:var(--r-pill);flex-shrink:0;width:9px;height:9px}.cost-bar-tooltip-row em{color:var(--ink-2);font-style:normal;font-weight:var(--fw-semibold)}.cost-bar-tooltip-row b{color:var(--ink);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;text-align:right}.cost-bar-tooltip-row.total{margin-top:var(--sp-1);padding-top:var(--sp-2);border-top:1px solid var(--line-inner);grid-template-columns:minmax(0,1fr) auto;padding-left:17px}@media (width<=960px){.costs-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.costs-stat:first-child{grid-column:1/-1}}@media (width<=720px){.costs-page-header,.costs-hero-region,.costs-toolbar,.monthly-cost-chart-card{padding-left:var(--sp-4);padding-right:var(--sp-4)}.costs-toolbar-group{flex:100%;min-width:0}.costs-month-input,.costs-select{flex:1 1 0;min-width:0}.monthly-cost-bar-row{row-gap:var(--sp-2);grid-template-rows:auto auto;grid-template-columns:24px minmax(0,1fr) auto;align-items:center}.monthly-cost-bar-row .costs-row-label{grid-column:2/3}.monthly-cost-bar-row b{text-align:right;grid-column:3/4}.monthly-cost-bar-row .monthly-cost-bar-track{grid-area:2/2/auto/4}}@media (width<=480px){.costs-hero{grid-template-columns:minmax(0,1fr)}.costs-stat:first-child{grid-column:auto}.costs-chart-head{align-items:flex-start;gap:var(--sp-2);flex-direction:column}.costs-summary{display:block}.costs-chart-foot{justify-content:center}.costs-pagination{justify-content:space-between;width:100%}}@media (pointer:coarse){.costs-month-input,.costs-search-input,.costs-select,.monthly-cost-bar-row{min-height:44px}}.data-table-frame{min-width:0;max-width:100%;position:relative}.data-table-scroll{min-width:0;max-width:100%;max-height:inherit;overflow-x:auto}.data-table-scroll:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--r-sm);outline:none}.data-table-frame:before,.data-table-frame:after{content:"";z-index:var(--z-sticky);width:var(--sp-6);pointer-events:none;opacity:0;transition:opacity var(--dur-fast) var(--ease-out);position:absolute;top:0;bottom:0}.data-table-frame:before{background:linear-gradient(to right, color-mix(in srgb, var(--ink) 14%, transparent), transparent);left:0}.data-table-frame:after{background:linear-gradient(to left, color-mix(in srgb, var(--ink) 14%, transparent), transparent);right:0}.data-table-frame[data-overflow=start]:after,.data-table-frame[data-overflow=middle]:after,.data-table-frame[data-overflow=middle]:before,.data-table-frame[data-overflow=end]:before{opacity:1}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);line-height:var(--lh-snug)}.data-table th,.data-table td{height:var(--row-h);padding:0 var(--sp-3);border-bottom:1px solid var(--line-inner);text-align:left;vertical-align:middle}.data-table td.is-end,.data-table th.is-end{text-align:right;font-variant-numeric:tabular-nums}.data-table td.is-center,.data-table th.is-center{text-align:center}.data-table thead th{border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:.02em;white-space:nowrap}.data-table.is-sticky thead th{z-index:var(--z-sticky);position:sticky;top:0}.data-table tbody th[scope=row]{color:var(--ink);font-weight:var(--fw-semibold)}.data-table tbody td{color:var(--ink)}.data-table tbody tr:last-child th,.data-table tbody tr:last-child td{border-bottom:0}.data-table__sort{align-items:center;gap:var(--sp-1);min-height:var(--control-h);color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:inline-flex}.data-table__sort:hover{color:var(--ink)}.data-table__sort:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--r-sm);outline:none}.data-table__sort-mark{color:var(--muted-weak);font-size:var(--text-xs);line-height:1}.data-table__sort-mark:not([data-state=off]){color:var(--accent-text)}.data-table tbody tr.is-clickable{cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.data-table tbody tr.is-clickable:hover{background:var(--surface-3)}.data-table tbody tr.is-clickable:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-bg)}.data-table__empty-row td{padding:var(--sp-8) var(--sp-3);color:var(--muted);text-align:center}.data-table__skeleton-bar{width:70%;height:var(--text-xs);border-radius:var(--r-sm);background:var(--surface-3);animation:data-table-pulse 1.4s var(--ease-in-out) infinite;display:block}@keyframes data-table-pulse{0%,to{opacity:1}50%{opacity:.45}}.metadata-board{flex-direction:column;flex:auto;min-height:0;display:flex}.metadata-toolbar{border-bottom:1px solid var(--line-inner);flex:none;align-items:center;gap:10px;padding:12px 18px;display:flex}.metadata-toolbar input{border:1px solid var(--line);background:var(--surface);min-width:160px;color:var(--ink);border-radius:8px;flex:0 280px;padding:8px 11px;font-family:inherit;font-size:13px}.metadata-toolbar input:focus-visible{border-color:var(--accent);outline:none}.metadata-count{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:auto;font-size:12.5px}.metadata-add{border:1px solid var(--line);background:var(--surface);height:32px;color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .12s,color .12s;display:inline-flex}.metadata-add:hover{border-color:var(--accent);color:var(--accent)}.metadata-scroll{flex:auto;min-height:0;overflow:auto}.metadata-table{border-collapse:separate;border-spacing:0;font-size:13px}.metadata-table th,.metadata-table td{border-bottom:1px solid var(--line-inner);text-align:left;vertical-align:middle}.metadata-table thead th{z-index:2;border-bottom:1px solid var(--line);background:var(--surface);white-space:nowrap;min-width:160px;padding:9px 12px;font-weight:600;position:sticky;top:0}.metadata-table thead th.metadata-corner,.metadata-table tbody th.metadata-row-head{background:var(--surface);width:220px;min-width:220px;position:sticky;left:0}.metadata-table thead th.metadata-corner{z-index:3;color:var(--muted);font-size:11.5px}.metadata-table tbody th.metadata-row-head{z-index:1;box-shadow:inset -1px 0 0 var(--line-inner);padding:6px 12px;font-weight:500;display:table-cell}.metadata-table thead th.metadata-corner{box-shadow:inset -1px 0 0 var(--line-inner)}.metadata-row-name{max-width:196px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.metadata-row-domain{color:var(--muted);font-family:var(--font-mono);font-size:11px;display:block}.metadata-col-key{color:var(--ink);font-family:var(--font-mono);font-size:12px}.metadata-col-pending,.metadata-col-locked{background:var(--surface-3);color:var(--muted);border-radius:6px;margin-left:6px;padding:1px 6px;font-size:10.5px;font-weight:600}.metadata-col-pending{background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--accent)}.metadata-col-delete{color:var(--muted);vertical-align:middle;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:6px;margin-left:8px;padding:2px;transition:color .12s,opacity .12s}.metadata-table thead th:hover .metadata-col-delete,.metadata-col-delete:focus-visible{opacity:1}.metadata-col-delete:hover{color:#b4232a}.metadata-cell,.metadata-cell-locked{height:34px;padding:0}.metadata-cell.is-dirty{box-shadow:inset 2px 0 0 var(--accent)}.metadata-cell-locked span{color:var(--ink-2);font-family:var(--font-mono);padding:0 12px;font-size:12px;display:block}.metadata-cell-button{text-align:left;cursor:text;background:0 0;border:0;align-items:center;gap:4px;width:100%;min-height:34px;padding:4px 10px;font-family:inherit;display:flex}.metadata-cell-button:hover{background:var(--surface-2)}.metadata-cell-button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.metadata-cell-blank{color:var(--line);font-size:13px}.metadata-cell-button:hover .metadata-cell-blank,.metadata-cell-button:focus-visible .metadata-cell-blank{color:var(--muted)}.metadata-tag{background:var(--surface-3);color:var(--ink-2);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:12px;display:inline-flex}.metadata-editor{min-height:34px;box-shadow:inset 0 0 0 1px var(--accent);align-items:center;gap:4px;padding:4px 8px;display:flex}.metadata-tag.is-editing button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;line-height:1}.metadata-tag.is-editing button:hover{color:var(--ink)}.metadata-editor input{min-width:60px;color:var(--ink);background:0 0;border:0;outline:none;flex:60px;font-family:inherit;font-size:12px}.metadata-empty-row td{color:var(--muted);text-align:center;padding:40px 16px}.metadata-save-bar{border-top:1px solid var(--line);background:var(--surface);flex:none;justify-content:flex-end;align-items:center;gap:10px;padding:12px 18px;display:flex}.metadata-save-bar .primary-action{flex:none;width:auto;margin-top:0}.metadata-key-hint{color:var(--muted);margin:8px 0 0;font-size:12px}.metadata-key-error{color:#b4232a;margin:6px 0 0;font-size:12.5px}@media (width<=720px){.metadata-toolbar{flex-wrap:wrap}.metadata-table thead th.metadata-corner,.metadata-table tbody th.metadata-row-head{width:150px;min-width:150px}.metadata-row-name{max-width:126px}.metadata-col-delete{opacity:1}}.ui-field{gap:var(--sp-1);display:grid}.ui-field__label{align-items:center;gap:var(--sp-1);color:var(--ink-2);font-size:var(--text-sm);font-weight:var(--fw-medium);line-height:var(--lh-snug);display:flex}.ui-field__required{color:var(--danger);font-weight:var(--fw-semibold)}.ui-field__control{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.ui-field__control :where(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;min-height:var(--control-h);padding:0 var(--sp-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink);font-family:inherit;font-size:var(--text-md);line-height:var(--lh-normal);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);flex:1}.ui-field__control :where(textarea){min-height:calc(var(--control-h) * 2);padding:var(--sp-2) var(--sp-3);resize:vertical}.ui-field__control :where(input,select,textarea):hover:not(:disabled){border-color:var(--muted-weak)}.ui-field__control :where(input,select,textarea):disabled{background:var(--surface-3);color:var(--muted);cursor:not-allowed}.ui-field__hint{color:var(--muted);font-size:var(--text-xs);line-height:var(--lh-snug);margin:0}.ui-field__error{align-items:flex-start;gap:var(--sp-1);color:var(--danger);font-size:var(--text-xs);font-weight:var(--fw-medium);line-height:var(--lh-snug);margin:0;display:flex}.ui-field__control :where([aria-invalid=true]){border-color:var(--danger-line);background:var(--danger-bg)}.workspace.company-workspace{display:block}.companies-shell{background:var(--surface);border:1px solid var(--line);height:100%;box-shadow:var(--soft-shadow);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.companies-shell .ui-tabs{flex:none;padding:12px 18px 0}.companies-tabpanel{flex-direction:column;flex:auto;min-height:0;display:flex}.companies-shell .companies-card{height:auto;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:auto}.companies-card{background:var(--surface);border:1px solid var(--line);height:100%;box-shadow:var(--soft-shadow);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.companies-header{border-bottom:1px solid var(--line-inner);flex-direction:column;flex:none;gap:12px;padding:16px 18px;display:flex}.companies-header-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.companies-count{white-space:nowrap;font-size:15px;font-weight:700}.companies-count small{color:var(--muted);margin-left:6px;font-weight:500}.companies-add{white-space:nowrap;border-radius:10px;flex-shrink:0;height:38px;font-size:14px;width:auto!important;margin-top:0!important;padding:0 16px!important}.companies-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.companies-search{background:var(--surface-3);min-width:200px;color:var(--muted);border:1px solid #0000;border-radius:10px;flex:260px;align-items:center;gap:8px;padding:9px 12px;font-size:14px;display:flex}.companies-search:focus-within{border-color:var(--accent);background:var(--surface)}.companies-search-icon{flex-shrink:0;font-size:13px}.companies-search input{color:var(--ink);background:0 0;border:0;outline:none;width:100%;min-width:0;font-family:inherit;font-size:14px}.companies-control{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:10px;flex-shrink:0;padding:9px 12px;font-family:inherit;font-size:14px}.companies-controls .companies-control{min-width:160px}.companies-table-frame{flex:auto;min-height:0;max-height:100%}.companies-table{border-collapse:collapse;width:100%;font-size:14px}.companies-table thead th{z-index:1;text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--surface);border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 16px;font-size:11.5px;font-weight:600;position:sticky;top:0}.companies-table thead th.num{text-align:right}.companies-table tbody td{border-bottom:1px solid var(--line-inner);white-space:nowrap;padding:13px 16px}.companies-table tbody td.num{text-align:right;font-variant-numeric:tabular-nums}.companies-table tbody tr{cursor:pointer;transition:background .1s}.companies-table tbody tr:hover{background:var(--surface-2)}.companies-table tbody tr:last-child td{border-bottom:0}.companies-empty-row td{text-align:center;color:var(--muted);cursor:default;padding:40px 16px!important}.companies-empty-row:hover{background:0 0!important}.cell-stack{flex-direction:column;display:flex}.co-name{font-weight:600}.co-domain{color:var(--muted);margin-top:1px;font-size:12.5px}.dim{color:var(--muted)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px}.pill{border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.pill.good{color:#1f9d5b;background:#1f9d5b1f}.pill.off{background:var(--surface-3);color:var(--muted)}.companies-foot{border-top:1px solid var(--line-inner);color:var(--muted);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-size:13px;display:flex}.companies-range{white-space:nowrap}.companies-pager{flex-shrink:0;align-items:center;gap:8px;display:flex}.companies-pagesize{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.companies-pagesize .companies-control{min-width:auto;padding:5px 8px}.companies-page-indicator{white-space:nowrap;font-variant-numeric:tabular-nums}.companies-page-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;padding:6px 12px;font-family:inherit;font-size:13px}.companies-page-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.companies-page-btn:disabled{opacity:.4;cursor:not-allowed}.company-detail-card{background:var(--surface);border:1px solid var(--line);height:100%;box-shadow:var(--soft-shadow);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}@media (width<=768px){.company-detail-card{height:auto}}.detail-topbar{border-bottom:1px solid var(--line-inner);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.detail-back{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:color .1s,background .1s;display:inline-flex}.detail-back:hover{color:var(--ink);background:var(--surface-3)}.detail-card-head{border-bottom:1px solid var(--line-inner);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:24px 32px;padding:18px 24px;display:flex}.detail-identity{min-width:0}.tenant-chip{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.tenant-chip code{background:var(--surface-3);border:1px solid var(--line);color:var(--ink-2);letter-spacing:normal;text-transform:none;cursor:pointer;border-radius:6px;padding:2px 7px;font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:400}.detail-identity h2{letter-spacing:-.01em;margin:10px 0 8px;font-size:26px}.detail-identity-meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.detail-meta-sep{color:var(--line)}.detail-stats{flex-wrap:wrap;align-items:flex-end;gap:28px;display:flex}.detail-stat{text-align:right;flex-direction:column;gap:2px;display:flex}.detail-stat .k{color:var(--muted);white-space:nowrap;font-size:12px}.detail-stat .v{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1.1}.detail-tabs{scrollbar-width:none;flex:none;gap:2px;padding:4px 20px 0;display:flex;overflow-x:auto}.detail-tabs::-webkit-scrollbar{display:none}.detail-tab{color:var(--ink-2);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:13px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:color .1s;position:relative}.detail-tab:focus{outline:none}.detail-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:8px}.detail-tab:hover,.detail-tab.active{color:var(--ink)}.detail-tab.active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:0;left:16px;right:16px}.detail-body{border-top:1px solid var(--line);flex:auto;padding:22px 24px;overflow:auto}@media (width<=768px){.detail-card-head{align-items:flex-start;gap:16px}.detail-stats{align-items:flex-start;gap:6px;width:100%;display:flex}.detail-stat{text-align:left;flex:1 1 0;gap:1px;min-width:0}.detail-stat .k{font-size:clamp(9px,2.7vw,11px)}.detail-stat .v{font-size:clamp(16px,4.8vw,20px)}.detail-body{padding:18px 16px;overflow:visible}.overview-k{flex-basis:104px}.limits-grid{grid-template-columns:minmax(0,1fr)}.limit-panel-head{flex-wrap:wrap}}.company-info-tab-panel{flex-direction:column;gap:20px;display:flex}.section-label{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:12px;font-weight:600}.overview-grid{border:1px solid var(--line-inner);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.overview-item{background:var(--surface);align-items:center;gap:12px;padding:12px 16px;display:flex}.overview-item+.overview-item{border-top:1px solid var(--line-inner)}.overview-item.editable:hover{background:var(--surface-2)}.overview-icon{color:var(--muted);flex-shrink:0;align-items:center;display:inline-flex}.overview-k{color:var(--muted);flex:0 0 168px;font-size:13px}.overview-edit{border:1px solid var(--line);background:var(--surface);width:24px;height:24px;color:var(--muted);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:border-color .1s,color .1s;display:inline-flex}.overview-edit:hover{border-color:var(--accent);color:var(--accent)}.overview-v{min-width:0;color:var(--ink);word-break:break-word;flex:auto;font-size:14px}.tags{flex-wrap:wrap;gap:5px;display:flex}.tag{background:var(--surface-3);color:var(--ink-2);border-radius:6px;padding:2px 8px;font-size:12px}.company-workspace>.list-panel{flex-direction:column;align-self:stretch;min-height:0;display:flex}.company-workspace>.company-detail-panel{min-height:720px}.panel-title-meta{align-items:center;gap:8px;font-weight:400;display:flex}.new-company-btn{background:var(--accent);color:#fff;white-space:nowrap;cursor:pointer;border:0;border-radius:6px;align-items:center;height:24px;padding:0 9px;font-size:11.5px;font-weight:600;transition:opacity .12s;display:inline-flex}.new-company-btn:hover{opacity:.85}.company-create-view{flex-direction:column;gap:20px;display:flex}.create-view-header{border-bottom:1px solid var(--line-inner);align-items:center;gap:12px;padding-bottom:16px;display:flex}.create-view-header h2{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.create-view-back{border:1px solid var(--line);background:var(--surface);height:28px;color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;padding:0 10px;font-size:12px;font-weight:600;transition:color .1s,background .1s;display:inline-flex}.create-view-back:hover{color:var(--ink);background:var(--surface-3)}.company-detail-panel .create-panel{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.company-empty-view{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;min-height:400px;display:flex}.new-company-cta{border-radius:8px;height:36px;font-size:13px;width:auto!important;margin-top:0!important;padding:0 20px!important}.company-workspace .companies-list-scroll{flex:auto;min-height:120px;max-height:none}.proxy-management-panel{border:1px solid var(--line);background:#f4f8fc94;border-radius:26px;min-width:0;margin-top:22px;padding:18px}.proxy-management-panel .detail-heading{align-items:flex-start}.company-heading-timeline{margin-top:6px}.proxy-scope-tabs{border:1px solid var(--line);background:#ffffffb8;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;padding:6px;display:grid}.proxy-scope-tabs button{color:var(--muted);background:0 0;border:0;border-radius:13px;padding:10px 12px;font-weight:900}.proxy-scope-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 12px 28px #0d1b2a14}.proxy-tab-panel{grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);align-items:start;gap:16px 18px;margin-top:18px;display:grid}.proxy-section-header{grid-column:1/-1;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.proxy-section-header h3{color:var(--ink);margin:0}.integration-summary,.proxy-list,.company-profile-list,.attach-card{gap:10px;display:grid}.integration-summary{background:#f4f8fcd9;border-radius:18px;margin-top:0;padding:14px}.integration-summary strong{color:var(--ink)}.proxy-tab-panel .config-toolbar{grid-column:1;grid-template-columns:minmax(180px,1fr) minmax(160px,220px);align-items:end;margin-top:16px}.proxy-tab-panel .config-pagination{grid-column:1/-1}.proxy-pagination{justify-content:flex-end}.proxy-list{grid-column:1;max-height:560px;padding-right:4px;overflow:auto}.proxy-list-footer{border-top:1px solid var(--line);grid-column:1;justify-content:flex-end;margin-top:12px;padding-top:12px;display:flex}.proxy-card,.company-profile-card{border:1px solid var(--line);background:#f4f8fcb8;border-radius:22px;gap:10px;padding:16px;display:grid}.proxy-card{grid-template-columns:minmax(150px,.9fr) minmax(220px,1fr) auto;align-items:center;padding:12px}.proxy-card h3{color:var(--ink);margin:5px 0 0;font-size:14px}.proxy-card p{margin:2px 0 0}.proxy-type{color:#1d4ed8;background:#dbeafe;border-radius:999px;width:fit-content;padding:5px 8px;font-size:11px;font-weight:900}.proxy-meta{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;font-size:11px;display:grid}.company-profile-list{grid-column:1;align-self:stretch;min-height:0;padding-right:4px;overflow:auto}.company-profile-card strong{color:var(--ink)}.company-profile-card code{color:var(--muted);text-overflow:ellipsis;overflow:hidden}.company-profile-create-card{border:1px solid var(--line);background:#ffffff9e;border-radius:22px;grid-area:2/2/span 2;gap:10px;margin-top:0;padding:16px;display:grid}.company-profile-create-card h3{color:var(--ink);margin:0}.company-profile-credentials{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.searchable-picker{gap:8px;display:grid}.search-field-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.search-field-row button,.selected-picker-value button{color:#1d4ed8;background:#dbeafe;border:0;border-radius:12px;padding:8px 10px;font-size:11px;font-weight:900}.selected-picker-value{color:#046c4e;background:#d7fff1;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:6px 7px 6px 10px;font-size:11px;font-weight:900;display:inline-flex}.selected-picker-value button{color:#046c4e;background:#ffffffb8}.picker-results{gap:6px;max-height:150px;padding-right:4px;display:grid;overflow:auto}.picker-results button{color:var(--muted);text-align:left;background:#f4f8fce0;border:1px solid #0000;border-radius:14px;padding:9px 11px;font-weight:800}.picker-results button.active,.picker-results button:hover{color:var(--ink);background:#fff;border-color:#2f80ed59}.attach-card{border:1px solid var(--line);background:#ffffff9e;border-radius:22px;grid-area:2/2/span 4;margin-top:0;padding:16px}.toggle-line{flex-direction:row;grid-template-columns:none;align-items:center;display:flex}.toggle-line input{width:auto}.progress-track{background:#d9e7f4;border-radius:999px;height:10px;overflow:hidden}.progress-track div{border-radius:inherit;background:linear-gradient(90deg,#2f80ed,#28c6a5);height:100%}.company-management-tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.summary-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.summary-card{border:1px solid var(--line);background:#f4f8fc80;border-radius:16px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.summary-card-head{align-items:center;gap:10px;display:flex}.summary-icon{width:32px;height:32px;color:var(--accent);background:#2f6bff1a;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.summary-title{flex:1;min-width:0;font-size:14px;font-weight:600}.summary-edit{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:5px 11px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .1s,color .1s;display:inline-flex}.summary-edit:hover{border-color:var(--accent);color:var(--accent)}.summary-value{color:var(--ink-2);word-break:break-word;font-size:14px}.summary-timeline{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.summary-sep{color:var(--line)}.modal-field{color:var(--ink-2);margin-bottom:16px;font-size:13px;font-weight:500;display:block}.modal-field:last-child{margin-bottom:0}.modal-field>input{box-sizing:border-box;border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--ink);border-radius:9px;margin-top:6px;padding:9px 11px;font-family:inherit;font-size:14px;display:block}.modal-field .domain-row,.modal-field .form-row{align-items:center;gap:8px;margin-top:6px;display:flex}.modal-field .form-row input,.modal-field .domain-input{border:1px solid var(--line);background:var(--surface-2);min-width:0;color:var(--ink);border-radius:9px;flex:1;padding:9px 11px;font-family:inherit;font-size:14px}.modal-field .domain-suffix{color:var(--muted);white-space:nowrap;font-size:13px}.modal-field .form-row .primary-action{white-space:nowrap;border-radius:9px;flex-shrink:0;font-size:13px;width:auto!important;height:auto!important;margin-top:0!important;padding:9px 14px!important}.modal-btn-secondary{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:9px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:600}.modal-btn-secondary:hover{background:var(--surface-3);color:var(--ink)}.modal-btn-primary{border-radius:9px;font-size:14px;width:auto!important;height:auto!important;margin-top:0!important;padding:8px 18px!important}.modal-field select{box-sizing:border-box;border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--ink);cursor:pointer;border-radius:9px;margin-top:6px;padding:9px 11px;font-family:inherit;font-size:14px;display:block}.modal-toggle{width:fit-content;color:var(--ink-2);cursor:pointer;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.modal-toggle input,.limit-toggle input{flex:none;width:auto;margin:0}.modal-two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-body .searchable-picker{margin-bottom:16px}.proxy-scope{flex-direction:column;gap:16px;margin-top:18px;display:flex}.proxy-scope-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.proxy-scope-header .eyebrow{margin:0 0 4px}.proxy-scope-header h3{letter-spacing:-.01em;margin:0;font-size:18px}.proxy-scope-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.proxy-create-btn{white-space:nowrap;border-radius:10px;height:38px;font-size:14px;width:auto!important;margin-top:0!important;padding:0 16px!important}.profile-list{flex-direction:column;gap:12px;display:flex}.profile-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.profile-icon{width:34px;height:34px;color:var(--accent);background:#2f6bff1a;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.profile-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.profile-info strong{color:var(--ink);font-size:14px}.profile-desc{color:var(--muted);font-size:12.5px}.profile-info code{color:var(--ink-2);word-break:break-all;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px}.profile-delete{border:1px solid var(--line);background:var(--surface);width:30px;height:30px;color:var(--muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .1s,color .1s,background .1s;display:inline-flex}.profile-delete:hover{color:#d5484a;background:#fdecec;border-color:#f0c2c4}.profile-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.proxy-type-badge{color:var(--accent);background:#2f6bff1a;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.profile-meta{color:var(--muted);flex-wrap:wrap;gap:3px 14px;margin-top:2px;font-size:12px;display:flex}.modal-hint{color:var(--muted);margin:-8px 0 16px;font-size:12px}.modal-field textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--line);background:var(--surface-2);width:100%;min-height:72px;color:var(--ink);border-radius:9px;margin-top:6px;padding:9px 11px;font-family:inherit;font-size:14px;display:block}.limits-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.limit-panel{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.limit-panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.limit-panel-title{white-space:nowrap;font-size:14px;font-weight:600}.limit-toggle{color:var(--ink-2);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.limit-figure{align-items:baseline;gap:8px;display:flex}.limit-current{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.limit-used{color:var(--muted);font-size:12.5px}.limit-meter{background:var(--surface-3);border-radius:999px;height:6px;overflow:hidden}.limit-meter>div{background:var(--accent);border-radius:999px;min-width:2px;height:100%}.limit-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.limit-step{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:8px;padding:7px 12px;font-family:inherit;font-size:13px;transition:border-color .1s,color .1s}.limit-step:hover{border-color:var(--accent);color:var(--accent)}.limit-custom{border:1px solid var(--line);background:var(--surface-2);min-width:80px;color:var(--ink);border-radius:8px;flex:90px;padding:7px 10px;font-family:inherit;font-size:13px}.limit-apply{white-space:nowrap;border-radius:8px;flex-shrink:0;font-size:13px;width:auto!important;height:auto!important;margin-top:0!important;padding:7px 14px!important}.company-info-tab-panel .edit-card{border:1px solid var(--line);background:#f4f8fc80;border-radius:18px;padding:18px}.company-info-tab-panel .edit-card h3{color:var(--ink);margin:0 0 14px;font-size:1.1rem}.edit-card .form-row{align-items:center;gap:8px;width:100%;display:flex}.edit-card .form-row input{flex:1;width:auto;min-width:0}.edit-card .form-row button.primary-action{white-space:nowrap;width:auto;box-shadow:none;border-radius:12px;margin-top:0;padding:12px 16px}.edit-card .form-group{margin-bottom:12px}.edit-card .form-group label{color:var(--muted);flex-direction:column;gap:6px;font-size:.9rem;display:flex}.edit-card .domain-suffix{color:var(--muted);font-weight:700}.limit-row-control{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.limit-row-control.separator{border-top:1px dashed var(--line);margin-top:8px}.limit-info{flex-direction:column;gap:4px;display:flex}.limit-info strong{color:var(--ink)}.limit-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.limit-actions .toggle-line{cursor:pointer;align-items:center;gap:6px;font-weight:500;display:flex}.limit-adder{align-items:center;gap:6px;display:flex}.limit-adder button{background:var(--bg);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:6px 10px;font-size:.85rem;transition:all .2s}.limit-adder button:hover{background:#eee}.limit-adder input{border:1px solid var(--line);border-radius:8px;width:100px;padding:6px 8px;font-size:.85rem}@media (width<=1180px){.workspace.company-workspace,.proxy-tab-panel{grid-template-columns:1fr}.company-workspace>.company-detail-panel{min-height:0}.company-profile-create-card,.attach-card,.proxy-tab-panel .config-toolbar,.proxy-list,.proxy-list-footer,.company-profile-list{grid-area:auto}.proxy-tab-panel .config-toolbar{grid-template-columns:minmax(0,1fr)}.proxy-pagination{justify-content:flex-start}.proxy-card{grid-template-columns:minmax(0,1fr);justify-items:start;gap:12px}.proxy-card .danger-action{justify-self:start}}@media (width>=1181px) and (width<=1599px){.workspace.company-workspace{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.proxy-tab-panel{grid-template-columns:minmax(0,1fr)}.company-profile-create-card,.attach-card,.proxy-tab-panel .config-toolbar,.proxy-list,.proxy-list-footer,.company-profile-list{grid-area:auto}.company-empty-view{min-height:280px}}@media (width<=720px){.proxy-scope-tabs button{min-height:44px}.company-profile-credentials{grid-template-columns:minmax(0,1fr)}.picker-results button,.search-field-row button{min-height:44px}.summary-cards{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.edit-card .form-row{flex-direction:column;align-items:stretch;gap:12px}.edit-card .form-row input{width:100%}.edit-card .form-row button.primary-action{white-space:normal;text-align:center;width:100%}.limit-adder{flex-wrap:wrap;gap:8px;width:100%}.limit-adder input{flex:1;width:100%;min-width:80px}.limit-adder button{flex-grow:1}}.linechart{column-gap:var(--sp-2);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:auto minmax(0,1fr);width:100%;display:grid}.linechart-yaxis{min-width:2.5em;color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;grid-area:1/1;position:relative}.linechart-yaxis span{white-space:nowrap;position:absolute;right:0;transform:translateY(-50%)}.linechart-plot{grid-area:1/2;min-width:0;position:relative}.linechart-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.linechart-grid{stroke:var(--line-inner);stroke-width:1px;stroke-dasharray:3 4}.linechart-area{fill:color-mix(in srgb, var(--accent) 7%, transparent)}.linechart-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.linechart-dot{border-radius:var(--r-pill);background:var(--surface);border:2px solid var(--accent);box-sizing:border-box;width:9px;height:9px;transition:transform var(--dur-fast) var(--ease-out);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.linechart-dot.active{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 15%, transparent);transform:translate(-50%,-50%)scale(1.4)}.linechart-guide{stroke:var(--accent);stroke-width:1px;stroke-dasharray:3 3;opacity:.5}.linechart-tip{z-index:var(--z-tooltip);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);background:var(--ink);color:var(--surface);white-space:nowrap;transform:translate(-50%, calc(-100% - var(--sp-2)));pointer-events:none;box-shadow:var(--deep-shadow);flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute}.linechart-tip strong{font-size:var(--text-xs);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.linechart-tip span{font-size:var(--text-2xs);opacity:.7}.linechart-xaxis{margin-top:var(--sp-2);color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;grid-area:2/2;justify-content:space-between;display:flex}.linechart-empty{padding:var(--sp-8) 0;text-align:center;color:var(--muted);font-size:var(--text-sm);margin:0}.billing-statement{gap:var(--sp-4);flex-direction:column;display:flex}.billing-panels{gap:var(--sp-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}@media (width<=720px){.billing-panels{grid-template-columns:minmax(0,1fr)}}.billing-panels>*{min-width:0}.billing-statement-head{justify-content:flex-end;align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.billing-statement-col{gap:var(--sp-3);flex-direction:column;display:flex}.billing-statement-col>.budget-panel{flex:1}.billing-month-select{width:auto;height:var(--control-h);padding:0 var(--sp-2);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font-size:var(--text-sm);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums}.billing-anomaly-note{padding:var(--sp-1) var(--sp-3);border:1px solid var(--danger);border-radius:var(--r-pill);background:color-mix(in srgb, var(--danger) 8%, transparent);color:var(--danger);font-size:var(--text-xs);font-weight:var(--fw-medium);transition:background var(--dur-fast) var(--ease-out);align-self:flex-start;align-items:center;display:inline-flex}.billing-anomaly-note:hover{background:color-mix(in srgb, var(--danger) 14%, transparent)}.billing-total{align-items:baseline;gap:var(--sp-3);border-bottom:1px solid var(--line-inner);display:flex}.billing-total-label{font-size:var(--text-sm);color:var(--muted)}.billing-total-value{font-size:var(--text-2xl);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.billing-breakdown{gap:var(--sp-1);flex-direction:column;margin:0;display:flex}.billing-breakdown-row{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.billing-breakdown-row dt{font-size:var(--text-sm);color:var(--muted)}.billing-breakdown-row dd{font-size:var(--text-sm);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;margin:0}.billing-breakdown-row.is-zero dt,.billing-breakdown-row.is-zero dd{color:var(--muted);font-weight:var(--fw-regular)}.billing-formula,.billing-tax-note{font-size:var(--text-2xs);color:var(--muted);margin:0}.billing-basis{gap:var(--sp-2);flex-direction:column;display:flex}.billing-basis-grid{gap:var(--sp-1);flex-direction:column;margin:0;display:flex}.billing-basis-pair{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.billing-basis-pair dt{font-size:var(--text-sm);color:var(--muted)}.billing-basis-pair dd{align-items:baseline;gap:var(--sp-1);font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin:0;display:flex}.billing-basis-raw,.billing-basis-arrow{color:var(--muted)}.billing-basis-billed{font-weight:var(--fw-semibold)}.billing-basis-tag{font-size:var(--text-2xs);color:var(--muted)}.billing-context{gap:var(--sp-3);flex-direction:column;display:flex}.billing-context>.budget-panel{flex:1}.billing-context-head{gap:var(--sp-1);flex-direction:column;display:flex}.billing-context-head h4{font-size:var(--text-2xs);font-weight:var(--fw-semibold);color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em;margin:0}.pb-metadata-panel{gap:var(--sp-3);flex-direction:column;display:flex}.pb-metadata-toolbar{justify-content:flex-end;display:flex}.pb-metadata-add{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-2);font-size:var(--text-sm);cursor:pointer;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.pb-metadata-add:hover{border-color:var(--accent-line);color:var(--accent-text)}.pb-metadata-empty{padding:var(--sp-6) 0;color:var(--muted);font-size:var(--text-sm);text-align:center;margin:0}.pb-metadata-list{border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.pb-metadata-row{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line-inner);grid-template-columns:minmax(120px,.35fr) 1fr auto;display:grid}.pb-metadata-row:last-child{border-bottom:none}.pb-metadata-row.is-dirty{background:var(--accent-bg)}.pb-metadata-row-key{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.pb-metadata-row-key .mono{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pb-metadata-badge{border-radius:var(--r-pill);background:var(--surface-3);color:var(--muted);font-size:var(--text-2xs);white-space:nowrap;padding:1px 6px}.pb-metadata-value{min-width:0}.pb-metadata-locked{color:var(--muted);font-size:var(--text-sm)}.pb-metadata-cell-button{border-radius:var(--r-sm);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;flex-wrap:wrap;align-items:center;gap:4px;width:100%;min-height:28px;padding:2px 6px;display:flex}.pb-metadata-cell-button:hover,.pb-metadata-cell-button:focus-visible{border-color:var(--line);background:var(--surface-2)}.pb-metadata-cell-blank{color:var(--line);font-size:var(--text-sm)}.pb-metadata-cell-button:hover .pb-metadata-cell-blank,.pb-metadata-cell-button:focus-visible .pb-metadata-cell-blank{color:var(--muted)}.pb-metadata-tag{background:var(--surface-3);color:var(--ink-2);font-size:var(--text-xs);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;display:inline-flex}.pb-metadata-editor{border-radius:var(--r-sm);min-height:28px;box-shadow:inset 0 0 0 1px var(--accent);flex-wrap:wrap;align-items:center;gap:4px;padding:4px 6px;display:flex}.pb-metadata-tag.is-editing button{color:var(--muted);font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;padding:0;line-height:1}.pb-metadata-tag.is-editing button:hover{color:var(--ink)}.pb-metadata-editor input{min-width:60px;color:var(--ink);font-family:inherit;font-size:var(--text-xs);background:0 0;border:0;outline:none;flex:60px}.pb-metadata-delete{border-radius:var(--r-sm);width:24px;height:24px;color:var(--muted-weak);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.pb-metadata-delete:hover{background:var(--danger-bg);color:var(--danger)}.pb-metadata-save-bar{justify-content:flex-end;align-items:center;gap:var(--sp-2);display:flex}.pb-metadata-save-bar .primary-action{flex:none;width:auto;margin-top:0}.pb-metadata-key-hint{margin:var(--sp-2) 0 0;color:var(--muted);font-size:var(--text-xs)}.pb-metadata-key-error{color:var(--danger);font-size:var(--text-xs);margin:6px 0 0}.pb-takeover{gap:var(--sp-3);flex-direction:column;display:flex}.pb-takeover-stats{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--line-inner);flex-wrap:wrap;margin:0;display:flex}.pb-takeover-stat{flex-direction:column;gap:2px;display:flex}.pb-takeover-stat dt{font-size:var(--text-2xs);color:var(--muted)}.pb-takeover-stat dd{font-size:var(--text-sm);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;margin:0}.pb-takeover-cost dd{align-items:baseline;gap:var(--sp-2);font-size:var(--text-lg);display:flex}.pb-takeover-cost em{font-style:normal;font-weight:var(--fw-regular);font-size:var(--text-2xs);color:var(--muted)}.pb-takeover-delta{border-radius:var(--r-pill);font-size:var(--text-2xs);font-weight:var(--fw-semibold);padding:2px 6px}.pb-takeover-delta.is-up{background:var(--danger-bg);color:var(--danger)}.pb-takeover-delta.is-down{background:var(--success-bg);color:var(--success)}.pb-takeover-delta.is-flat{background:var(--surface-3);color:var(--ink-2)}.pb-takeover-groupswitch{border-radius:var(--r-sm);background:var(--surface-3);gap:2px;width:fit-content;padding:3px;display:inline-flex}.pb-takeover-groupswitch button{padding:var(--sp-1) var(--sp-4);border-radius:var(--r-sm);color:var(--muted);font-size:var(--text-xs);font-weight:var(--fw-medium);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:0 0;border:0}.pb-takeover-groupswitch button.active{background:var(--surface);color:var(--ink);font-weight:var(--fw-semibold);box-shadow:var(--inset-shadow)}.pb-takeover-tabs{margin-top:var(--sp-1)}.pb-takeover-tabs-row{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-top:var(--sp-1);display:flex}.pb-takeover-tabs-row .ui-tabs{flex:1;min-width:0}.pb-takeover-body,.pb-takeover-usage{min-height:0}.pb-takeover-usage>.pb-takeover-body{padding-top:var(--sp-4)}.pb-takeover-body .company-info-tab-panel{padding:0}.pb-proxy-error{margin:0 0 var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid var(--danger);border-radius:var(--r-sm);background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger);font-size:var(--text-sm)}.cn{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);min-width:0;animation:cn-slide var(--dur-slow) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}@keyframes cn-slide{0%{opacity:0;transform:translate(16px)}}.cn-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line-inner);display:flex}.cn-eyebrow{font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 2px}.cn-head h2{font-size:var(--text-xl);font-weight:var(--fw-semibold);margin:0}.cn-close{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);width:30px;height:30px;color:var(--ink-2);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.cn-close:hover{border-color:var(--muted-weak);background:var(--surface-2)}.cn-rail{gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--line);background:var(--surface-2);margin:0;list-style:none;display:flex;overflow-x:auto}.cn-rail li{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;display:flex}.cn-rail li.is-current{color:var(--ink)}.cn-rail li.is-done{color:var(--ink-2)}.cn-no{border:1.5px solid var(--line);width:20px;height:20px;font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:10px;display:grid}.cn-rail li.is-current .cn-no{border-color:var(--accent);background:var(--accent);color:#fff}.cn-rail li.is-done .cn-no{border-color:var(--success);background:var(--success);color:#fff}.cn-raillabel{font-size:var(--text-xs);font-weight:var(--fw-medium);flex-direction:column;display:flex}.cn-raillabel em{font-size:10px;font-style:normal;font-weight:var(--fw-regular);color:var(--muted)}.cn-body{gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--surface-2);flex-direction:column;flex:1;display:flex}.cn-block{padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.cn-block h3{margin:0 0 var(--sp-4);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cn-two{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cn-field{margin-bottom:var(--sp-4);display:block}.cn-two .cn-field{margin-bottom:0}.cn-field>span{font-size:var(--text-xs);color:var(--ink-2);align-items:center;gap:6px;margin-bottom:5px;display:flex}.cn-field i{border-radius:var(--r-pill);background:var(--danger-bg);color:var(--danger);padding:1px 6px;font-size:10px;font-style:normal}.cn-field input{width:100%;height:var(--control-h);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--text-xs);padding:0 10px}.cn-field input:disabled{background:var(--surface-3);color:var(--muted-weak)}.cn-field small{font-size:var(--text-2xs);color:var(--muted);margin-top:5px;display:block}.cn-field small b{font-family:var(--font-mono);color:var(--ink-2)}.cn-domain{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);align-items:center;display:flex;overflow:hidden}.cn-domain input{border:0;border-radius:0}.cn-domain em{border-left:1px solid var(--line);background:var(--surface-3);color:var(--muted);font-style:normal;font-family:var(--font-mono);font-size:var(--text-2xs);line-height:var(--control-h);white-space:nowrap;padding:0 10px}.cn-check{font-size:var(--text-2xs);color:var(--ink-2);cursor:pointer;align-items:center;gap:6px;margin-top:6px;display:inline-flex}.cn-check.is-row{margin-top:var(--sp-4);font-size:var(--text-xs)}.cn-review{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.cn-review dt{font-size:var(--text-2xs);color:var(--muted)}.cn-review dd{font-size:var(--text-xs);font-weight:var(--fw-medium);margin:2px 0 0}.cn-review dd.is-mono{font-family:var(--font-mono);overflow-wrap:anywhere}.cn-problem{padding:var(--sp-3) var(--sp-4);border:1px solid var(--danger-line);border-radius:var(--r-sm);background:var(--danger-bg);color:var(--danger);font-size:var(--text-xs);align-items:center;gap:7px;margin:0;display:flex}.cn-progress{height:8px;margin-bottom:var(--sp-4);border-radius:var(--r-pill);background:var(--viz-track);overflow:hidden}.cn-progress div{background:var(--accent);height:100%;transition:width var(--dur-slow) var(--ease-out)}.cn-currentstep{font-size:var(--text-xs);color:var(--ink-2);align-items:center;gap:8px;margin:0;display:flex}.cn-steps{margin:0;padding:0;list-style:none}.cn-steps li{height:30px;font-size:var(--text-xs);color:var(--muted);align-items:center;gap:8px;display:flex}.cn-steps li.is-current{color:var(--ink);font-weight:var(--fw-medium)}.cn-steps li.is-done{color:var(--ink-2)}.cn-dot{border:1.5px solid var(--line);color:#0000;border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.cn-steps li.is-done .cn-dot{border-color:var(--success);background:var(--success);color:#fff}.cn-steps li.is-current .cn-dot{border-color:var(--accent);color:var(--accent)}.cn-spin{animation:1s linear infinite cn-rotate}@keyframes cn-rotate{to{transform:rotate(360deg)}}.cn-done{padding:var(--sp-3) var(--sp-4);border:1px solid var(--success-line);border-radius:var(--r-sm);background:var(--success-bg);color:var(--success);font-size:var(--text-xs);align-items:center;gap:8px;margin:0;display:flex}.cn-actions{gap:var(--sp-2);display:flex}.cn-foot{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--line);background:var(--surface);display:flex}.cn-ghost,.cn-primary{height:var(--control-h);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-2);font:inherit;font-size:var(--text-xs);cursor:pointer;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.cn-ghost:hover:not(:disabled){border-color:var(--muted-weak);background:var(--surface-2)}.cn-primary{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:var(--fw-medium)}.cn-primary:hover:not(:disabled){background:var(--accent-text);border-color:var(--accent-text)}.cn-ghost:disabled,.cn-primary:disabled{opacity:.45;cursor:not-allowed}@media (width<=1100px){.cn-two,.cn-review{grid-template-columns:minmax(0,1fr)}}.pb-month-range{align-items:center;gap:var(--sp-1);white-space:nowrap;display:flex}.pb-month-range select{width:auto;height:var(--control-h);padding:0 var(--sp-2);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.pb-month-range-dash{color:var(--muted)}.pb-month-range-note{color:var(--muted);font-size:var(--text-2xs)}.pb{gap:var(--sp-4);height:calc(100vh - var(--stage-chrome-y) - 2 * clamp(16px, 2.5vw, 24px));flex-direction:column;min-height:0;display:flex}.pb-toolbar{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;flex-shrink:0;display:flex}.pb-toolbar-left{align-items:baseline;gap:var(--sp-3);display:flex}.pb-toolbar-left h2{font-size:var(--text-xl);font-weight:var(--fw-semibold);letter-spacing:-.01em;margin:0}.pb-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted)}.pb-toolbar-right{align-items:center;gap:var(--sp-2);display:flex}.pb-search{height:var(--control-h);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--muted);align-items:center;gap:6px;padding:0 10px;display:inline-flex}.pb-search input{width:180px;color:var(--ink);font:inherit;font-size:var(--text-xs);background:0 0;border:0;outline:none}.pb-seg{height:var(--control-h);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);display:inline-flex;overflow:hidden}.pb-seg button{border:0;border-right:1px solid var(--line);color:var(--ink-2);font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;padding:0 12px}.pb-seg button:last-child{border-right:0}.pb-seg button.is-active{background:var(--accent-bg);color:var(--accent-text);font-weight:var(--fw-semibold)}.pb-add-btn{height:var(--control-h);border:1px solid var(--accent);border-radius:var(--r-sm);background:var(--accent);color:#fff;font:inherit;font-size:var(--text-xs);font-weight:var(--fw-medium);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.pb-add-btn:hover{background:var(--accent-text);border-color:var(--accent-text)}.pb-create-overlay{z-index:var(--z-drawer);padding:48px var(--sp-5);background:color-mix(in srgb, var(--ink) 40%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.pb-create-overlay-panel{width:min(720px,100%)}.pb-body{gap:var(--sp-4);min-height:0;transition:grid-template-columns var(--dur-base) var(--ease-out);flex:1;grid-template-columns:minmax(0,1fr) 340px;align-items:stretch;display:grid}.pb-body.is-takeover{grid-template-columns:176px minmax(0,1fr)}.pb-body.is-takeover .pb-table thead th:not(:first-child),.pb-body.is-takeover .pb-table td:not(:first-child),.pb-body.is-takeover .pb-domain{display:none}.pb-tablewrap{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden auto}.pb-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.pb-table thead th{z-index:var(--z-sticky);background:var(--surface);text-align:left;font-weight:var(--fw-medium);padding:0;position:sticky}.pb-colgroup th{border-bottom:1px solid var(--line);height:36px;top:0}.pb-table thead th.is-num,.pb-table td.is-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;width:1%}.pb-namehead,.pb-table td:first-child{width:100%;max-width:0}.pb-name,.pb-domain{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pb-table thead th button{width:100%;height:100%;min-height:30px;color:var(--ink-2);font:inherit;font-size:var(--text-sm);font-weight:var(--fw-semibold);letter-spacing:.01em;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0 10px;display:inline-flex}.pb-table thead th.is-num button{justify-content:flex-end}.pb-table tbody tr{height:calc(var(--row-h) + 8px);border-bottom:1px solid var(--line-inner);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.pb-table tbody tr:hover{background:var(--surface-2)}.pb-table tbody tr.is-selected{background:var(--accent-bg);box-shadow:inset 2px 0 0 var(--accent)}.pb-table td{padding:0 var(--sp-3)}.pb-name{font-weight:var(--fw-medium);color:var(--ink);line-height:1.35;display:block}.pb-domain{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted-weak);line-height:1.3;display:block}.pb-cost{font-weight:var(--fw-semibold);color:var(--ink);display:block}.pb-dim{color:var(--ink-2);font-size:var(--text-xs)}.pb-deltacell{white-space:nowrap}.pb-deltacell .pb-delta{min-width:46px;margin-left:var(--sp-2);font-weight:var(--fw-semibold);vertical-align:middle;display:inline-block}.pb-deltacell.is-up .pb-delta{color:var(--danger)}.pb-deltacell.is-down .pb-delta{color:var(--success)}.pb-deltacell.is-flat .pb-delta{color:var(--muted)}.pb-flag{border-radius:var(--r-pill);background:var(--warn-bg);color:var(--warn);font-size:10px;font-weight:var(--fw-semibold);margin-left:5px;padding:1px 5px}.pb-flag.is-muted{background:var(--surface-3);color:var(--muted)}.pb-flag.is-danger{background:var(--danger-bg);color:var(--danger)}.pb-spark{vertical-align:middle;width:64px;height:20px;display:inline-block}.pb-spark-area{stroke:none;fill:color-mix(in srgb, var(--muted-weak) 18%, transparent)}.pb-spark-line{stroke:var(--muted-weak)}.pb-spark.is-up .pb-spark-line{stroke:var(--danger)}.pb-spark.is-up .pb-spark-area{fill:color-mix(in srgb, var(--danger) 14%, transparent)}.pb-spark.is-down .pb-spark-line{stroke:var(--success)}.pb-spark.is-down .pb-spark-area{fill:color-mix(in srgb, var(--success) 14%, transparent)}.pb-spark.is-empty{border-bottom:1px dashed var(--line)}.pb-none td{text-align:center;height:120px;color:var(--muted)}.pb-skel-bar{border-radius:var(--r-sm);background:linear-gradient(90deg, var(--surface-3) 0%, var(--line-inner) 50%, var(--surface-3) 100%);height:10px;animation:ui-async-shimmer 1.4s var(--ease-in-out) infinite;background-size:200% 100%;display:inline-block}.pb-skel-row{height:var(--row-h);border-bottom:1px solid var(--line-inner)}.pb-skel-row td{padding:0 10px}.pb-skel-row .pb-skel-bar.is-name{width:68%}.pb-skel-row .pb-skel-bar.is-domain{width:38%;height:7px;margin-top:5px}.pb-skel-row .is-num .pb-skel-bar{float:right}.pb-skel-detail-line{width:60%;margin-bottom:6px}.pb-skel-detail-line.is-wide{width:85%}.pb-skel-hero{padding-bottom:var(--sp-3);border-bottom:1px solid var(--line-inner);justify-content:space-between;align-items:center;display:flex}.pb-skel-hero .pb-skel-bar{width:45%;height:26px}.pb-skel-chart{align-items:flex-end;gap:2px;height:56px;display:flex}.pb-skel-chart .pb-skel-bar{border-radius:1px 1px 0 0;flex:1;height:100%}.pb-skel-cat{height:10px;margin-bottom:var(--sp-2)}.pb-detail{gap:var(--sp-4);box-sizing:border-box;height:100%;min-height:0;padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);flex-direction:column;display:flex;overflow-y:auto}.pb-detail.is-empty{min-height:280px;color:var(--muted);font-size:var(--text-sm);justify-content:center;align-items:center}.pb-detail.is-empty span{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted-weak)}.pb-detail-head h3{font-size:var(--text-lg);font-weight:var(--fw-semibold);margin:0}.pb-detail-kicker{color:var(--muted-weak);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:.04em;margin-bottom:3px;display:block}.pb-detail-head p{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted);margin:2px 0 0}.pb-detail-head-row{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);display:flex}.pb-expand-btn{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);width:28px;height:28px;color:var(--muted);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pb-expand-btn:hover{border-color:var(--accent-line);background:var(--accent-bg);color:var(--accent-text)}.pb-expand-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pb-record-empty{color:var(--muted);font-size:var(--text-sm);margin:0}.pb-detail-hero{justify-content:space-between;align-items:flex-end;gap:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--line-inner);display:flex}.pb-detail-hero span{font-size:var(--text-2xs);color:var(--muted);display:block}.pb-detail-hero strong{font-size:var(--text-2xl);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.pb-detail-delta{border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:var(--fw-semibold);align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.pb-detail-delta em{font-style:normal;font-weight:var(--fw-regular);opacity:.8;font-size:10px}.pb-detail-delta.is-up{background:var(--danger-bg);color:var(--danger)}.pb-detail-delta.is-down{background:var(--success-bg);color:var(--success)}.pb-detail-delta.is-flat{background:var(--surface-3);color:var(--ink-2)}.pb-chart-head{margin-bottom:var(--sp-2);justify-content:space-between;align-items:baseline;display:flex}.pb-chart-head h4{margin:0}.pb-chart-peak{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted)}.pb-detail-chart{align-items:flex-end;gap:2px;height:56px;display:flex}.pb-detail-chart i{background:var(--accent);opacity:.6;border-radius:1px;flex:1;min-width:1px}.pb-detail-chart i.is-current{background:var(--accent);opacity:1}.pb-detail-chart.is-empty{color:var(--muted-weak);font-size:var(--text-2xs);justify-content:center;align-items:center}.pb-chart-labels{font-family:var(--font-mono);color:var(--muted-weak);justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.pb-chart-labels.is-endpoints span:only-child{margin-left:auto}.pb-detail-block h4{margin:0 0 var(--sp-2);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.pb-cat{height:22px;font-size:var(--text-2xs);grid-template-columns:84px minmax(0,1fr) 52px;align-items:center;gap:8px;display:grid}.pb-cat span{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2);overflow:hidden}.pb-cat-track{border-radius:var(--r-pill);background:var(--viz-track);height:5px;overflow:hidden}.pb-cat-bar{background:var(--viz-1);height:100%}.pb-cat b{font-family:var(--font-mono);text-align:right;font-weight:var(--fw-medium)}.pb-split{border-radius:var(--r-pill);height:10px;display:flex;overflow:hidden}.pb-split-human{background:var(--viz-1)}.pb-split-assistant{background:var(--viz-2)}.pb-split-legend{font-size:var(--text-2xs);color:var(--ink-2);justify-content:space-between;margin-top:6px;display:flex}.pb-split-legend span{align-items:center;gap:5px;display:inline-flex}.pb-split-legend i{border-radius:2px;width:8px;height:8px}.pb-split-legend i.is-human{background:var(--viz-1)}.pb-split-legend i.is-assistant{background:var(--viz-2)}.pb-split-legend em{font-style:normal;font-family:var(--font-mono);color:var(--muted)}.pb-facts{gap:var(--sp-2) var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.pb-facts dt{font-size:var(--text-2xs);color:var(--muted)}.pb-facts dd{font-size:var(--text-sm);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;margin:0}.pb-facts dd em{font-style:normal;font-size:var(--text-2xs);font-weight:var(--fw-regular);color:var(--muted)}.pb-gauge{height:18px;margin-top:var(--sp-3);border-radius:var(--r-sm);background:var(--surface-3);position:relative;overflow:hidden}.pb-gauge div{background:var(--accent);opacity:.25;height:100%}.pb-gauge.is-hot div{background:var(--warn);opacity:.35}.pb-gauge span{font-size:10px;font-weight:var(--fw-medium);color:var(--ink-2);place-items:center;display:grid;position:absolute;inset:0}.pb-detail-foot{padding-top:var(--sp-3);border-top:1px solid var(--line-inner);font-size:var(--text-2xs);color:var(--muted)}@media (width<=1100px){.pb{height:auto;min-height:0}.pb-body{flex:initial;grid-template-columns:minmax(0,1fr);min-height:0}.pb-tablewrap,.pb-detail{height:auto;max-height:60vh}}@media (width<=640px){.pb-search input{width:120px}.pb-sparkcell,.pb-table thead th:last-child{display:none}}.pb-detail-head-title{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.pb-add-btn.is-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.pb-add-btn.is-secondary:hover{background:var(--surface-2)}.pb-list-modes{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line-inner);display:flex}.pb-list-modes button{height:26px;padding:0 var(--sp-3);color:var(--muted);font-size:var(--text-xs);background:0 0;border:1px solid #0000;border-radius:999px}.pb-list-modes button.is-active{border-color:var(--line);background:var(--surface);color:var(--ink);font-weight:var(--fw-semibold)}.pb-list-modes-note{font-size:var(--text-2xs);color:var(--muted);margin-left:auto}.pb-period-note{padding:0 var(--sp-2);color:var(--muted);font-size:var(--text-xs);white-space:nowrap}.pb-feecell .pb-feebar{background:var(--line-inner);border-radius:999px;width:100%;height:4px;margin-top:3px;display:flex;overflow:hidden}.pb-feecell .pb-feebar i.is-infra{background:var(--viz-infra)}.pb-feecell .pb-feebar i.is-usage{background:var(--viz-usage)}.pb-nofee{color:var(--muted-weak,var(--muted))}.pb-fee{flex-direction:column;align-items:flex-end;gap:3px;min-width:0;display:inline-flex;position:relative}.pb-fee-amount{align-items:center;gap:var(--sp-1);font-size:var(--text-md);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--ink);display:inline-flex}.pb-feebar{background:var(--line-inner);border-radius:999px;width:72px;height:3px;display:flex;overflow:hidden}.pb-feebar i.is-fixed{background:var(--viz-infra)}.pb-feebar i.is-variable{background:var(--viz-usage)}.pb-fee-card{z-index:5;min-width:190px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-md,0 8px 24px #0f172a1f);text-align:left;pointer-events:none;flex-direction:column;gap:4px;display:none;position:absolute;top:calc(100% + 6px);right:0}.pb-fee:hover .pb-fee-card,.pb-fee:focus-within .pb-fee-card{display:flex}.pb-fee-row{align-items:baseline;gap:var(--sp-2);font-size:var(--text-2xs);white-space:nowrap;display:flex}.pb-fee-row em{color:var(--muted);flex:1;font-style:normal}.pb-fee-row b{font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;color:var(--ink)}.pb-fee-row.is-total{border-top:1px solid var(--line-inner);margin-top:2px;padding-top:4px}.pb-fee-row.is-total b{font-weight:var(--fw-semibold)}.pb-fee-dot{background:var(--line);border-radius:50%;width:6px;height:6px}.pb-fee-dot.is-fixed{background:var(--viz-infra)}.pb-fee-dot.is-variable{background:var(--viz-usage)}.pb-detail-bill{gap:var(--sp-2);padding-bottom:var(--sp-3);margin-bottom:var(--sp-3);border-bottom:1px solid var(--line-inner);flex-direction:column;display:flex}.pb-detail-bill-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-3);display:flex}.pb-detail-bill-head>div{flex-direction:column;gap:2px;min-width:0;display:flex}.pb-detail-bill-head span,.pb-detail-bill-head small{font-size:var(--text-2xs);color:var(--muted)}.pb-detail-bill-head strong{font-size:var(--text-xl);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;color:var(--ink);flex-shrink:0}.pb-detail-bill-head strong.is-missing{color:var(--muted-weak)}.pb-detail-bill-breakdown{gap:var(--sp-2) var(--sp-4);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.pb-detail-bill-breakdown span{font-size:var(--text-2xs);align-items:baseline;gap:5px;display:inline-flex}.pb-detail-bill-breakdown em{color:var(--muted);font-style:normal}.pb-detail-bill-breakdown b{color:var(--ink-2);font-weight:var(--fw-medium)}.pb-detail-bill-note{color:var(--muted-weak);font-size:10px;line-height:var(--lh-snug);margin:0}.pb-chart-delta{margin:0 0 var(--sp-2);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;color:var(--muted)}.pb-chart-delta.is-up{color:var(--danger)}.pb-chart-delta.is-down{color:var(--success)}.pb-summary{gap:var(--sp-4);grid-template-columns:minmax(220px,.9fr) minmax(250px,1fr) minmax(360px,2fr);align-items:stretch;display:grid}.pb-summary-card{box-sizing:border-box;min-width:0;padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--muted);font-size:var(--text-xs);display:flex}.pb-summary-lead{align-items:center;gap:var(--sp-2);justify-content:space-between}.pb-summary-lead-info{align-items:center;gap:var(--sp-3);min-width:0;display:flex}.pb-summary-lead strong{font-size:var(--text-2xl);font-weight:var(--fw-semibold);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}.pb-summary-label{font-size:var(--text-xs);color:var(--muted)}.pb-summary-lead-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.pb-summary-lead-copy small{color:var(--muted-weak);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pb-summary-attention{justify-content:center;gap:var(--sp-2);flex-direction:column}.pb-summary-attention-head{justify-content:space-between;align-items:baseline;gap:var(--sp-2);display:flex}.pb-summary-attention-scope{color:var(--muted-weak);font-family:var(--font-mono);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pb-summary-attention-items{gap:var(--sp-2);flex-wrap:wrap;display:flex}.pb-summary-attention-items span{border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink-2);font-size:var(--text-2xs);font-weight:var(--fw-semibold);padding:3px 7px}.pb-summary-attention-items span.is-danger{border-color:var(--danger-line);background:var(--danger-bg);color:var(--danger)}.pb-summary-attention-items span.is-warn{border-color:var(--warn-line);background:var(--warn-bg);color:var(--warn)}.pb-summary-attention-none{color:var(--success);font-size:var(--text-xs)}.pb-vitals-counts{align-items:center;gap:var(--sp-4);flex-wrap:wrap}.pb-vitals-counts b{color:var(--ink);font-size:var(--text-md);font-variant-numeric:tabular-nums;margin-left:6px}.pb-clock{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;align-self:flex-end;margin:0}.pb-vitals-counts span{align-items:center;gap:5px;display:inline-flex}.pb-vitals-counts svg{color:var(--muted-weak);flex-shrink:0}.pb-summary-icon{color:var(--accent);flex-shrink:0}.pb-data-basis{align-items:center;gap:var(--sp-3);min-height:24px;padding:0 var(--sp-1);color:var(--muted);font-size:var(--text-2xs);flex-wrap:wrap;display:flex}.pb-data-basis-item{align-items:center;gap:6px;display:inline-flex}.pb-data-basis-item i{background:var(--muted-weak);border-radius:50%;width:7px;height:7px}.pb-data-basis-item.is-period i{background:var(--accent)}.pb-data-basis-item.is-snapshot i{background:var(--viz-3)}@media (width<=1180px){.pb-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.pb-vitals-counts{grid-column:span 2}}@media (width<=640px){.pb-summary{grid-template-columns:minmax(0,1fr)}.pb-vitals-counts{grid-column:auto}}.pb-detail-block h4,.pb-chart-head h4{align-items:center;gap:6px;display:flex}.pb-detail-block h4 svg,.pb-chart-head h4 svg{color:var(--muted-weak);flex-shrink:0}.dash-page{gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}.dash-toolbar{justify-content:flex-end;align-items:center;gap:var(--sp-3);display:flex}.dash-toolbar-label{font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.dash-variant-switch{border-radius:var(--r-pill);background:var(--surface-3);padding:2px;display:inline-flex}.dash-variant-switch button{border-radius:var(--r-pill);color:var(--ink-2);font:inherit;font-size:var(--text-xs);font-weight:var(--fw-medium);cursor:pointer;background:0 0;border:0;padding:6px 14px}.dash-variant-switch button.is-active{background:var(--surface);color:var(--ink);font-weight:var(--fw-semibold);box-shadow:var(--soft-shadow,none)}.ovw{gap:var(--sp-4);grid-template-rows:auto auto 1fr;height:calc(100svh - 56px - clamp(32px,5vw,48px));display:grid}.ovw-header{justify-content:space-between;align-items:baseline;gap:var(--sp-3);flex-wrap:wrap;display:flex}.ovw-title{font-size:var(--text-xl);font-weight:var(--fw-bold);letter-spacing:-.03em;line-height:var(--lh-tight);color:var(--ink);margin:0}.ovw-clock{align-items:baseline;gap:var(--sp-2);display:flex}.ovw-clock strong{font-size:var(--text-md);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ink-2)}.ovw-clock span{font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--muted)}.ovw-kpi-row{gap:var(--sp-3);grid-template-columns:1.5fr 1fr 1fr 1fr;display:grid}.ovw-kpi{border-color:var(--line);box-shadow:var(--soft-shadow)}.ovw-kpi.is-hero{padding:var(--sp-5);background:var(--accent-bg);border-color:var(--accent-line)}.ovw-main{gap:var(--sp-3);grid-template-columns:1fr 292px;min-height:0;display:grid}.ovw-rp{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--soft-shadow);flex-direction:column;min-height:0;display:flex;overflow:hidden}.ovw-rp-head{align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line-inner);flex-shrink:0;display:flex}.ovw-rp-icon{border-radius:var(--r-sm);background:var(--accent-bg);width:36px;height:36px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ovw-rp-titles{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ovw-rp-titles strong{font-size:var(--text-md);font-weight:var(--fw-bold);line-height:var(--lh-snug);color:var(--ink)}.ovw-rp-titles span{font-size:var(--text-xs);line-height:var(--lh-snug);color:var(--muted)}.ovw-rp-link{justify-content:center;align-items:center;gap:var(--sp-1);min-height:var(--control-h);padding:0 var(--sp-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-2);font-size:var(--text-xs);font-weight:var(--fw-semibold);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);flex-shrink:0;display:inline-flex}.ovw-rp-link:hover{background:var(--surface-3);color:var(--accent-text);border-color:var(--accent-line)}.ovw-rp-list{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ovw-rp-list>.ui-async-loading{padding:var(--sp-4) var(--sp-5)}.ovw-rp-list>.empty-state{margin:var(--sp-4)}.ovw-rp-row{min-height:var(--row-h);padding:0 var(--sp-5);border:0;border-bottom:1px solid var(--line-inner);cursor:pointer;text-align:left;transition:background var(--dur-fast) var(--ease-out);background:0 0;flex:1;grid-template-columns:48px 1fr 1fr 80px;align-items:center;display:grid}.ovw-rp-row:last-child{border-bottom:0}.ovw-rp-row:hover{background:var(--surface-3)}.ovw-rp-rank{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--accent-text);font-variant-numeric:tabular-nums}.ovw-rp-name{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;padding-right:var(--sp-5);overflow:hidden}.ovw-rp-track{border-radius:var(--r-pill);background:var(--viz-track);height:6px;margin-right:var(--sp-4);overflow:hidden}.ovw-rp-bar{border-radius:inherit;background:var(--viz-1);height:100%;transition:width var(--dur-slow) var(--ease-out)}.ovw-rp-users{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}.ovw-right{gap:var(--sp-3);flex-direction:column;min-height:0;display:flex}.ovw-env-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--soft-shadow);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.ovw-ec-head{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line-inner);display:flex}.ovw-ec-icon{border-radius:var(--r-sm);background:var(--accent-bg);width:30px;height:30px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ovw-ec-titles{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ovw-ec-titles strong{font-size:var(--text-sm);font-weight:var(--fw-bold);line-height:var(--lh-snug);color:var(--ink)}.ovw-ec-titles span{font-size:var(--text-2xs);line-height:var(--lh-snug);color:var(--muted)}.ovw-ec-body{flex-direction:column;display:flex}.ovw-ec-body>.ui-async-loading{padding:var(--sp-4)}.ovw-env-bar{height:6px;margin:var(--sp-3) var(--sp-4) 0;border-radius:var(--r-pill);gap:2px;display:flex;overflow:hidden}.ovw-env-bar.is-empty{background:repeating-linear-gradient(135deg, var(--surface-3) 0 var(--sp-1), var(--line-inner) var(--sp-1) var(--sp-2));border:1px solid var(--line)}.ovw-env-seg{border-radius:var(--r-pill);transition:flex var(--dur-slow) var(--ease-out)}.ovw-env-seg.prod{background:var(--viz-1)}.ovw-env-seg.dev{background:var(--viz-3)}.ovw-env-seg.cfg{background:var(--viz-2)}.ovw-ec-rows{padding:var(--sp-2) 0 var(--sp-1);flex-direction:column;display:flex}.ovw-ec-row{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);font-size:var(--text-xs);color:var(--ink-2);display:flex}.ovw-ec-row span{flex:1}.ovw-ec-row strong{font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;color:var(--ink)}.ovw-env-dot{border-radius:var(--r-pill);flex-shrink:0;width:8px;height:8px;font-style:normal;display:inline-block}.ovw-env-dot.prod{background:var(--viz-1)}.ovw-env-dot.dev{background:var(--viz-3)}.ovw-env-dot.cfg{background:var(--viz-2)}.ovw-sc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--soft-shadow);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ovw-sc-eyebrow{margin:0 0 var(--sp-2);font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.ovw-sc-row{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:var(--row-h);border-bottom:1px solid var(--line-inner);flex:1;display:flex}.ovw-sc-row:last-child{border-bottom:0}.ovw-sc-label{font-size:var(--text-xs);color:var(--muted);font-weight:var(--fw-medium)}.ovw-sc-val{font-size:var(--text-md);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;color:var(--ink)}.ovw-sc-val em{font-style:normal;font-size:var(--text-2xs);font-weight:var(--fw-medium);color:var(--muted);margin-left:var(--sp-1)}@media (width<=1200px){.ovw-kpi-row{grid-template-columns:repeat(3,1fr)}.ovw-kpi.is-hero{grid-column:1/-1}.ovw-main{grid-template-columns:1fr 260px}}@media (width<=900px){.ovw{height:auto}.ovw-main{grid-template-columns:1fr}.ovw-rp{min-height:400px}}@media (width<=720px){.ovw-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.ovw-header{align-items:flex-start;gap:var(--sp-1);flex-direction:column}.ovw-rp-head,.ovw-rp-row,.ovw-rp-list>.ui-async-loading{padding-left:var(--sp-4);padding-right:var(--sp-4)}.ovw-rp-row{grid-template-columns:28px minmax(0,1fr) auto}.ovw-rp-track{display:none}.ovw-rp-name{padding-right:var(--sp-3)}.ovw-kpi.is-hero{padding:var(--sp-4)}}@media (width<=400px){.ovw-kpi-row{grid-template-columns:1fr}}@media (pointer:coarse){.ovw-rp-row{min-height:44px}.ovw-rp-link{min-height:44px;padding:0 var(--sp-4)}.ovw-kpi.is-link{min-height:44px}}.ss-root{min-width:0;position:relative}.ss-trigger{align-items:center;gap:var(--sp-2);width:100%;height:var(--control-h);padding:0 var(--sp-3);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink);font-size:var(--text-sm);font-weight:var(--fw-medium);background:var(--surface);transition:border-color var(--dur-fast) var(--ease-out);display:flex}.ss-trigger:hover{border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.ss-trigger-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ss-trigger-label.is-placeholder{color:var(--muted)}.ss-chevron{color:var(--muted);flex-shrink:0}.ss-panel{top:calc(100% + var(--sp-1));z-index:var(--z-dropdown);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);max-height:320px;box-shadow:var(--deep-shadow);flex-direction:column;display:flex;position:absolute;left:0;right:0;overflow:hidden}.ss-search{padding:var(--sp-2);border-bottom:1px solid var(--line-inner);flex-shrink:0;align-items:center;display:flex;position:relative}.ss-search-icon{left:calc(var(--sp-2) + var(--sp-3));color:var(--muted);pointer-events:none;position:absolute}.ss-search-input{width:100%;height:var(--sp-8);padding:0 var(--sp-3) 0 var(--sp-8);border:1px solid var(--line);border-radius:var(--r-sm);font-size:var(--text-sm);background:var(--surface-2)}.ss-search-input:focus{border-color:color-mix(in srgb, var(--accent) 40%, transparent);outline:none}.ss-options{padding:var(--sp-1);-webkit-overflow-scrolling:touch;overflow-y:auto}.ss-option{justify-content:space-between;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);color:var(--ink);font-size:var(--text-sm);font-weight:var(--fw-medium);text-align:left;background:0 0;border:0;display:flex}.ss-option.is-active{background:var(--surface-3)}.ss-option.is-selected{color:var(--accent-text);font-weight:var(--fw-semibold)}.ss-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ss-check{color:var(--accent-text);flex-shrink:0}.ss-empty{padding:var(--sp-4);text-align:center;color:var(--muted);font-size:var(--text-sm);margin:0}.budget-workspace.compare{gap:var(--sp-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.budget-workspace.compare .budget-pane{min-width:0;padding:0 var(--sp-3) var(--sp-3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);top:var(--sp-3);max-height:calc(100vh - var(--sp-6));position:sticky;overflow-y:auto}.budget-top{gap:var(--sp-2);z-index:var(--z-sticky);padding:var(--sp-2) 0 0;margin-top:calc(-1 * var(--sp-2));background:var(--paper);flex-direction:column;display:flex;position:sticky;top:0}.budget.compact .budget-top{z-index:var(--z-sticky);margin:0 calc(-1 * var(--sp-3));padding:var(--sp-2) var(--sp-3) 0;background:var(--surface-2);position:sticky;top:0}.budget-workspace.compare .budget-pane:nth-child(2){animation:budget-pane-in var(--dur-slow) var(--ease-in-out)}@keyframes budget-pane-in{0%{opacity:0;transform:translate(28px)}}.budget.compact .budget-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.budget.compact .budget-mid,.budget.compact .budget-rank-grid{grid-template-columns:minmax(0,1fr)}.budget-compare-btn{width:var(--control-h);height:var(--control-h);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink-2);background:var(--surface);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.budget-compare-btn[data-tip]:after{content:attr(data-tip);top:calc(100% + var(--sp-2));z-index:var(--z-tooltip);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);background:var(--ink);color:var(--surface);font-size:var(--text-xs);font-weight:var(--fw-medium);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);position:absolute;right:0;transform:translateY(-4px)}.budget-compare-btn:hover:after{opacity:1;transform:translateY(0)}.budget-compare-btn:hover{background:var(--surface-3);color:var(--ink)}.budget-compare-btn.active{color:var(--accent-text);border-color:var(--accent-line);background:var(--accent-bg)}@media (width<=1180px){.budget-workspace.compare{grid-template-columns:minmax(0,1fr)}}.budget{gap:var(--sp-4);flex-direction:column;min-width:0;display:flex;position:relative}.budget-command{gap:var(--sp-3);flex-direction:column;display:flex}.budget-cmd-top{justify-content:space-between;align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.budget-cmd-identity h2{color:var(--ink);font-size:var(--text-xl);font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:var(--lh-tight);margin:0}.budget-cmd-controls{align-items:flex-start;gap:var(--sp-2);flex-wrap:wrap;display:flex}.budget-company-select{gap:var(--sp-1);flex-direction:column;min-width:220px;display:flex}.budget-header-timeline{justify-content:flex-end;padding-right:2px}.budget-period-switch,.budget-scope-switch{border-radius:var(--r-sm);background:var(--surface-3);gap:2px;padding:3px;display:inline-flex}.budget-scope-switch{flex-wrap:wrap;width:fit-content}.budget-navrow{justify-content:space-between;align-items:flex-end;gap:var(--sp-3);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.budget-tab-controls{align-items:center;gap:var(--sp-2);padding-bottom:var(--sp-1);flex-wrap:wrap;display:flex}.budget-period-switch button,.budget-scope-switch button{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-sm);color:var(--muted);font-size:var(--text-xs);font-weight:var(--fw-medium);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:0 0;border:0}.budget-period-switch button.active,.budget-scope-switch button.active{background:var(--surface);color:var(--ink);font-weight:var(--fw-semibold);box-shadow:var(--inset-shadow)}.budget-tabs{gap:var(--sp-5);display:flex}.budget-tabs button{padding:var(--sp-2) 2px;color:var(--muted);font-size:var(--text-sm);font-weight:var(--fw-semibold);transition:color var(--dur-fast) var(--ease-out);background:0 0;border:0;position:relative}.budget-tabs button:hover,.budget-tabs button.active{color:var(--ink)}.budget-tabs button.active:after{content:"";border-radius:var(--r-pill);background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.budget-overview-head{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.budget-overview-head h3{color:var(--ink);font-size:var(--text-lg);font-weight:var(--fw-bold);line-height:var(--lh-snug);margin:0}.budget-report-only-note{margin:calc(-1 * var(--sp-2)) 0 0;color:var(--muted);font-size:var(--text-xs)}.budget-edit-btn{align-items:center;gap:var(--sp-1);height:var(--control-h);padding:0 var(--sp-3);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--accent-text);font-size:var(--text-sm);font-weight:var(--fw-semibold);background:var(--surface);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);text-decoration:none;display:inline-flex}.budget-edit-btn:hover{background:var(--accent-bg);border-color:var(--accent-line)}.budget-edit-btn:disabled{cursor:default;opacity:.7}.budget-spin{animation:1s linear infinite spin}.ledger-export{display:inline-block;position:relative}.ledger-export-popover{top:calc(100% + var(--sp-1));z-index:var(--z-dropdown);width:288px;padding:var(--sp-3);gap:var(--sp-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--deep-shadow);flex-direction:column;display:flex;position:absolute;right:0}.ledger-export-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--ink-2);margin:0}.ledger-export-field{align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--ink-2);display:flex}.ledger-export-field>span{white-space:nowrap;flex:none}.ledger-export-field input{min-width:0;height:var(--control-h);padding:0 var(--sp-2);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink);font-size:var(--text-xs);flex:auto;font-family:inherit}.ledger-export-field input:focus-visible{border-color:var(--accent);outline:none}.ledger-export-error{font-size:var(--text-2xs);color:var(--danger);margin:0}.ledger-export-confirm{height:var(--control-h);border-radius:var(--r-sm);background:var(--accent);color:var(--surface);font-size:var(--text-sm);font-weight:var(--fw-semibold);cursor:pointer;border:none}.ledger-export-confirm:disabled{opacity:.5;cursor:default}.budget-kpi-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));display:grid}.budget-kpi-grid>.stat-card{border-color:var(--line)}.budget-panel{gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);flex-direction:column;min-width:0;display:flex}.budget-panel-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);display:flex}.budget-panel-head h3{color:var(--ink);font-size:var(--text-md);font-weight:var(--fw-bold);line-height:var(--lh-snug);margin:0}.budget-panel-sub{margin:var(--sp-1) 0 0;color:var(--muted);font-size:var(--text-xs);font-weight:var(--fw-medium)}.budget-cell-muted{color:var(--muted)}.budget-link{color:var(--accent-text);font-size:var(--text-xs);font-weight:var(--fw-semibold);white-space:nowrap;background:0 0;border:0;align-items:center;gap:2px;display:inline-flex}.budget-link.sm{font-size:var(--text-xs);color:var(--ink-2)}.budget-link:hover{text-decoration:underline}.budget-trend-select{width:auto;height:var(--control-h);padding:0 var(--sp-6) 0 var(--sp-3);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--ink-2);flex-shrink:0}.budget-mid{gap:var(--sp-3);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;display:grid}.budget-mid.single{grid-template-columns:minmax(0,1fr)}.budget-risk-list{flex-direction:column;display:flex}.budget-risk-row{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3) 0;border-top:1px solid var(--line-inner);display:flex}.budget-risk-row:first-child{border-top:0}.budget-sev-dot{border-radius:var(--r-pill);background:var(--muted);flex-shrink:0;width:8px;height:8px;margin-top:5px}.budget-sev-dot.alert{background:var(--danger)}.budget-sev-dot.warning{background:var(--warn)}.budget-risk-body{flex:1;min-width:0}.budget-risk-title{align-items:center;gap:var(--sp-2);color:var(--ink);font-size:var(--text-sm);font-weight:var(--fw-semibold);flex-wrap:wrap;display:flex}.budget-risk-meta{margin-top:var(--sp-1);color:var(--muted);font-size:var(--text-xs);font-weight:var(--fw-medium)}.budget-rank-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));align-items:start;display:grid}.budget-rank-list{flex-direction:column;display:flex}.budget-rank-row{align-items:center;gap:var(--sp-3);min-height:var(--row-h);padding:var(--sp-2) 0;border-top:1px solid var(--line-inner);display:flex}.budget-rank-row:first-child{border-top:0}.budget-rank-num{border-radius:var(--r-pill);width:22px;height:22px;color:var(--ink-2);font-size:var(--text-2xs);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;background:var(--surface-3);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.budget-rank-num.rank-1{color:var(--surface);background:var(--accent)}.budget-rank-num.rank-2{color:var(--accent-text);background:var(--accent-bg)}.budget-rank-num.rank-3{color:var(--accent-text);background:var(--surface-3)}.budget-rank-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.budget-rank-name{color:var(--ink);font-size:var(--text-sm);font-weight:var(--fw-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.budget-rank-limit{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-medium)}.budget-rank-track{border-radius:var(--r-pill);background:var(--surface-3);height:4px;margin-top:2px;overflow:hidden}.budget-rank-bar{border-radius:var(--r-pill);background:var(--accent);height:100%}.budget-rank-vals{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.budget-rank-cost{color:var(--ink);font-size:var(--text-sm);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.budget-rank-share{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-medium)}.budget-rank-list>.empty-state{padding:var(--sp-5) var(--sp-4)}.budget-scope-tag{margin-left:var(--sp-2);padding:1px var(--sp-2);border-radius:var(--r-pill);color:var(--ink-2);font-size:var(--text-2xs);font-weight:var(--fw-semibold);background:var(--surface-3);display:inline-block}.budget-scopelist{gap:var(--sp-3);flex-direction:column;display:flex}.budget-company-total{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.budget-company-total span{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--fw-medium)}.budget-company-total strong{color:var(--ink);font-size:var(--text-lg);font-weight:var(--fw-bold);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.budget-scopelist-toolbar{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.budget-search{align-items:center;width:260px;max-width:100%;display:flex;position:relative}.budget-search-icon{left:var(--sp-2);color:var(--muted);pointer-events:none;position:absolute}.budget-search input{width:100%;height:var(--control-h);padding:0 var(--sp-2) 0 var(--sp-8);border:1px solid var(--line);border-radius:var(--r-sm);font-size:var(--text-sm);background:var(--surface)}.budget-scopelist-count{color:var(--muted);font-size:var(--text-xs);font-weight:var(--fw-medium)}.budget-scopelist-panel{gap:0;position:relative}.budget-scoperow{align-items:center;gap:var(--sp-3);width:100%;min-height:var(--row-h);padding:var(--sp-2) 0;border:0;border-top:1px solid var(--line-inner);text-align:left;transition:background var(--dur-fast) var(--ease-out);background:0 0;display:flex}.budget-scoperow:first-child{border-top:0}.budget-scoperow:hover{background:var(--surface-2)}.budget-rank-bar.breached{background:var(--danger)}.budget-pagination{justify-content:flex-end;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--line-inner);color:var(--muted);font-size:var(--text-xs);font-weight:var(--fw-semibold);display:flex}.budget-pagination button{border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-3);color:var(--ink);font-weight:var(--fw-semibold);font-size:var(--text-xs);background:var(--surface)}.budget-pagination button:disabled{cursor:not-allowed;color:var(--muted);background:var(--surface-3)}.budget-usagedetail{gap:var(--sp-3);flex-direction:column;display:flex}.budget-usagedetail>.budget-tab-controls{justify-content:space-between;width:100%;padding-bottom:0}.budget-view-pills{gap:var(--sp-1);flex-wrap:wrap;display:flex}.budget-view-pill{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);color:var(--muted);font-size:var(--text-sm);font-weight:var(--fw-medium);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000}.budget-view-pill:hover{background:var(--surface-3);color:var(--ink)}.budget-view-pill.active{border-color:var(--accent-line);color:var(--accent-text);background:var(--accent-bg)}.budget-usagedetail-panel{position:relative}.budget-usagedetail-actions{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.budget-search.sm{width:200px}.budget-entity{gap:var(--sp-4);flex-direction:column;display:flex;position:relative}.budget-entity-title{gap:var(--sp-1);flex-direction:column;display:flex}.budget-entity-title h3{color:var(--ink);font-size:var(--text-lg);font-weight:var(--fw-bold);line-height:var(--lh-snug);align-items:center;margin:0;display:flex}.budget-back-btn{align-items:center;gap:var(--sp-1);width:fit-content;color:var(--ink-2);font-size:var(--text-xs);font-weight:var(--fw-semibold);background:0 0;border:0;padding:0;display:inline-flex}.budget-back-btn:hover{color:var(--accent-text)}.budget-rank-grid.single{grid-template-columns:minmax(0,1fr);max-width:520px}@media (width<=1024px){.budget-mid{grid-template-columns:minmax(0,1fr)}}@media (width<=860px){.budget-navrow{align-items:stretch}.budget-tab-controls{justify-content:space-between;width:100%}}@media (width<=560px){.budget-cmd-controls,.budget-company-select,.budget-company-select select{width:100%}.budget-overview-head{flex-wrap:wrap;align-items:flex-start}}@media (width<=420px){.budget-tabs{gap:var(--sp-4)}.budget-usagedetail-actions,.budget-usagedetail-actions>*,.budget-search.sm,.budget-search{width:100%}.budget-usagedetail-actions .budget-edit-btn{justify-content:center}.budget-rank-grid.single{max-width:none}}.budget-period-controls{align-items:center;gap:var(--sp-2);display:flex}.budget-export-progress{height:4px;margin:-4px 0 var(--sp-3);border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden}.budget-export-progress-fill{border-radius:var(--r-pill);background:var(--accent);height:100%;transition:width var(--dur-slow) var(--ease-out)}.budget-period-month{display:inline-flex;position:relative}.budget-period-month>button{align-items:center;gap:var(--sp-1);display:inline-flex}.budget-period-caret{transition:transform var(--dur-base) var(--ease-out)}.budget-period-caret[data-open=true]{transform:rotate(180deg)}.budget-month-panel{right:0;top:calc(100% + var(--sp-1));z-index:var(--z-dropdown);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--deep-shadow);padding:var(--sp-1);min-width:132px;max-height:280px;position:absolute;overflow-y:auto}.budget-month-option{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);font-size:var(--text-sm);line-height:var(--lh-snug);white-space:nowrap;cursor:pointer;display:flex}.budget-month-option input[type=checkbox]{flex:none;width:16px;height:16px;margin:0;padding:0}.budget-month-option:hover{background:var(--surface-3);border-radius:var(--r-sm)}:root[data-proto-color]{--proto-on-ink:#fff;--proto-hairline:color-mix(in srgb, var(--ink) 4%, transparent);--proto-card-shadow:0 2px 10px color-mix(in srgb, var(--ink) 10%, transparent)}:root[data-proto-color=forest],.is-color-forest{--ink:#1c1c1a;--ink-2:#484743;--muted:#6c6a64;--muted-weak:#a3a099;--paper:#f5f5f3;--surface:#fff;--surface-2:#fafaf8;--surface-3:#eceae6;--line:#e3e1dc;--line-inner:#efedea;--accent:#1a6b40;--accent-text:#155934;--accent-bg:#e8f2ec;--accent-line:#c5ddd0;--danger:#a8322a;--danger-bg:#fbeae8;--danger-line:#eec9c5;--warn:#7d5300;--warn-bg:#f8f0dd;--warn-line:#e4d3ab;--success:#1a6b40;--success-bg:#e8f2ec;--success-line:#c5ddd0;--viz-1:#1a6b40;--viz-2:#b5651d;--viz-3:#37718e;--viz-4:#8c4a6e;--viz-5:#6b6f3a;--viz-6:#a8862c;--viz-7:#4a5d7e;--viz-8:#9c4a35;--viz-track:#e6e4df}:root[data-proto-color=teal],.is-color-teal{--ink:#14201d;--ink-2:#41514c;--muted:#64746e;--muted-weak:#97a39e;--surface:#fff;--surface-2:#f6f8f7;--surface-3:#e9efec;--line:#dde5e1;--line-inner:#eef2f0;--accent:#0f766e;--accent-text:#0c6259;--accent-bg:#e3f2f0;--accent-line:#bcdedb;--danger:#a8322a;--danger-bg:#fbeae8;--danger-line:#eec9c5;--warn:#7d5300;--warn-bg:#f8f0dd;--warn-line:#e4d3ab;--success:#0f766e;--success-bg:#e3f2f0;--success-line:#bcdedb;--viz-1:#0f766e;--viz-2:#d97706;--viz-3:#3f6b9e;--viz-4:#a4426b;--viz-5:#6d6a3c;--viz-6:#b08a2e;--viz-7:#4c7a8c;--viz-8:#98453a;--viz-track:#e4eae7;--soft-shadow:0 1px 2px #14201d0a, 0 14px 32px -18px #14201d40;--proto-card-shadow:0 4px 16px #14201d1a}.is-color-teal{--paper:#f6f7f9}:root[data-proto-color=coral],.is-color-coral{--ink:#17171a;--ink-2:#45454b;--muted:#74747d;--muted-weak:#a9a9b1;--paper:#f7f7f8;--surface:#fff;--surface-2:#fcfcfd;--surface-3:#f1f1f4;--line:#ededf0;--line-inner:#f5f5f7;--accent:#c23a30;--accent-text:#c23a30;--accent-bg:#fdeeec;--accent-line:#f7d2ce;--danger:#c23a30;--danger-bg:#fdeeec;--danger-line:#f7d2ce;--warn:#8a5a00;--warn-bg:#fdf4e4;--warn-line:#f0dfb8;--success:#17795e;--success-bg:#e7f5f1;--success-line:#c0e4da;--viz-1:#e2584d;--viz-2:#2f6f8f;--viz-3:#d9a441;--viz-4:#6a6f9c;--viz-5:#4c9078;--viz-6:#b5717f;--viz-7:#8a8f5c;--viz-8:#7d5aa0;--viz-track:#f0f0f3;--soft-shadow:0 1px 2px #17171a08, 0 16px 40px -24px #17171a33;--proto-card-shadow:0 4px 18px #17171a12}:root[data-proto-color=amber],.is-color-amber{--ink:#1f1e1c;--ink-2:#4c4a45;--muted:#6f6c65;--muted-weak:#a5a19a;--paper:#f4f3f0;--surface:#fff;--surface-2:#faf9f7;--surface-3:#edebe6;--line:#e3e0da;--line-inner:#efedea;--accent:#b45309;--accent-text:#92400e;--accent-bg:#fdf2e3;--accent-line:#edd9b8;--danger:#a8322a;--danger-bg:#fbeae8;--danger-line:#eec9c5;--warn:#7d5300;--warn-bg:#f8f0dd;--warn-line:#e4d3ab;--success:#1f6b46;--success-bg:#e8f2ec;--success-line:#c5ddd0;--viz-1:#b45309;--viz-2:#224a62;--viz-3:#1f6b46;--viz-4:#8c4a6e;--viz-5:#5d5f7e;--viz-6:#a1872f;--viz-7:#47707d;--viz-8:#9c4a35;--viz-track:#e8e5df}:root[data-proto-color=plum],.is-color-plum{--ink:#1b1826;--ink-2:#4a4560;--muted:#6e6885;--muted-weak:#a29cb5;--surface:#fff;--surface-2:#faf9fc;--surface-3:#ecebf1;--line:#e4e2ec;--line-inner:#f0eff5;--accent:#7c2d59;--accent-text:#6a2549;--accent-bg:#f9ecf3;--accent-line:#edcfdf;--danger:#a8322a;--danger-bg:#fbeae8;--danger-line:#eec9c5;--warn:#7d5300;--warn-bg:#f8f0dd;--warn-line:#e4d3ab;--success:#1f6b52;--success-bg:#e6f2ee;--success-line:#c2dcd3;--viz-1:#7c2d59;--viz-2:#2f7080;--viz-3:#a1682a;--viz-4:#4c5a8c;--viz-5:#2f7350;--viz-6:#97562f;--viz-7:#6a5a95;--viz-8:#a03b4a;--viz-track:#e9e7ef;--soft-shadow:0 2px 6px #1b18260d, 0 18px 40px -20px #1b182659;--proto-card-shadow:0 6px 20px #1b18261a}.is-color-plum{--paper:#f6f7f9}:root[data-proto-color=slate],.is-color-slate{--ink:#1b1f27;--ink-2:#444b58;--muted:#6a7282;--muted-weak:#a0a7b4;--paper:#f3f4f7;--surface:#fff;--surface-2:#f8f9fb;--surface-3:#eceef3;--line:#dfe2e9;--line-inner:#eef0f4;--accent:#3f4c6b;--accent-text:#3f4c6b;--accent-bg:#eceef4;--accent-line:#ccd2e0;--danger:#a3342c;--danger-bg:#fbeae8;--danger-line:#eec9c5;--warn:#7a5406;--warn-bg:#f9f1de;--warn-line:#e6d5ae;--success:#1f6a47;--success-bg:#e8f2ed;--success-line:#c5ddd1;--viz-1:#3f4c6b;--viz-2:#c07a3e;--viz-3:#4a7f86;--viz-4:#8a5573;--viz-5:#5c7a4e;--viz-6:#9c7c33;--viz-7:#5a5f88;--viz-8:#a04b42;--viz-track:#e6e8ee;--soft-shadow:0 2px 6px #161a220d, 0 18px 40px -20px #161a2252;--proto-card-shadow:0 6px 20px #161a221a}:root[data-proto-color=sand],.is-color-sand{--ink:#241d17;--ink-2:#4e4339;--muted:#776a5d;--muted-weak:#a89b8c;--paper:#f7f4ef;--surface:#fff;--surface-2:#fbf9f5;--surface-3:#f0ebe2;--line:#e5dfd4;--line-inner:#f1ece4;--accent:#9a4a25;--accent-text:#9a4a25;--accent-bg:#fbeee7;--accent-line:#ecd3c3;--danger:#a5322c;--danger-bg:#fbeae8;--danger-line:#eec9c5;--warn:#7d5300;--warn-bg:#f8f0dd;--warn-line:#e4d3ab;--success:#2a6a43;--success-bg:#e9f2ec;--success-line:#c8ddd0;--viz-1:#9a4a25;--viz-2:#264d58;--viz-3:#7a6a2c;--viz-4:#6b4a76;--viz-5:#2f6b4c;--viz-6:#a3762f;--viz-7:#4f5b84;--viz-8:#93413c;--viz-track:#ebe5da;--soft-shadow:0 2px 6px #2820180d, 0 18px 40px -20px #28201852;--proto-card-shadow:0 6px 20px #2820181a}:root[data-proto-color=violet],.is-color-violet{--ink:#1e1b26;--ink-2:#474156;--muted:#6e6880;--muted-weak:#a29cb2;--paper:#f5f4f9;--surface:#fff;--surface-2:#faf9fd;--surface-3:#efedf6;--line:#e2dfec;--line-inner:#efedf6;--accent:#6b3fa0;--accent-text:#6b3fa0;--accent-bg:#f1ecfa;--accent-line:#d7cbee;--danger:#a5322f;--danger-bg:#fbeae9;--danger-line:#eec9c6;--warn:#7b5406;--warn-bg:#f9f1de;--warn-line:#e6d5ae;--success:#22694a;--success-bg:#e8f2ee;--success-line:#c5ddd3;--viz-1:#6b3fa0;--viz-2:#c2762f;--viz-3:#35798a;--viz-4:#a34372;--viz-5:#4c7a4a;--viz-6:#9b7a2c;--viz-7:#4d5b96;--viz-8:#a2424c;--viz-track:#e8e5f0;--soft-shadow:0 2px 6px #1a16260d, 0 18px 40px -20px #1a162654;--proto-card-shadow:0 6px 20px #1a16261a}:root[data-proto-color=shuchen],.is-color-shuchen{--ink:#221a1f;--ink-2:#4d3f47;--muted:#75656d;--muted-weak:#a8979f;--paper:#f8f4f6;--surface:#fff;--surface-2:#fdf9fb;--surface-3:#f3eaee;--line:#e7dce1;--line-inner:#f2eaee;--accent:#9f0c69;--accent-text:#9f0c69;--accent-bg:#fceef5;--accent-line:#f0cede;--danger:#b3242a;--danger-bg:#fceaea;--danger-line:#f2c9ca;--warn:#8a5405;--warn-bg:#faf1de;--warn-line:#e8d5ad;--success:#1f6a4c;--success-bg:#e8f2ee;--success-line:#c5ddd3;--viz-1:#9f0c69;--viz-2:#e75b20;--viz-3:#3d6f86;--viz-4:#7a4a8f;--viz-5:#2f7356;--viz-6:#a5762c;--viz-7:#565b91;--viz-8:#b8424e;--viz-track:#ece3e7;--soft-shadow:0 2px 6px #22141e0d, 0 18px 40px -20px #22141e54;--proto-card-shadow:0 6px 20px #22141e1a}.is-color-blue{--ink:#14151a;--paper:#f6f7f9;--surface:#fff;--line:#e7e8ec;--accent:#2f6bff;--accent-bg:#eef3ff}:root[data-proto-nav=island]{--paper:color-mix(in srgb, var(--accent) 7%, #eef0ef)}:root[data-proto-nav=dock]{--paper:color-mix(in srgb, var(--accent) 6%, #f0eff3)}@media (width>=1181px){:root[data-proto-nav=topbar] .app-shell,:root[data-proto-nav=topbar] .app-shell.is-wide{--stage-chrome-y:54px;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100vh;overflow:hidden}:root[data-proto-nav=topbar] .main-stage{grid-row:2;min-height:0;overflow:auto}:root[data-proto-nav=topbar] .sidebar{align-items:center;gap:var(--sp-2);height:auto;padding:0 var(--sp-5);border-right:0;border-bottom:1px solid var(--line);background:var(--surface);flex-direction:row;overflow:visible}:root[data-proto-nav=topbar] .sidebar-brand{padding:0 var(--sp-5) 0 0;border-bottom:0}:root[data-proto-nav=topbar] .sidebar-collapse-btn{display:none}:root[data-proto-nav=topbar] nav{flex-direction:row;flex:1;gap:0;padding:0;overflow:visible}:root[data-proto-nav=topbar] .nav-divider{height:20px;margin:0 var(--sp-2);border-top:0;border-left:1px solid var(--line-inner);align-self:center}:root[data-proto-nav=topbar] nav button{height:54px;padding:0 var(--sp-4);border-radius:0}:root[data-proto-nav=topbar] nav button.selected{color:var(--accent-text);box-shadow:inset 0 -2px 0 var(--accent);background:0 0}:root[data-proto-nav=topbar] nav button.selected svg{color:var(--accent-text)}:root[data-proto-nav=topbar] .refresh-button{flex-shrink:0;margin:0}:root[data-proto-nav=topbar] .sidebar-expand-btn{display:none!important}:root[data-proto-nav=topbar] .app-shell.is-wide .stage-body{padding-left:0}:root[data-proto-nav=island] .app-shell{box-sizing:border-box;background:var(--paper);grid-template-columns:210px minmax(0,1fr);gap:14px;padding:14px}:root[data-proto-nav=island] .app-shell.is-wide{grid-template-columns:0 minmax(0,1fr);gap:0}:root[data-proto-nav=island] .sidebar{border:1px solid var(--line);background:var(--surface);border-radius:18px;height:calc(100vh - 28px);top:14px}:root[data-proto-nav=island] .app-shell.is-wide .sidebar{visibility:hidden}:root[data-proto-nav=island] .main-stage{border:1px solid var(--line);background:var(--surface-2);border-radius:18px;grid-column:2;overflow:hidden}:root[data-proto-nav=island] nav button.selected{background:var(--accent-bg);color:var(--accent-text)}:root[data-proto-nav=island] nav button.selected svg{color:var(--accent-text)}:root[data-proto-nav=rail] .app-shell{grid-template-columns:68px minmax(0,1fr)}:root[data-proto-nav=rail] .app-shell.is-wide{grid-template-columns:0 minmax(0,1fr)}:root[data-proto-nav=rail] .app-shell.is-wide .sidebar{visibility:hidden}:root[data-proto-nav=rail] .main-stage{grid-column:2}:root[data-proto-nav=rail] .sidebar{width:68px;z-index:var(--z-dropdown);transition:width var(--dur-slow) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out)}:root[data-proto-nav=rail] .sidebar:hover,:root[data-proto-nav=rail] .sidebar:focus-within{width:232px;box-shadow:var(--soft-shadow)}:root[data-proto-nav=rail] .sidebar-brand{align-items:center;gap:10px;padding:16px 14px 14px;display:flex}:root[data-proto-nav=rail] .sidebar-logo{width:32px;height:32px}:root[data-proto-nav=rail] .sidebar-brand-text,:root[data-proto-nav=rail] .sidebar-collapse-btn,:root[data-proto-nav=rail] .nav-label{opacity:0;transition:opacity var(--dur-base) var(--ease-out);white-space:nowrap}:root[data-proto-nav=rail] .sidebar:hover .sidebar-brand-text,:root[data-proto-nav=rail] .sidebar:hover .sidebar-collapse-btn,:root[data-proto-nav=rail] .sidebar:hover .nav-label,:root[data-proto-nav=rail] .sidebar:focus-within .sidebar-brand-text,:root[data-proto-nav=rail] .sidebar:focus-within .sidebar-collapse-btn,:root[data-proto-nav=rail] .sidebar:focus-within .nav-label{opacity:1}:root[data-proto-nav=rail] nav button{border-radius:0 var(--r-pill) var(--r-pill) 0;margin-right:10px;padding:0 12px 0 22px}:root[data-proto-nav=rail] .refresh-button{justify-content:flex-start;padding-left:20px}:root[data-proto-nav=dock] .app-shell,:root[data-proto-nav=dock] .app-shell.is-wide{grid-template-columns:calc(60px + 2*clamp(16px,2.5vw,24px)) minmax(0,1fr)}:root[data-proto-nav=dock] .stage-body{padding-left:0}:root[data-proto-nav=dock] .main-stage{grid-column:2}:root[data-proto-nav=dock] .sidebar{border:1px solid var(--line);background:var(--surface);width:60px;height:auto;max-height:calc(100vh - 32px);box-shadow:var(--soft-shadow);z-index:var(--z-dropdown);transition:width var(--dur-slow) var(--ease-out);border-radius:22px;align-self:center;align-items:center;margin:0 auto;padding:6px 0;position:sticky;top:50%;transform:translateY(-50%)}:root[data-proto-nav=dock] .sidebar:hover,:root[data-proto-nav=dock] .sidebar:focus-within{width:208px}:root[data-proto-nav=dock] .sidebar-brand{display:none}:root[data-proto-nav=dock] .sidebar:before{content:"";background-image:url(/logo.webp);background-position:50%;background-repeat:no-repeat;background-size:30px 30px;border-radius:14px;flex-shrink:0;width:44px;height:44px;margin:2px 0 4px}:root[data-proto-nav=dock] .nav-label{opacity:0;white-space:nowrap;max-width:0;transition:opacity var(--dur-base) var(--ease-out), max-width var(--dur-base) var(--ease-out);display:inline-block;overflow:hidden}:root[data-proto-nav=dock] .sidebar:hover .nav-label,:root[data-proto-nav=dock] .sidebar:focus-within .nav-label{opacity:1;max-width:140px}:root[data-proto-nav=dock] nav{align-self:stretch;align-items:center;gap:3px;padding:4px 7px;overflow:visible}:root[data-proto-nav=dock] .sidebar:hover nav,:root[data-proto-nav=dock] .sidebar:focus-within nav{align-items:stretch;padding:4px 10px}:root[data-proto-nav=dock] nav button{width:44px;height:44px;transition:width var(--dur-base) var(--ease-out), gap var(--dur-base) var(--ease-out), padding var(--dur-base) var(--ease-out);border-radius:14px;justify-content:center;gap:0;padding:0}:root[data-proto-nav=dock] .sidebar:hover nav button,:root[data-proto-nav=dock] .sidebar:focus-within nav button{justify-content:flex-start;gap:10px;width:100%;padding:0 12px}:root[data-proto-nav=dock] nav button svg{opacity:.7;transform:scale(1.25)}:root[data-proto-nav=dock] .sidebar:hover nav button svg,:root[data-proto-nav=dock] .sidebar:focus-within nav button svg{transform:none}:root[data-proto-nav=dock] nav button.selected{background:var(--accent);color:var(--proto-on-ink)}:root[data-proto-nav=dock] nav button.selected svg{color:var(--proto-on-ink);opacity:1}:root[data-proto-nav=dock] .refresh-button{width:44px;height:44px;transition:width var(--dur-base) var(--ease-out), gap var(--dur-base) var(--ease-out), padding var(--dur-base) var(--ease-out);border-radius:14px;justify-content:center;gap:0;margin:3px 0 4px;padding:0}:root[data-proto-nav=dock] .sidebar:hover .refresh-button,:root[data-proto-nav=dock] .sidebar:focus-within .refresh-button{justify-content:flex-start;gap:10px;width:calc(100% - 20px);margin-left:10px;margin-right:10px;padding:0 12px}:root[data-proto-nav=dock] .sidebar-expand-btn{display:none!important}:root[data-proto-nav=dock] .app-shell.is-wide .stage-body{padding-left:0}}:root[data-proto-shape=square]{--r-sm:4px;--r-md:6px;--r-lg:10px}:root[data-proto-shape=xround]{--r-sm:12px;--r-md:18px;--r-lg:26px}:root[data-proto-density=compact]{--row-h:32px;--control-h:30px;--sp-3:10px;--sp-4:12px}:root[data-proto-density=spacious]{--sp-3:14px;--sp-4:20px;--sp-5:26px;--sp-6:32px;--sp-8:44px;--sp-10:56px;--row-h:44px;--control-h:40px}@media (width>=1181px){:root[data-proto-density=spacious] .app-shell,:root[data-proto-density=spacious] .app-shell.is-wide{grid-template-columns:232px minmax(0,1fr)}:root[data-proto-density=spacious] .sidebar-brand{border-bottom:0;padding:22px 18px 18px}:root[data-proto-density=spacious] nav{gap:4px;padding:8px 12px}:root[data-proto-density=spacious] nav button{height:42px;padding:0 14px}:root[data-proto-density=spacious] .refresh-button{height:40px}}:root[data-proto-table=zebra] .pb-table tbody tr{border-bottom:0}:root[data-proto-table=zebra] .pb-table tbody tr:nth-child(2n){background:var(--surface-2)}:root[data-proto-table=zebra] .pb-table tbody tr:hover{background:var(--surface-3)}:root[data-proto-table=zebra] .pb-table tbody tr.is-selected,:root[data-proto-table=zebra] .pb-table tbody tr.is-selected:nth-child(2n){background:var(--accent-bg)}:root[data-proto-table=plain] .pb-table tbody tr{border-bottom:0}:root[data-proto-table=grid] .pb-table td+td,:root[data-proto-table=grid] .pb-table thead th+th{border-left:1px solid var(--line-inner)}:root[data-proto-table=grid] .pb-table thead th{border-bottom:1px solid var(--line)}.app-shell{grid-template-columns:200px minmax(0,1fr);max-width:100%;min-height:100vh;display:grid;overflow-x:clip}@media (width>=1181px){.app-shell{transition:grid-template-columns var(--dur-slow) var(--ease-in-out)}.app-shell.is-wide{grid-template-columns:0 minmax(0,1fr)}.app-shell.is-wide .sidebar{border-right-color:#0000}.stage-body{transition:padding-left var(--dur-slow) var(--ease-in-out)}.app-shell.is-wide .stage-body{padding-left:56px}}.sidebar-brand{justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar-collapse-btn{border-radius:var(--r-sm);width:28px;height:28px;color:var(--muted);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.sidebar-collapse-btn:hover{background:var(--surface-3);color:var(--ink)}.sidebar-expand-btn{z-index:var(--z-sticky);border:1px solid var(--line);border-radius:var(--r-sm);width:36px;height:36px;color:var(--ink-2);background:var(--surface);box-shadow:var(--soft-shadow);justify-content:center;align-items:center;transition:background .12s,color .12s;display:none;position:fixed;top:14px;left:12px}.sidebar-expand-btn:hover{background:var(--surface-3);color:var(--ink)}@media (width>=1181px){.app-shell.is-wide .sidebar-expand-btn{display:inline-flex}}.sidebar{border-right:1px solid var(--line);background:var(--surface-2);flex-direction:column;min-width:0;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-brand{border-bottom:1px solid var(--line-inner);flex-shrink:0;padding:16px 14px 14px}.sidebar-brand-text{min-width:0;overflow:hidden}.sidebar-brand-eyebrow{color:var(--muted);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-weight:600;overflow:hidden}.sidebar-brand h1{color:var(--ink);font-size:var(--text-md);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:700;line-height:1.2;overflow:hidden}nav{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:3px;padding:12px 10px;display:flex;overflow:auto}button,input,select,textarea{font:inherit}button{cursor:pointer}nav button{border-radius:var(--r-sm);height:37px;color:var(--ink-2);font-size:var(--text-sm);text-align:left;white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;padding:0 12px;font-weight:500;transition:background .12s,color .12s;display:flex;position:relative;overflow:hidden}nav button svg{opacity:.55;transition:opacity var(--dur-fast) var(--ease-out);flex-shrink:0}nav button:hover{background:var(--surface-3);color:var(--ink)}nav button:hover svg{opacity:.8}nav button.selected{background:var(--accent-bg);color:var(--accent);font-weight:600}nav button.selected svg{opacity:1;color:var(--accent)}.refresh-button{border:1px solid var(--line);border-radius:var(--r-sm);height:34px;color:var(--ink-2);font-size:var(--text-xs);background:var(--surface);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:7px;margin:0 8px 12px;padding:0 12px;font-weight:600;transition:background .12s,color .12s;display:flex;overflow:hidden}.refresh-button:hover{background:var(--surface-3);color:var(--ink)}.refresh-button svg.spin{animation:1s linear infinite spin}.eyebrow{color:var(--muted);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;margin:0 0 2px;font-weight:600}.main-stage{background:var(--paper);flex-direction:column;min-width:0;display:flex}.topbar{z-index:var(--z-sticky);border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0;align-items:center;gap:12px;min-width:0;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.topbar-subtitle{min-width:0;color:var(--ink);font-size:var(--text-md);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-weight:500;overflow:hidden}.topbar-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.global-search-wrap{flex-shrink:0;align-items:center;display:flex;position:relative}.search-icon{color:var(--muted);pointer-events:none;flex-shrink:0;position:absolute;left:10px}.global-search{border:1px solid var(--line);border-radius:var(--r-sm);width:230px;height:34px;color:var(--muted);background:var(--paper);font-size:var(--text-xs);box-sizing:border-box;outline:none;padding:0 12px 0 30px}.global-search:focus{border-color:var(--accent-line);color:var(--ink)}.stage-body{grid-template-columns:minmax(0,min(100%,2160px));place-content:start center;min-width:0;padding:clamp(16px,2.5vw,24px);display:grid}.stage-body>*{box-sizing:border-box;width:100%;min-width:0}input,select,textarea{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);background:var(--surface);font-size:var(--text-sm);outline:none;padding:8px 10px}textarea{resize:vertical;min-height:130px}.metrics-grid{background:var(--surface-3);border:1px solid var(--line);border-radius:var(--r-md);grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;margin-bottom:18px;display:grid;overflow:hidden}.monthly-cost-loading,.full-page-loading{z-index:var(--z-overlay);justify-content:center;align-items:center;gap:var(--sp-3);color:var(--ink);background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);flex-direction:column;display:flex;position:fixed;inset:0}.monthly-cost-loading>*,.full-page-loading>*{z-index:1;position:relative}.panel-spinner{z-index:var(--z-sticky);background:var(--accent-bg);pointer-events:none;height:3px;position:absolute;top:0;left:0;right:0;overflow:hidden}.panel-spinner:after{content:"";border-radius:var(--r-pill);background:var(--accent);width:40%;animation:1.1s ease-in-out infinite panel-bar;position:absolute;top:0;bottom:0;left:0}@keyframes panel-bar{0%{left:-40%}to{left:100%}}.monthly-cost-spinner{border:3px solid color-mix(in srgb, var(--accent) 15%, transparent);border-top-color:var(--accent);border-radius:var(--r-pill);width:44px;height:44px;animation:.8s linear infinite spin}.monthly-cost-loading strong,.full-page-loading strong{font-size:clamp(1rem,2vw,1.25rem)}@keyframes spin{to{transform:rotate(360deg)}}.workspace{grid-template-columns:minmax(260px,320px) minmax(0,1fr) minmax(260px,320px);align-items:start;gap:18px;display:grid}.workspace.two-column{grid-template-columns:minmax(260px,340px) minmax(0,1fr)}.list-panel,.detail-panel,.create-panel{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);min-width:0}.list-panel,.create-panel{padding:18px}.detail-panel{min-height:min(560px,70vh);padding:clamp(18px,3vw,24px)}.panel-title,.detail-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-title{color:var(--ink);align-items:center;margin-bottom:14px;font-weight:700}.panel-title-actions{align-items:center;gap:8px;display:flex}.panel-count{border-radius:var(--r-pill);min-width:22px;height:22px;color:var(--ink-2);font-size:var(--text-xs);background:var(--surface-3);justify-content:center;align-items:center;padding:0 7px;font-weight:600;display:inline-flex}.panel-add{border:1px solid var(--line);border-radius:var(--r-sm);height:30px;color:var(--accent);font-size:var(--text-xs);background:var(--surface);align-items:center;gap:5px;padding:0 12px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.panel-add:hover{background:var(--accent-bg);border-color:var(--accent-line)}.panel-add svg{flex-shrink:0}.list-scroll{-webkit-overflow-scrolling:touch;align-content:start;gap:8px;max-height:min(68vh,520px);padding-right:4px;display:grid;overflow:auto}@media (width>=1181px){.workspace.two-column,.workspace.company-workspace{align-items:stretch;height:calc(100vh - 2*clamp(16px,2.5vw,24px))}.workspace.two-column .list-panel,.workspace.company-workspace .list-panel{flex-direction:column;min-height:0;display:flex}.workspace.two-column .list-panel .list-scroll,.workspace.company-workspace .list-panel .companies-list-scroll{flex:1;min-height:0;max-height:none}.workspace.two-column .detail-panel,.workspace.company-workspace .company-detail-panel{min-height:0;overflow-y:auto}}.list-controls{gap:10px;margin-bottom:14px;display:grid}.list-controls label{gap:4px}.list-controls input,.list-controls select{padding:8px 10px}.list-pagination{color:var(--muted);font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;display:flex}.list-pagination>span{flex:1;min-width:0}.list-pagination .page-size{color:var(--muted);font-size:var(--text-xs);flex-direction:row;flex-shrink:0;align-items:center;gap:4px;margin:0;font-weight:600;display:flex}.list-pagination .page-size select{width:auto;font-size:var(--text-xs);padding:5px 6px}.list-pagination button{border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink-2);background:var(--surface);padding:6px 12px;font-weight:600;transition:background .12s,color .12s,border-color .12s}.list-pagination button:hover:not(:disabled){color:var(--accent);border-color:var(--accent-line);background:var(--accent-bg)}.list-pagination button:disabled{cursor:not-allowed;color:var(--muted);background:var(--surface-3);border-color:var(--line);opacity:.7}.record-card{color:inherit;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;gap:4px;padding:11px 14px;transition:border-color .12s,background .12s,box-shadow .12s;display:grid}.record-card:hover{border-color:var(--accent-line);background:var(--surface-2)}.record-card.active{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 1px var(--accent-line)}.record-card.active .record-title{color:var(--accent)}.record-title{color:var(--ink);word-break:break-word;font-weight:700;line-height:1.3}.record-meta,.muted{color:var(--muted);font-size:var(--text-sm);line-height:1.25}.detail-heading h2,.create-panel h3{color:var(--ink);letter-spacing:-.03em;word-break:break-word;margin:0;font-size:clamp(1.1rem,2.2vw,1.5rem)}.empty-state h3{color:var(--ink);font-size:var(--text-lg);letter-spacing:-.01em;margin:0;font-weight:700}.form-grid{gap:14px;margin:20px 0;display:grid}.config-toolbar{grid-template-columns:minmax(0,1fr) minmax(160px,240px) auto;align-items:center;gap:12px;min-width:0;margin-top:22px;display:grid}.config-pagination{color:var(--muted);font-size:var(--text-xs);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-weight:700;display:flex}.config-pagination span{flex:12rem;min-width:0}.config-pagination button{border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink);background:var(--surface);padding:8px 10px;font-weight:600}.config-pagination button:disabled{cursor:not-allowed;color:var(--muted);background:var(--surface-3)}.config-order{gap:4px}.config-order select{padding:8px 10px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}label{color:var(--ink-2);font-size:var(--text-xs);gap:6px;font-weight:600;display:grid}.primary-action{color:#fff;width:100%;font-weight:600;font-size:var(--text-sm);background:var(--accent);border-radius:var(--r-sm);transition:opacity var(--dur-fast) var(--ease-out);border:0;margin-top:12px;padding:10px 16px}.primary-action:hover{opacity:.88}.create-panel{gap:12px;display:grid}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.domain-card,.ticket-card{border-radius:var(--r-md);background:var(--surface-3);border:1px solid var(--line);margin-top:18px;padding:18px}.empty-state{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-12) var(--sp-6);border-radius:var(--r-md);background:var(--surface-3);border:1px solid var(--line);text-align:center;flex-direction:column;flex:1;display:flex}.empty-state-icon{width:var(--sp-12);height:var(--sp-12);border-radius:var(--r-pill);color:var(--muted);background:var(--surface);border:1px solid var(--line);justify-content:center;align-items:center;display:inline-flex}.empty-state p{max-width:28rem;color:var(--muted);font-size:var(--text-sm);line-height:var(--lh-normal);margin:0}.ticket-card{gap:12px;display:grid}.danger-action{border-radius:var(--r-sm);width:fit-content;color:var(--danger);font-weight:600;font-size:var(--text-xs);background:var(--danger-bg);transition:background var(--dur-fast) var(--ease-out);border:0;padding:8px 12px}.danger-action:hover{background:var(--danger-line)}.toast{right:max(12px, env(safe-area-inset-right,0px));bottom:max(12px, env(safe-area-inset-bottom,0px));z-index:var(--z-toast);box-sizing:border-box;border-radius:var(--r-md);border:1px solid var(--line);width:min(420px,100vw - 24px);max-width:calc(100vw - 24px);color:var(--ink);background:var(--surface);box-shadow:var(--deep-shadow);word-break:break-word;font-size:var(--text-sm);padding:12px 16px;font-weight:500;position:fixed;left:auto}.toast.error{color:var(--danger);border-color:var(--danger-line);background:var(--danger-bg)}@media (width<=1180px){.config-toolbar{grid-template-columns:minmax(0,1fr)}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid{grid-template-columns:minmax(0,1fr)}.metric-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}.workspace,.workspace.two-column{grid-template-columns:1fr}.list-pagination button,.config-pagination button{min-height:44px;padding-inline:14px}}@media (width<=720px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.metrics-grid{grid-template-columns:1fr}}.mobile-topbar{display:none}@media (width<=1180px){.app-shell{grid-template-rows:52px 1fr;grid-template-columns:1fr}.mobile-topbar{z-index:var(--z-sticky);background:var(--surface);border-bottom:1px solid var(--line);grid-area:1/1/auto/-1;align-items:center;gap:10px;height:52px;padding:0 16px;display:flex;position:sticky;top:0}.mobile-topbar-title{font-size:var(--text-md);color:var(--ink);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:700;overflow:hidden}.mobile-menu-btn,.mobile-refresh-btn{border-radius:var(--r-sm);width:36px;height:36px;color:var(--ink-2);transition:background var(--dur-fast) var(--ease-out);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-menu-btn:hover,.mobile-refresh-btn:hover{background:var(--surface-3)}.hamburger,.hamburger:before,.hamburger:after{background:var(--ink);width:18px;height:1.75px;transition:transform var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out);border-radius:2px;display:block}.hamburger{position:relative}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0}.hamburger:before{top:-5px}.hamburger:after{top:5px}.hamburger.is-open{background:0 0}.hamburger.is-open:before{top:0;transform:rotate(45deg)}.hamburger.is-open:after{top:0;transform:rotate(-45deg)}.sidebar .sidebar-brand{display:none}.sidebar nav{flex:none;gap:2px;padding:8px}.sidebar nav button{border-radius:var(--r-md);height:48px;font-size:var(--text-lg);gap:12px;padding:0 14px}.sidebar nav button svg{width:18px;height:18px}.sidebar .refresh-button{display:none}.sidebar{z-index:var(--z-drawer);width:220px;height:auto;transition:transform var(--dur-base) var(--ease-in-out);box-shadow:4px 0 24px color-mix(in srgb, var(--ink) 10%, transparent);position:fixed;top:52px;bottom:0;left:0;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar-overlay{z-index:var(--z-overlay);background:color-mix(in srgb, var(--ink) 30%, transparent);-webkit-backdrop-filter:blur(2px);position:fixed;inset:52px 0 0}.main-stage{grid-row:2;min-width:0}}@media (width>=1181px) and (width<=1599px){.app-shell{grid-template-columns:185px minmax(0,1fr)}.mobile-topbar{display:none}.workspace,.workspace.two-column{grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:16px}.workspace:not(.company-workspace)>.create-panel,.workspace.two-column>.create-panel{grid-column:1/-1}.list-panel,.create-panel{padding:16px}.detail-panel{padding:20px}.config-toolbar{grid-template-columns:minmax(0,1fr) minmax(150px,210px)}.config-pagination{grid-column:1/-1;justify-content:flex-start}}.nav-divider{margin:var(--sp-2) 8px;border-top:1px solid var(--line-inner);flex-shrink:0}.legacy-switch{z-index:40;border:1px solid var(--line);border-radius:0 0 var(--r-sm) var(--r-sm);background:var(--surface);color:var(--muted);font-size:var(--text-2xs);opacity:.75;transition:opacity var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border-top:0;padding:3px 12px 4px;line-height:1.4;text-decoration:none;position:fixed;top:0;left:50%;transform:translate(-50%)}.legacy-switch:hover,.legacy-switch:focus-visible{opacity:1;color:var(--ink)}.sidebar-logo{object-fit:contain;flex-shrink:0;width:26px;height:26px}.full-page-loading-mark{object-fit:contain;width:120px;height:120px;animation:1.6s ease-in-out infinite logo-breathe}@keyframes logo-breathe{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.full-page-loading-mark{opacity:.7;animation:none}}