@import "https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Noto+Sans+TC:wght@400;500;600;700&display=swap";html{max-width:100%;overflow-x:clip}:root{--ink:#14151a;--ink-2:#5b5f6b;--muted:#8a8f99;--paper:#f6f7f9;--surface:#fff;--surface-2:#fbfbfc;--surface-3:#f1f2f4;--line:#e7e8ec;--line-inner:#f0f1f4;--accent:#2f6bff;--soft-shadow:0 1px 2px #1012170a, 0 18px 40px -18px #1012172e;--deep-shadow:0 4px 24px #10121724;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Schibsted Grotesk,Noto Sans TC,system-ui,sans-serif}body{max-width:100%;margin:0;overflow-x:clip}#root{min-width:0;max-width:100%}.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}.pattern-group{gap:8px;display:grid}.pattern-group-header{z-index:1;width:100%;color:var(--muted);letter-spacing:.1em;text-align:left;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfbfcf0;border:0;border-radius:14px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:11px;font-weight:700;display:flex;position:sticky;top:0}.pattern-group-header:hover{color:var(--ink);background:#fff}.group-chevron{width:20px;height:20px;color:var(--accent);background:#2f6bff1a;border-radius:999px;justify-content:center;align-items:center;transition:transform .18s;display:inline-flex}.group-chevron.collapsed{transform:rotate(-90deg)}.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}.config-field{color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:8px;padding:14px;font-size:13px;font-weight:600;transition:border-color .12s,box-shadow .12s;display:grid}.config-field.is-modified{border-color:#2f6bff73;box-shadow:0 0 0 1px #2f6bff1f}.config-field>span{color:var(--ink);justify-content:space-between;align-items:center;gap:10px;font-weight:700;display:flex}.config-field-name-text{word-break:break-word;align-items:center;gap:7px;min-width:0;display:inline-flex}.config-modified-dot{background:var(--accent);border-radius:999px;flex-shrink:0;width:7px;height:7px}.config-field em{border:1px solid var(--line);color:var(--ink-2);letter-spacing:.04em;text-transform:uppercase;background:var(--surface-3);border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:10px;font-style:normal;font-weight:600}.config-field small{color:var(--muted);font-weight:500;line-height:1.4}.config-field-foot{align-items:center;gap:10px;margin-top:2px;display:flex}.config-modified-badge{height:20px;color:var(--accent);letter-spacing:.02em;background:#2f6bff1a;border-radius:999px;align-items:center;padding:0 8px;font-size:10.5px;font-weight:700;display:inline-flex}.config-reset{color:var(--ink-2);background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;margin-left:auto;padding:4px 6px;font-size:12px;font-weight:600;transition:background .12s,color .12s;display:inline-flex}.config-reset:hover{color:var(--ink);background:var(--surface-3)}.config-reset svg{flex-shrink:0}.boolean-toggle{border:1px solid var(--line);background:var(--surface-3);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:grid}.boolean-toggle button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:9px 12px;font-weight:600;transition:background .12s,color .12s}.boolean-toggle button.active.true{color:#046c4e;background:#d7fff1}.boolean-toggle button.active.false{color:#9f1239;background:#ffe4e6}@media (width<=720px){.boolean-toggle button{min-height:44px}}.drawer-overlay{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d1b2a66;justify-content:flex-end;animation:.18s drawer-fade;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);flex-direction:column;animation:.24s cubic-bezier(.4,0,.2,1) drawer-slide;display:flex}.drawer-header{border-bottom:1px solid var(--line-inner);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 14px;display:flex}.drawer-heading h3{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:16px;font-weight:700}.drawer-close{border:1px solid var(--line);width:30px;height:30px;color:var(--ink-2);background:var(--surface);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.drawer-close:hover{background:var(--surface-3);color:var(--ink)}.drawer-body{-webkit-overflow-scrolling:touch;flex:1;align-content:start;gap:12px;padding:18px 20px;display:grid;overflow-y:auto}.drawer-footer{border-top:1px solid var(--line-inner);flex-shrink:0;padding:14px 20px}.drawer-footer .primary-action{margin-top:0}@keyframes drawer-fade{0%{opacity:0}}@keyframes drawer-slide{0%{opacity:.4;transform:translate(16px)}}@media (width<=720px){.drawer-overlay{align-items:flex-end}.drawer-panel{border-left:0;border-top-left-radius:18px;border-top-right-radius:18px;width:100%;height:auto;max-height:92vh;animation:.24s cubic-bezier(.4,0,.2,1) drawer-slide-up}@keyframes drawer-slide-up{0%{opacity:.4;transform:translateY(24px)}}}.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);letter-spacing:-.01em;word-break:break-all;background:var(--surface-3);border-radius:8px;padding:7px 11px;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,monospace;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);flex-direction:column;gap:8px;margin-top:16px;padding-top:16px;display:flex}.entity-detail-actions .primary-action{margin-top:0}.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);background:var(--surface);border-radius:12px;min-width:0;margin-bottom:18px;position:relative;overflow:hidden}.usage-dashboard.is-loading:after{content:"";z-index:5;pointer-events:none;background:#f6f7f973;position:absolute;inset:0}.usage-command-zone{background:var(--surface);padding:16px 18px}.usage-cmd-top{border-bottom:1px solid var(--line-inner);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:0;padding-bottom:16px;display:flex}.usage-cmd-identity-wrapper{align-items:center;gap:10px;display:flex}.usage-cmd-identity .eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:10.5px;font-weight:600;display:block}.usage-cmd-identity h2{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.usage-kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:18px;display:grid}.usage-kpi-strip .usage-kpi-block+.usage-kpi-block{border-left:1px solid var(--line-inner);padding-left:24px;padding-right:0}.usage-controls{flex-wrap:wrap;align-items:center;gap:8px;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);background:0 0;border:0;border-radius:6px;padding:5px 13px;font-size:12.5px;font-weight:500;transition:background .1s,color .1s,box-shadow .1s}.usage-scope-switch button.active{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #10121714}.usage-filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.usage-filters label{color:var(--muted);letter-spacing:.01em;white-space:nowrap;flex-direction:row;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.usage-filters input{font-variant-numeric:tabular-nums;background:#f7f8fa;min-width:120px;height:32px;padding:0 10px;font-size:12px}.usage-company-picker{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.usage-company-picker>input{background:#f7f8fa;min-width:150px;height:32px;padding:0 10px;font-size:12px}.selected-company-pill{color:#046c4e;background:#d7fff1;border:1px solid #046c4e2e;border-radius:999px;flex-shrink:0;width:fit-content;padding:4px 10px;font-size:11px;font-weight:700}.usage-company-results{z-index:20;background:var(--surface);border:1px solid var(--line);min-width:260px;max-height:200px;box-shadow:var(--soft-shadow);border-radius:10px;gap:4px;padding:6px;display:grid;position:absolute;top:calc(100% + 4px);left:0;overflow:auto}.usage-company-picker-wrap{flex-direction:column;gap:0;display:flex;position:relative}.usage-company-results button{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;font-size:12px;transition:background .1s,color .1s;display:flex}.usage-company-results button.active,.usage-company-results button:hover{color:var(--ink);background:#2f6bff0f}.usage-company-results strong{color:var(--ink);font-weight:600}.usage-company-results span{color:var(--muted);font-size:11px}.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);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:2px 2px 11px;font-size:14px;font-weight:600;transition:color .12s,border-color .12s}.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,1fr) 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}@media (width<=1180px){.usage-breakdown-grid{grid-template-columns:minmax(0,1fr)}.usage-kpi-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}}@media (width<=720px){.usage-kpi-strip{grid-template-columns:minmax(0,1fr)}.usage-kpi-block+.usage-kpi-block{border-left:none;border-top:1px solid var(--line-inner);padding-top:16px;padding-left:0}.usage-company-results button{flex-wrap:wrap;min-height:44px}.usage-scope-switch button{min-height:44px}}.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:not(.time-bar-card) .bar-plot,.plot-card:not(.time-bar-card) .customer-usage-list{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);border-radius:10px;flex:0 auto;align-content:start;min-height:0;padding:10px 12px}.plot-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-width:0;padding:16px}.plot-title{border-bottom:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;font-size:13px;font-weight:800;display:flex}.plot-title small{color:var(--muted);font-size:11px;font-weight:700}.plot-caption,.plot-axis{color:var(--muted);font-size:12px;font-weight:800}.plot-axis{justify-content:space-between;margin-top:6px;display:flex}.plot-axis-row{grid-template-columns:54px minmax(0,1fr);gap:12px;margin-top:16px;display:grid}.plot-axis-row .plot-axis{margin-top:0}.tick-axis{-webkit-overflow-scrolling:touch;scrollbar-width:thin;justify-content:space-between;align-items:start;gap:8px;min-width:0;max-width:100%;min-height:24px;display:flex;overflow-x:auto}.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;letter-spacing:.02em;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-top:2px solid #0000;flex:1 1 0;min-width:5px;padding-top:9px;font-size:11px;font-weight:700;overflow:hidden}.time-axis-column.is-visible{text-overflow:clip;color:#506174;overflow:visible}.time-axis-column:first-child{text-align:left}.time-axis-column:last-child{text-align:right}.tick-axis span{color:#506174;letter-spacing:.02em;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-top:2px solid #64748b3d;flex:1 1 0;min-width:0;padding-top:6px;font-size:12px;overflow:hidden}.time-bar-wrap{grid-template-columns:54px minmax(0,1fr);gap:12px;min-width:0;height:clamp(180px,42vw,250px);margin-top:12px;display:grid}.y-axis{color:var(--muted);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:18px 0 20px;font-size:10px;font-weight:800;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{z-index:0;content:"";background:repeating-linear-gradient(90deg,#0d1b2a1f 0 8px,#0000 8px 16px) 0 0/100% 1px no-repeat,repeating-linear-gradient(90deg,#0d1b2a1a 0 8px,#0000 8px 16px) 0/100% 1px no-repeat,repeating-linear-gradient(90deg,#0d1b2a14 0 8px,#0000 8px 16px) 0 100%/100% 1px no-repeat;position:absolute;inset:18px 0 20px}.time-bar-column{z-index:1;flex:1 1 0;justify-content:center;align-items:end;min-width:5px;height:100%;display:flex;position:relative}.time-bar-column:hover{z-index:6}.floating-bar-tooltip{box-sizing:border-box;z-index:30;border:1px solid var(--line);width:min(360px,100dvw - 20px);min-width:0;max-width:calc(100dvw - 20px);max-height:calc(100dvh - 20px);color:var(--muted);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--soft-shadow);pointer-events:none;background:#fffffff5;border-radius:16px;gap:4px;padding:12px 14px;font-size:11px;font-weight:800;display:grid;position:fixed;overflow-y:auto}.floating-bar-tooltip strong,.floating-bar-tooltip span{grid-template-columns:10px minmax(0,1fr) minmax(7ch,40%);align-items:center;gap:8px;min-width:0;display:grid}.floating-bar-tooltip strong{color:var(--ink);margin-bottom:6px;font-size:12px;display:block}.floating-bar-tooltip i{border-radius:999px;flex:none;width:8px;height:8px;display:inline-block}.floating-bar-tooltip span{color:#536173}.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{overflow-wrap:anywhere;font-style:normal;line-height:1.25}.floating-bar-tooltip b{min-width:0;color:var(--ink);text-align:right;overflow-wrap:anywhere;justify-self:end;font-weight:900;line-height:1.25}.time-bar-column>i,.time-bar-column.stacked>.bar-stack{background:linear-gradient(#2f80ed,#28c6a5);border-radius:4px 4px 0 0;width:min(100%,32px);min-height:4px;display:block}.time-bar-column.stacked>.bar-stack{background:#2f80ed14;flex-direction:column-reverse;display:flex;overflow:hidden}.time-bar-column.stacked>.bar-stack>i{width:100%;min-height:3px;display:block;box-shadow:inset 0 1px #ffffff8c}.bar-value{color:var(--muted);white-space:nowrap;font-size:10px;font-weight:900;display:none;position:absolute;bottom:calc(100% + 4px)}.time-bar-column:hover .bar-value{display:block}.channel-legend{flex-wrap:wrap;gap:8px;min-width:0;margin-top:0;margin-bottom:10px;display:flex}.channel-legend span{border:1px solid var(--line);color:var(--muted);background:#ffffffe6;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.channel-legend i{border-radius:999px;width:8px;height:8px}.bar-plot,.customer-usage-list{gap:10px;min-width:0;margin-top:14px;display:grid}.bar-row,.customer-usage-row{color:var(--muted);grid-template-columns:minmax(72px,1fr) minmax(0,2fr) auto;align-items:center;gap:8px;min-width:0;font-size:12px;display:grid}.bar-row span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.bar-row b{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:800}.bar-row div{background:#2f80ed1a;border-radius:999px;height:12px;overflow:hidden}.bar-row i{border-radius:inherit;background:linear-gradient(90deg,#2f80ed,#28c6a5);height:100%;display:block}.customer-usage-row{border:1px solid var(--line);background:#ffffffe0;border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto auto;gap:clamp(6px,2vw,10px);min-width:0;padding:10px 12px}.bar-plot{-webkit-overflow-scrolling:touch;overflow-x:auto}.customer-usage-row strong{overflow-wrap:anywhere;min-width:0;color:var(--ink)}.customer-usage-row span,.customer-usage-row small{min-width:0}.cat-cost-list{gap:11px;margin-top:14px;display:grid}.cat-cost-row{grid-template-columns:120px minmax(0,1fr) auto 38px;align-items:center;gap:12px;min-width:0;display:grid}.cat-cost-label{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;overflow:hidden}.cat-cost-track{background:#2f80ed14;border-radius:999px;min-width:0;height:8px;overflow:hidden}.cat-cost-track i{background:var(--accent);border-radius:999px;min-width:6px;height:100%;display:block}.cat-cost-value{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;font-size:12.5px;font-weight:700}.cat-cost-share{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:11.5px;font-weight:600}.cat-cost-zero{color:var(--muted);margin:4px 0 0;font-size:11.5px;font-weight:500}.cust-list{margin-top:6px;display:grid}.cust-row{grid-template-columns:26px minmax(0,1fr);align-items:start;gap:12px;padding:11px 2px;display:grid}.cust-row+.cust-row{border-top:1px solid var(--line-inner)}.cust-rank{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.03em;text-align:right;padding-top:2px;font-size:11px;font-weight:700}.cust-main{flex-direction:column;gap:6px;min-width:0;display:flex}.cust-head{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.cust-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);font-size:13px;font-weight:600;overflow:hidden}.cust-value{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:700}.cust-track{background:#2f80ed14;border-radius:999px;height:6px;overflow:hidden}.cust-track i{background:var(--accent);border-radius:999px;min-width:4px;height:100%;display:block}.cust-meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.message-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;display:grid}.message-insight-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-width:0;padding:16px}.message-mix-tabs{border-bottom:1px solid var(--line);gap:6px;padding-bottom:12px;display:flex}.message-mix-tab{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:800;transition:background .12s,color .12s,border-color .12s}.message-mix-tab:hover{color:var(--ink)}.message-mix-tab.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.message-mix-list{gap:12px;margin-top:14px;display:grid}.message-mix-row{border:1px solid var(--line);background:#ffffffe0;border-radius:14px;flex-direction:column;gap:8px;min-width:0;padding:12px 14px;display:flex}.message-mix-head{align-items:baseline;gap:8px;min-width:0;display:flex}.message-mix-head strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.message-mix-meta{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:500}.message-mix-total{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:12.5px;font-weight:700}.message-mix-ratio{background:#2f80ed14;border-radius:999px;height:12px;display:flex;overflow:hidden}.message-mix-ratio i{height:100%;display:block}.message-mix-ratio .human{background:linear-gradient(90deg,#28c6a5,#60d9bc)}.message-mix-ratio .assistant{background:linear-gradient(90deg,#2f80ed,#6aa7ff)}.message-mix-ratio .empty{background:0 0;width:100%}.message-mix-legend-row{flex-wrap:wrap;gap:6px 16px;display:flex}.message-mix-legend-row span{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:inline-flex}.message-mix-legend-row i{border-radius:999px;flex-shrink:0;width:8px;height:8px}.message-mix-legend-row .human-label i{background:#28c6a5}.message-mix-legend-row .assistant-label i{background:#2f80ed}.message-mix-legend-row em{color:var(--ink);font-style:normal;font-weight:700}.message-mix-magnitude{background:#0d1b2a0f;border-radius:999px;height:3px;overflow:hidden}.message-mix-magnitude i{background:#2f80ed73;border-radius:999px;height:100%;display:block}@media (width<=1400px) and (width>=1181px){.customer-usage-row{flex-wrap:wrap;align-items:baseline;gap:8px 12px;display:flex}.customer-usage-row strong{flex:100%}.customer-usage-row span{flex:auto}.customer-usage-row small{white-space:normal;flex:0 auto}}@media (width<=1180px){.message-insight-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.customer-usage-row{text-align:left;grid-template-columns:minmax(0,1fr);justify-items:start}.bar-row{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto}.bar-row>span:first-child{grid-column:1/-1}.bar-row>div{grid-column:1/2}.bar-row>b{grid-area:2/2/auto/3;align-self:center}}.usage-kpi-block{flex-direction:column;gap:8px;padding-right:24px;display:flex}.usage-kpi-block span{color:var(--muted);font-size:11.5px;font-weight:500;display:block}.usage-kpi-block strong{color:var(--ink);letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:clamp(1.625rem,3vw,1.875rem);font-weight:700;line-height:1;display:block}.kpi-value-row{justify-content:space-between;align-items:flex-end;gap:12px;min-width:0;display:flex}.kpi-sparkline{width:84px;height:30px;color:var(--accent);flex-shrink:0}.kpi-delta{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:11.5px;font-weight:700;display:inline-flex}.kpi-delta-arrow{color:var(--ink);font-style:normal}.kpi-delta.up .kpi-delta-arrow{color:#1f9d6b}.kpi-delta.down .kpi-delta-arrow{color:#d4514e}.kpi-delta em{color:var(--muted);font-style:normal;font-weight:500}.monthly-costs-panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:0;min-width:0;margin-bottom:18px;display:flex;position:relative;overflow:hidden}.monthly-costs-panel.is-loading:after{content:"";z-index:5;pointer-events:none;background:#f6f7f973;position:absolute;inset:0}.costs-page-header{border-bottom:1px solid var(--line-inner);padding:16px 18px 14px}.costs-page-header .eyebrow{margin-bottom:4px}.costs-page-header h2{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.costs-filter-row{border-bottom:1px solid var(--line-inner);flex-wrap:wrap;align-items:center;gap:8px;min-width:0;padding:12px 18px;display:flex}.costs-filter-label{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:11.5px;font-weight:600}.costs-filter-arrow{color:var(--muted);flex-shrink:0;font-size:12px}.costs-month-input{font-variant-numeric:tabular-nums;background:#f7f8fa;border-radius:8px;flex-shrink:0;min-width:130px;height:32px;padding:0 10px;font-size:12px;width:auto!important}.costs-query-btn{background:var(--accent);color:#fff;white-space:nowrap;border:0;border-radius:7px;flex-shrink:0;height:32px;padding:0 14px;font-size:12.5px;font-weight:600;transition:opacity .12s}.costs-query-btn:hover{opacity:.88}.costs-filter-sep{background:var(--line);flex-shrink:0;width:1px;height:20px;margin:0 2px}.costs-search-input{background:#f7f8fa;border-radius:8px;flex:160px;min-width:120px;height:32px;padding:0 10px;font-size:12px}.costs-select{border:1px solid var(--line);background:var(--surface);height:32px;color:var(--ink);cursor:pointer;border-radius:8px;flex-shrink:0;padding:0 8px;font-size:12px;width:auto!important}.monthly-cost-chart-card{border-bottom:1px solid var(--line-inner);min-width:0;padding:16px 18px}.monthly-cost-chart-card .plot-title small{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.costs-summary{color:var(--muted);font-size:12px;font-weight:500}.monthly-cost-legend-dot{border-radius:3px;flex-shrink:0;width:9px;height:9px;display:inline-block}.monthly-cost-legend-dot.infra,.monthly-cost-bar-infra{background:linear-gradient(90deg,#2f6bff,#6aa7ff)}.monthly-cost-legend-dot.usage,.monthly-cost-bar-usage{background:linear-gradient(90deg,#28c6a5,#60d9bc)}.monthly-cost-chart{gap:10px;margin-top:14px;display:grid}.monthly-cost-bar-row{cursor:help;grid-template-columns:28px minmax(160px,.7fr) minmax(160px,2fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.costs-row-num{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.03em;text-align:right;flex-shrink:0;font-size:11px;font-weight:700}.costs-row-label{flex-direction:column;gap:2px;min-width:0;display:flex}.costs-row-label strong{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;display:block;overflow:hidden}.costs-row-label span{color:var(--muted);font-size:11px;font-weight:500;display:block}.monthly-cost-bar-row b{color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;font-size:12.5px;font-weight:700}.monthly-cost-bar-track{background:#2f6bff14;border-radius:999px;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}.cost-bar-tooltip{box-sizing:border-box;z-index:30;border:1px solid var(--line);width:min(320px,100dvw - 20px);min-width:0;max-width:calc(100dvw - 20px);max-height:calc(100dvh - 20px);color:var(--muted);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--soft-shadow);pointer-events:none;background:#fffffff5;border-radius:14px;gap:6px;padding:12px 14px;font-size:11.5px;display:grid;position:fixed;overflow-y:auto}.cost-bar-tooltip strong{color:var(--ink);overflow-wrap:anywhere;font-size:12.5px;font-weight:700;display:block}.cost-bar-tooltip-basis{color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:2px;font-size:11px;font-weight:500;display:block}.cost-bar-tooltip-row{grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.cost-bar-tooltip-row i{border-radius:3px;flex-shrink:0;width:9px;height:9px}.cost-bar-tooltip-row em{color:#536173;font-style:normal;font-weight:600}.cost-bar-tooltip-row b{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.cost-bar-tooltip-row.total{border-top:1px solid var(--line-inner);grid-template-columns:minmax(0,1fr) auto;margin-top:4px;padding-top:6px;padding-left:17px}.costs-pagination{flex-shrink:0;align-items:center;gap:6px;display:flex}.costs-page-btn{border:1px solid var(--line);background:var(--surface);width:32px;height:32px;color:var(--ink);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;transition:opacity .12s,border-color .12s;display:inline-flex}.costs-page-btn:hover:not(:disabled){border-color:var(--accent)}.costs-page-btn:disabled{opacity:.35;cursor:default}.costs-page-indicator{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;min-width:40px;font-size:12px;font-weight:600}@media (width<=720px){.costs-filter-row{gap:6px}.costs-month-input{min-width:110px}.costs-search-input{flex:100%;order:10}.monthly-cost-bar-row{grid-template-rows:auto auto;grid-template-columns:24px minmax(0,1fr)}.monthly-cost-bar-row .costs-row-label,.monthly-cost-bar-row .monthly-cost-bar-track{grid-column:2/3}.monthly-cost-bar-row b{text-align:left;grid-column:2/3}}.metric-card{background:var(--surface);flex-direction:column;gap:8px;min-width:0;padding:14px 15px;display:flex}.metric-card span{color:var(--muted);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;display:block;overflow:hidden}.metric-card strong{color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(1.25rem,2.2vw,1.5rem);font-weight:700;line-height:1;display:block}.confirm-overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d1b2a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-modal{box-sizing:border-box;width:min(480px,100vw - 32px);box-shadow:var(--deep-shadow);background:#fff;border-radius:20px;padding:28px 28px 20px}.confirm-modal-message{color:var(--ink);margin:0 0 24px;font-size:.95rem;line-height:1.6}.confirm-modal-actions{justify-content:flex-end;gap:10px;display:flex}.confirm-modal-cancel{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;padding:8px 18px;font-size:.9rem}.confirm-modal-cancel:hover{background:var(--paper)}.confirm-modal-confirm{color:#fff;cursor:pointer;background:#be123c;border:none;border-radius:10px;padding:8px 18px;font-size:.9rem}.confirm-modal-confirm:hover{background:#9f1239}.workspace.company-workspace{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:stretch}.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}.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}.company-edit-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:20px;display:grid}.company-edit-grid .edit-card{border:1px solid var(--line);background:#f4f8fc80;border-radius:18px;padding:18px}.company-edit-grid .edit-card.full-width{grid-column:1/-1}.company-edit-grid .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}.company-edit-grid{grid-template-columns:minmax(0,1fr)}.limit-row-control{flex-direction:column;align-items:flex-start}}@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}}.ovw{grid-template-rows:auto auto 1fr;gap:16px;height:calc(100svh - 56px - clamp(32px,5vw,48px));display:grid}.ovw-header{justify-content:space-between;align-items:baseline;display:flex}.ovw-title{letter-spacing:-.035em;color:var(--ink);margin:0;font-size:24px;font-weight:700}.ovw-clock{align-items:baseline;gap:8px;display:flex}.ovw-clock strong{font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--ink);font-size:20px;font-weight:700}.ovw-clock span{color:var(--muted);font-size:12px;font-weight:500}.ovw-kpi-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.ovw-kpi-card{background:var(--kpi-bg,var(--surface));cursor:pointer;text-align:left;border:none;border-radius:16px;flex-direction:column;gap:6px;padding:18px 20px 20px;transition:filter .16s,transform .12s;display:flex}.ovw-kpi-card:hover{filter:brightness(.96);transform:translateY(-1px)}.ovw-kpi-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.ovw-kpi-icon-pill{width:36px;height:36px;color:var(--kpi-icon,var(--accent));background:#ffffff8c;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ovw-kpi-proceed{color:#0000004d;background:#ffffff73;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.ovw-kpi-label{color:#00000073;font-size:13px;font-weight:500;line-height:1}.ovw-kpi-num{font-variant-numeric:tabular-nums;letter-spacing:-.045em;color:var(--ink);margin-top:2px;font-size:36px;font-weight:800;line-height:1}.ovw-main{grid-template-columns:1fr 292px;gap:12px;min-height:0;display:grid}.ovw-rp{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:0 1px 4px #0e0f1a0a}.ovw-rp-head{border-bottom:1px solid var(--line-inner);flex-shrink:0;align-items:center;gap:12px;padding:16px 20px;display:flex}.ovw-rp-icon{background:color-mix(in srgb, var(--accent) 10%, transparent);width:36px;height:36px;color:var(--accent);border-radius:10px;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{color:var(--ink);font-size:14px;font-weight:700}.ovw-rp-titles span{color:var(--muted);font-size:12px}.ovw-rp-link{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:flex}.ovw-rp-link:hover{background:var(--surface-3);color:var(--accent);border-color:#2f6bff33}.ovw-rp-list{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ovw-rp-row{border:0;border-bottom:1px solid var(--line-inner);cursor:pointer;text-align:left;background:0 0;flex:1;grid-template-columns:48px 1fr 1fr 80px;align-items:center;min-height:0;padding:0 20px;transition:background .11s;display:grid}.ovw-rp-row:last-child{border-bottom:0}.ovw-rp-row:hover{background:var(--surface-3)}.ovw-rp-rank{color:var(--accent);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.ovw-rp-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;padding-right:20px;font-size:13px;font-weight:500;overflow:hidden}.ovw-rp-track{background:var(--line-inner);border-radius:999px;height:6px;margin-right:16px;overflow:hidden}.ovw-rp-bar{border-radius:inherit;height:100%;transition:width .9s cubic-bezier(.16,1,.3,1)}.ovw-rp-users{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;font-size:13px;font-weight:700}.ovw-right{flex-direction:column;gap:12px;min-height:0;display:flex}.ovw-env-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;flex-shrink:0;padding:0;display:flex;overflow:hidden;box-shadow:0 1px 4px #0e0f1a0a}.ovw-ec-head{border-bottom:1px solid var(--line-inner);align-items:center;gap:10px;padding:14px 16px;display:flex}.ovw-ec-icon{background:color-mix(in srgb, var(--accent) 10%, transparent);width:30px;height:30px;color:var(--accent);border-radius:8px;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{color:var(--ink);font-size:13px;font-weight:700}.ovw-ec-titles span{color:var(--muted);font-size:11px}.ovw-env-bar{border-radius:999px;gap:2px;height:6px;margin:14px 16px 0;display:flex;overflow:hidden}.ovw-env-seg{border-radius:999px;transition:flex .85s cubic-bezier(.16,1,.3,1)}.ovw-env-seg.prod{background:var(--accent)}.ovw-env-seg.dev{background:#28c6a5}.ovw-env-seg.cfg{background:#f59e0b}.ovw-ec-rows{flex-direction:column;padding:10px 0 4px;display:flex}.ovw-ec-row{color:var(--ink-2);align-items:center;gap:8px;padding:7px 16px;font-size:12px;display:flex}.ovw-ec-row span{flex:1}.ovw-ec-row strong{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700}.ovw-env-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;font-style:normal;display:inline-block}.ovw-env-dot.prod{background:var(--accent)}.ovw-env-dot.dev{background:#28c6a5}.ovw-env-dot.cfg{background:#f59e0b}.ovw-sc{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;flex:1;min-height:0;padding:16px;display:flex;overflow:hidden;box-shadow:0 1px 4px #0e0f1a0a}.ovw-sc-eyebrow{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:10px;font-weight:700}.ovw-sc-row{border-bottom:1px solid var(--line-inner);flex:1;justify-content:space-between;align-items:center;min-height:0;display:flex}.ovw-sc-row:last-child{border-bottom:0}.ovw-sc-label{color:var(--muted);font-size:12px;font-weight:500}.ovw-sc-val{font-variant-numeric:tabular-nums;color:var(--ink);font-size:15px;font-weight:700}.ovw-sc-val em{color:var(--muted);margin-left:2px;font-size:11px;font-style:normal;font-weight:500}.ovw-empty{color:var(--muted);text-align:center;padding:20px;font-size:13px}@media (width<=1200px){.ovw-kpi-row{grid-template-columns:repeat(2,1fr)}.ovw-main{grid-template-columns:1fr 260px}}@media (width<=900px){.ovw{height:auto}.ovw-kpi-row{grid-template-columns:repeat(2,1fr)}.ovw-main{grid-template-columns:1fr}.ovw-rp{min-height:400px}}.ss-root{min-width:0;position:relative}.ss-trigger{border:1px solid var(--line);width:100%;height:34px;color:var(--ink);background:var(--surface);border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:500;transition:border-color .12s;display:flex}.ss-trigger:hover{border-color:#2f6bff66}.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{z-index:50;border:1px solid var(--line);background:var(--surface);max-height:320px;box-shadow:var(--deep-shadow);border-radius:10px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.ss-search{border-bottom:1px solid var(--line-inner);flex-shrink:0;align-items:center;padding:8px;display:flex;position:relative}.ss-search-icon{color:var(--muted);pointer-events:none;position:absolute;left:18px}.ss-search-input{border:1px solid var(--line);background:var(--surface-2);border-radius:7px;width:100%;height:32px;padding:0 10px 0 30px;font-size:13px}.ss-search-input:focus{border-color:#2f6bff66;outline:none}.ss-options{-webkit-overflow-scrolling:touch;padding:4px;overflow-y:auto}.ss-option{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.ss-option.is-active{background:var(--surface-3)}.ss-option.is-selected{color:var(--accent);font-weight:600}.ss-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ss-check{color:var(--accent);flex-shrink:0}.ss-empty{text-align:center;color:var(--muted);margin:0;padding:16px;font-size:13px}.budget-workspace.compare{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.budget-workspace.compare .budget-pane{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;min-width:0;max-height:calc(100vh - 24px);padding:0 14px 14px;position:sticky;top:12px;overflow-y:auto}.budget-top{z-index:20;background:var(--paper);box-shadow:0 1px 0 var(--line);flex-direction:column;gap:14px;margin-top:calc(-1*clamp(10px,1.5vw,16px));padding:clamp(10px,1.5vw,16px) 0 12px;display:flex;position:sticky;top:0}.budget.compact .budget-top{z-index:6;background:var(--surface-2);box-shadow:0 1px 0 var(--line-inner);margin:0 -14px;padding:12px 14px;position:sticky;top:0}.budget-workspace.compare .budget-pane:nth-child(2){animation:.28s cubic-bezier(.4,0,.2,1) budget-pane-in}@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.compact .usage-kpi-block strong{font-size:1.375rem}.budget.compact .kpi-value-row{min-width:0}.budget.compact .usage-kpi-block strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.budget-compare-btn{border:1px solid var(--line);width:34px;height:34px;color:var(--ink-2);background:var(--surface);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s,border-color .12s;display:inline-flex;position:relative}.budget-compare-btn[data-tip]:after{content:attr(data-tip);z-index:40;background:var(--ink);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;border-radius:7px;padding:5px 9px;font-size:12px;font-weight:500;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 8px);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);background:#2f6bff14;border-color:#2f6bff66}@media (width<=1180px){.budget-workspace.compare{grid-template-columns:minmax(0,1fr)}}.budget{flex-direction:column;gap:16px;min-width:0;display:flex;position:relative}.budget.is-loading{opacity:.6;pointer-events:none}.budget-command{flex-direction:column;gap:14px;display:flex}.budget-cmd-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.budget-cmd-identity h2{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:clamp(1.1rem,2.2vw,1.4rem);font-weight:700}.budget-cmd-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.budget-company-select{min-width:220px}.budget-period-switch,.budget-scope-switch{background:var(--surface-3);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.budget-scope-switch{flex-wrap:wrap;width:fit-content}.budget-tab-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.budget-period-switch button,.budget-scope-switch button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:5px 13px;font-size:12.5px;font-weight:500;transition:background .1s,color .1s,box-shadow .1s}.budget-period-switch button.active,.budget-scope-switch button.active{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #10121714}.budget-tabs{border-bottom:1px solid var(--line);gap:4px;display:flex}.budget-tabs:last-child{border-bottom:none}.budget-tabs button{color:var(--muted);background:0 0;border:0;margin-right:18px;padding:10px 4px;font-size:13.5px;font-weight:600;transition:color .12s;position:relative}.budget-tabs button:hover,.budget-tabs button.active{color:var(--ink)}.budget-tabs button.active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.budget-overview-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.budget-overview-head h3{color:var(--ink);margin:0;font-size:15px;font-weight:700}.budget-edit-btn{border:1px solid var(--line);height:34px;color:var(--accent);background:var(--surface);border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.budget-edit-btn:hover{background:#2f6bff0f;border-color:#2f6bff66}.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{z-index:70;background:var(--surface);border:1px solid var(--line);width:288px;box-shadow:var(--deep-shadow);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.ledger-export-label{color:var(--ink-2);margin:0;font-size:12px;font-weight:600}.ledger-export-field{color:var(--ink-2);align-items:center;gap:10px;font-size:12px;display:flex}.ledger-export-field>span{white-space:nowrap;flex:none}.ledger-export-field input{border:1px solid var(--line);background:var(--surface-2);min-width:0;height:32px;color:var(--ink);border-radius:7px;flex:auto;padding:0 8px;font-family:inherit;font-size:12px}.ledger-export-field input:focus-visible{border-color:var(--accent);outline:none}.ledger-export-error{color:#d64545;margin:0;font-size:11px}.ledger-export-confirm{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;height:34px;font-size:13px;font-weight:600}.ledger-export-confirm:disabled{opacity:.5;cursor:default}.budget-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.budget-kpi-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:8px;padding:18px;display:flex;position:relative}.budget-kpi-icon{border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;position:absolute;top:16px;right:16px}.budget-kpi-icon.spend{color:var(--accent);background:#2f6bff1a}.budget-kpi-icon.rate{color:#d99a2b;background:#e0a13c24}.budget-kpi-icon.remaining{color:#1f9d6b;background:#1f9d6b1f}.budget-kpi-icon.token{color:#8b5cf6;background:#8b5cf61f}.budget-kpi-card .usage-kpi-block{padding-right:0}.budget-kpi-card.accent-spend .kpi-sparkline{color:var(--accent)}.budget-kpi-card.accent-token .kpi-sparkline{color:#8b5cf6}.budget-kpi-note{color:var(--muted);margin:0;font-size:11.5px;font-weight:500}.budget-panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex}.budget-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.budget-panel-head h3{color:var(--ink);margin:0;font-size:15px;font-weight:700}.budget-panel-sub{color:var(--muted);margin:4px 0 0;font-size:12px;font-weight:500}.budget-link{color:var(--accent);white-space:nowrap;background:0 0;border:0;align-items:center;gap:2px;font-size:12.5px;font-weight:600;display:inline-flex}.budget-link.sm{color:var(--ink-2);font-size:12px}.budget-link:hover{text-decoration:underline}.budget-trend-select{width:auto;height:32px;color:var(--ink-2);flex-shrink:0;padding:0 28px 0 12px;font-size:12.5px;font-weight:600}.budget-range-pill{border:1px solid var(--line);height:28px;color:var(--ink-2);border-radius:8px;align-items:center;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.budget-mid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:14px;display:grid}.budget-mid.single{grid-template-columns:minmax(0,1fr)}.budget-risk-list{flex-direction:column;display:flex}.budget-risk-row{border-top:1px solid var(--line-inner);align-items:flex-start;gap:10px;padding:12px 0;display:flex}.budget-risk-row:first-child{border-top:0}.budget-sev-dot{background:var(--muted);border-radius:999px;flex-shrink:0;width:8px;height:8px;margin-top:5px}.budget-sev-dot.alert{background:#d4514e}.budget-sev-dot.warning{background:#e0a13c}.budget-sev-dot.info{background:var(--accent)}.budget-risk-body{flex:1;min-width:0}.budget-risk-title{color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.budget-risk-meta{color:var(--muted);margin-top:3px;font-size:12px;font-weight:500}.budget-sev-tag{border-radius:999px;align-items:center;height:19px;padding:0 8px;font-size:10.5px;font-weight:700;display:inline-flex}.budget-sev-tag.alert{color:#b3261e;background:#fdecec}.budget-sev-tag.warning{color:#8a5a00;background:#fdf3e0}.budget-sev-tag.info{color:var(--accent);background:#2f6bff1a}.budget-rank-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}.budget-rank-list{flex-direction:column;display:flex}.budget-rank-row{border-top:1px solid var(--line-inner);align-items:center;gap:12px;padding:11px 0;display:flex}.budget-rank-row:first-child{border-top:0}.budget-rank-num{width:22px;height:22px;color:var(--ink-2);font-variant-numeric:tabular-nums;background:var(--surface-3);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:11.5px;font-weight:700;display:inline-flex}.budget-rank-num.rank-1{color:#d4514e;background:#fdecec}.budget-rank-num.rank-2{color:#d9831f;background:#fdf0e0}.budget-rank-num.rank-3{color:#c79a1e;background:#fbf6e0}.budget-rank-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.budget-rank-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.budget-rank-limit{color:var(--muted);font-size:11.5px;font-weight:500}.budget-rank-track{background:var(--surface-3);border-radius:999px;height:4px;margin-top:2px;overflow:hidden}.budget-rank-bar{background:var(--accent);border-radius:999px;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-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.budget-rank-share{color:var(--muted);font-size:11.5px;font-weight:500}.budget-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.budget-table{border-collapse:collapse;width:100%;font-size:13px}.budget-table th{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:600}.budget-table th.num,.budget-table td.num{text-align:right;font-variant-numeric:tabular-nums}.budget-table td{color:var(--ink);border-bottom:1px solid var(--line-inner);padding:11px 12px;font-weight:500}.budget-table td.muted{color:var(--muted)}.budget-table td.up{color:#d4514e;font-weight:700}.budget-scope-tag{color:var(--ink-2);background:var(--surface-3);border-radius:999px;margin-left:8px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-block}.budget-empty{text-align:center;color:var(--muted);margin:0;padding:28px 0;font-size:13px}.budget-checkbox{color:var(--ink-2);flex-direction:row;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.budget-checkbox input{flex-shrink:0;width:16px;height:16px}.budget-scopelist{flex-direction:column;gap:14px;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:11.5px;font-weight:500}.budget-company-total strong{color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.budget-scopelist-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.budget-search{align-items:center;width:260px;max-width:100%;display:flex;position:relative}.budget-search-icon{color:var(--muted);pointer-events:none;position:absolute;left:10px}.budget-search input{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:100%;height:34px;padding:0 10px 0 30px;font-size:13px}.budget-scopelist-count{color:var(--muted);font-size:12px;font-weight:500}.budget-scopelist-panel{gap:0;position:relative}.budget-scoperow{border:0;border-top:1px solid var(--line-inner);text-align:left;background:0 0;align-items:center;gap:12px;width:100%;padding:11px 0;transition:background .1s;display:flex}.budget-scoperow:first-child{border-top:0}.budget-scoperow:hover{background:var(--surface-2)}.budget-rank-bar.breached{background:#d4514e}.budget-pagination{border-top:1px solid var(--line-inner);color:var(--muted);justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;padding-top:12px;font-size:12px;font-weight:600;display:flex}.budget-pagination button{border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.budget-pagination button:disabled{cursor:not-allowed;color:var(--muted);background:var(--surface-3)}.budget-usagedetail{flex-direction:column;gap:14px;display:flex}.budget-view-pills{flex-wrap:wrap;gap:6px;display:flex}.budget-view-pill{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500;transition:background .12s,color .12s,border-color .12s}.budget-view-pill:hover{background:var(--surface-3);color:var(--ink)}.budget-view-pill.active{color:var(--accent);background:#2f6bff14;border-color:#2f6bff66}.budget-usagedetail-panel{position:relative}.budget-usagedetail-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.budget-search.sm{width:200px}.budget-search.sm input{height:32px}.budget-clickable{cursor:pointer}.budget-clickable:hover{background:var(--surface-2)}.budget-entity{flex-direction:column;gap:16px;display:flex;position:relative}.budget-entity.is-loading{opacity:.6;pointer-events:none}.budget-entity-title{flex-direction:column;gap:6px;display:flex}.budget-entity-title h3{color:var(--ink);align-items:center;margin:0;font-size:16px;font-weight:700;display:flex}.budget-back-btn{width:fit-content;color:var(--ink-2);background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:12.5px;font-weight:600;display:inline-flex}.budget-back-btn:hover{color:var(--accent)}.budget-rank-grid.single{grid-template-columns:minmax(0,1fr);max-width:520px}.budget-modal-overlay{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d1b2a66;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.budget-modal{background:var(--surface);width:min(840px,100%);max-height:calc(100vh - 48px);box-shadow:var(--deep-shadow);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.budget-modal-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.budget-modal-head h2{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700}.budget-modal-close{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.budget-modal-close:hover{background:var(--surface-3);color:var(--ink)}.budget-modal-body{-webkit-overflow-scrolling:touch;flex-direction:column;gap:16px;padding:0 24px 8px;display:flex;overflow-y:auto}.budget-modal-card{border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:14px;padding:20px;display:flex}.budget-modal-card>h3{color:var(--ink);margin:0;font-size:15px;font-weight:700}.budget-modal-grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.budget-modal-usage-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.budget-modal-usage-head h3{color:var(--ink);margin:0;font-size:15px;font-weight:700}.budget-modal-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.budget-modal-stat{background:var(--surface-3);border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex}.budget-modal-stat span{color:var(--muted);font-size:12px;font-weight:500}.budget-modal-stat strong{color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.budget-modal-stat strong.accent{color:#1f9d6b}.budget-modal-stat small{color:var(--muted);font-size:11.5px}.budget-modal-sub-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.budget-modal-sub-head h3{color:var(--ink);margin:0;font-size:15px;font-weight:700}.budget-modal-hint{color:var(--muted);font-size:12px;font-weight:500}.budget-modal-cat-list{flex-direction:column;display:flex}.budget-modal-cat-row{border-top:1px solid var(--line-inner);grid-template-columns:minmax(0,1fr) 200px minmax(90px,auto);align-items:center;gap:16px;padding:10px 0;display:grid}.budget-modal-cat-row:first-child{border-top:0}.budget-modal-cat-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13.5px;font-weight:500;overflow:hidden}.budget-modal-cat-input{height:38px}.budget-modal-cat-used{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.budget-cycle-row{align-items:center;gap:8px;display:flex}.budget-cycle-row select{flex:1}.budget-caps-toggle{text-align:left;background:0 0;border:0;align-items:baseline;gap:8px;width:100%;padding:0;display:flex}.budget-caps-toggle h3{color:var(--ink);margin:0;font-size:15px;font-weight:700}.budget-caps-toggle .group-chevron{width:18px;height:18px;color:var(--muted);justify-content:center;align-items:center;transition:transform .18s;display:inline-flex}.budget-caps-toggle .group-chevron.collapsed{transform:rotate(-90deg)}.budget-cap-input{align-items:center;gap:6px;display:flex}.budget-cap-input .budget-link.sm{flex-shrink:0}.budget-reminder-row{border-top:1px solid var(--line-inner);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:10px 0;display:grid}.budget-reminder-row:first-child{border-top:0}.budget-reminder-pct{align-items:center;gap:6px;display:flex}.budget-reminder-pct input{width:72px;height:36px}.budget-reminder-pct-sign{color:var(--muted);font-size:13px}.budget-reminder-at{color:var(--accent);white-space:nowrap;font-size:12px;font-weight:600}.budget-batch-modal{width:min(560px,100%)}.budget-batch-list{-webkit-overflow-scrolling:touch;flex-direction:column;max-height:280px;display:flex;overflow-y:auto}.budget-batch-item{border-top:1px solid var(--line-inner);cursor:pointer;align-items:center;gap:10px;padding:9px 0;display:flex}.budget-batch-item:first-child{border-top:0}.budget-batch-item input{flex-shrink:0;width:16px;height:16px}.budget-batch-name{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.budget-batch-used{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px}.budget-modal-reminders-empty{background:var(--surface-3);color:var(--muted);border-radius:12px;margin:0;padding:16px;font-size:13px;line-height:1.6}.budget-modal-foot{border-top:1px solid var(--line-inner);flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.budget-modal-cancel{border:1px solid var(--line);height:38px;color:var(--ink-2);background:var(--surface);border-radius:9px;padding:0 20px;font-size:13px;font-weight:600;transition:background .12s}.budget-modal-cancel:hover{background:var(--surface-3)}.budget-modal-save{width:auto;height:38px;margin-top:0;padding:0 20px}@media (width<=640px){.budget-modal-grid2,.budget-modal-stats{grid-template-columns:minmax(0,1fr)}.budget-modal-cat-row{grid-template-columns:minmax(0,1fr) 130px;grid-template-areas:"name input""used used";gap:8px 12px}.budget-modal-cat-name{grid-area:name}.budget-modal-cat-used{text-align:left;grid-area:used}}@media (width<=1180px){.budget-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.budget-mid,.budget-rank-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.budget-kpi-grid{grid-template-columns:minmax(0,1fr)}.budget-cmd-controls,.budget-company-select,.budget-company-select select{width:100%}}.linechart{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:auto minmax(0,1fr);column-gap:10px;width:100%;display:grid}.linechart-yaxis{min-width:2.5em;color:var(--muted);font-variant-numeric:tabular-nums;grid-area:1/1;font-size:11px;font-weight:500;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:#2f6bff12}.linechart-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.linechart-dot{background:var(--surface);border:2px solid var(--accent);box-sizing:border-box;pointer-events:none;border-radius:999px;width:9px;height:9px;transition:transform .1s;position:absolute;transform:translate(-50%,-50%)}.linechart-dot.active{transform:translate(-50%,-50%)scale(1.4);box-shadow:0 0 0 4px #2f6bff26}.linechart-guide{stroke:var(--accent);stroke-width:1px;stroke-dasharray:3 3;opacity:.5}.linechart-tip{z-index:3;background:var(--ink);color:#fff;white-space:nowrap;pointer-events:none;box-shadow:var(--deep-shadow);border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:5px 9px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.linechart-tip strong{font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.linechart-tip span{opacity:.7;font-size:10.5px}.linechart-xaxis{color:var(--muted);font-variant-numeric:tabular-nums;grid-area:2/2;justify-content:space-between;margin-top:8px;font-size:11px;font-weight:500;display:flex}.linechart-empty{text-align:center;color:var(--muted);margin:0;padding:32px 0;font-size:13px}.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 .3s cubic-bezier(.4,0,.2,1)}.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 .3s cubic-bezier(.4,0,.2,1)}.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{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:7px;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:60;border:1px solid var(--line);width:36px;height:36px;color:var(--ink-2);background:var(--surface);box-shadow:var(--soft-shadow);border-radius:9px;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);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:10px;font-weight:600;overflow:hidden}.sidebar-brand h1{color:var(--ink);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;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{height:37px;color:var(--ink-2);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:0 12px;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;display:flex;position:relative;overflow:hidden}nav button svg{opacity:.55;flex-shrink:0;transition:opacity .12s}nav button:hover{background:var(--surface-3);color:var(--ink)}nav button:hover svg{opacity:.8}nav button.selected{color:var(--accent);background:#2f6bff1a;font-weight:600}nav button.selected svg{opacity:1;color:var(--accent)}.refresh-button{border:1px solid var(--line);height:34px;color:var(--ink-2);background:var(--surface);white-space:nowrap;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;margin:0 8px 12px;padding:0 12px;font-size: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);letter-spacing:.06em;text-transform:uppercase;margin:0 0 2px;font-size:10px;font-weight:600}.main-stage{background:var(--paper);flex-direction:column;min-width:0;display:flex}.topbar{z-index:40;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);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:14px;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);width:230px;height:34px;color:var(--muted);box-sizing:border-box;background:#f7f8fa;border-radius:9px;outline:none;padding:0 12px 0 30px;font-size:12.5px}.global-search:focus{color:var(--ink);border-color:#2f6bff66}.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);width:100%;color:var(--ink);background:var(--surface);border-radius:8px;outline:none;padding:8px 10px;font-size:13px}textarea{resize:vertical;min-height:130px}.metrics-grid{border:1px solid var(--line);background:#eef0f3;border-radius:12px;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:100;color:var(--ink);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#f6f7f9e0;place-items:center;gap:12px;display:grid;position:fixed;inset:0}.monthly-cost-loading>*,.full-page-loading>*{z-index:1;position:relative}.panel-spinner{z-index:6;pointer-events:none;background:#2f6bff1f;height:3px;position:absolute;top:0;left:0;right:0;overflow:hidden}.panel-spinner:after{content:"";background:var(--accent);border-radius:999px;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 #2f6bff26;border-top-color:var(--accent);border-radius:999px;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);background:var(--surface);border-radius:12px;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{min-width:22px;height:22px;color:var(--ink-2);background:var(--surface-3);border-radius:999px;justify-content:center;align-items:center;padding:0 7px;font-size:12px;font-weight:600;display:inline-flex}.panel-add{border:1px solid var(--line);height:30px;color:var(--accent);background:var(--surface);border-radius:8px;align-items:center;gap:5px;padding:0 12px;font-size:12.5px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.panel-add:hover{background:#2f6bff0f;border-color:#2f6bff66}.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);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.list-pagination>span{flex:1;min-width:0}.list-pagination .page-size{color:var(--muted);flex-direction:row;flex-shrink:0;align-items:center;gap:4px;margin:0;font-size:12px;font-weight:600;display:flex}.list-pagination .page-size select{width:auto;padding:5px 6px;font-size:12px}.list-pagination button{border:1px solid var(--line);color:var(--ink-2);background:var(--surface);border-radius:8px;padding:6px 12px;font-weight:600;transition:background .12s,color .12s,border-color .12s}.list-pagination button:hover:not(:disabled){color:var(--accent);background:#2f6bff0f;border-color:#2f6bff66}.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);cursor:pointer;border-radius:10px;gap:4px;padding:11px 14px;transition:border-color .12s,background .12s,box-shadow .12s;display:grid}.record-card:hover{background:var(--surface-2);border-color:#2f6bff66}.record-card.active{border-color:var(--accent);background:#2f6bff0f;box-shadow:0 0 0 1px #2f6bff1f}.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:13px;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);letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700}.form-grid,.config-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);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.config-pagination span{flex:12rem;min-width:0}.config-pagination button{border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:8px;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);gap:6px;font-size:12px;font-weight:600;display:grid}.config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-action{color:#fff;background:var(--accent);border:0;border-radius:8px;width:100%;margin-top:12px;padding:10px 16px;font-size:13px;font-weight:600;transition:opacity .12s}.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{background:var(--surface-3);border:1px solid var(--line);border-radius:12px;margin-top:18px;padding:18px}.empty-state{background:var(--surface-3);border:1px solid var(--line);text-align:center;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:48px 24px;display:flex}.empty-state-icon{width:48px;height:48px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.empty-state p{max-width:28rem;color:var(--muted);margin:0;font-size:13px;line-height:1.5}.ticket-card{gap:12px;display:grid}.danger-action{color:#9f1239;background:#ffe4e6;border:0;border-radius:8px;width:fit-content;padding:8px 12px;font-size:12px;font-weight:600;transition:background .12s}.danger-action:hover{background:#fecdd3}.toast{right:max(12px, env(safe-area-inset-right,0px));bottom:max(12px, env(safe-area-inset-bottom,0px));z-index:10;box-sizing:border-box;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;border-radius:12px;padding:12px 16px;font-size:13px;font-weight:500;position:fixed;left:auto}.toast.error{color:#9f1239;background:#fff1f2;border-color:#fecdd3}@media (width<=1180px){.config-toolbar{grid-template-columns:minmax(0,1fr)}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid,.config-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:60;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{color:var(--ink);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:700;overflow:hidden}.mobile-menu-btn,.mobile-refresh-btn{width:36px;height:36px;color:var(--ink-2);background:0 0;border:0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s;display:flex}.mobile-menu-btn:hover,.mobile-refresh-btn:hover{background:var(--surface-3)}.hamburger,.hamburger:before,.hamburger:after{background:var(--ink);border-radius:2px;width:18px;height:1.75px;transition:transform .22s,opacity .22s;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:12px;gap:12px;height:48px;padding:0 14px;font-size:15px}.sidebar nav button svg{width:18px;height:18px}.sidebar .refresh-button{display:none}.sidebar{z-index:55;width:220px;height:auto;transition:transform .24s cubic-bezier(.4,0,.2,1);position:fixed;top:52px;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0000001a}.sidebar.is-open{transform:translate(0)}.sidebar-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);background:#0000004d;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}}
