:root{--ink:#18181b;--line:#e4e4e7;--muted:#6b6a66;--muted-strong:#52525b;--panel:#fff;--panel-soft:#f7f7f8;--surface:#fafafa;--green-deep:#18181b;--sidebar:#f7f7f8;--table-head:#f4f4f5;--radius:14px;--shadow:0 1px 2px #18181b0f}*{box-sizing:border-box}body{background:var(--surface);min-height:100vh;color:var(--ink);font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif;margin:0}button{cursor:pointer;font:inherit}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:min(480px,100%);box-shadow:var(--shadow);padding:28px}.login-panel h1{margin:0;font-size:2.2rem;line-height:1}.login-panel p:not(.eyebrow){color:var(--muted);line-height:1.55}.login-panel button{background:var(--green-deep);color:#fffaf1;border:0;border-radius:10px;min-height:42px;padding:0 16px;font-weight:800}.eyebrow{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:.76rem;font-weight:800}a{color:inherit}input,select,textarea{font:inherit}.observe-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.observe-sidebar{border-right:1px solid var(--line);background:var(--sidebar);height:100vh;padding:18px 14px;position:sticky;top:0}.brand-block{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:6px 8px 18px;display:flex}.brand-mark{color:#fff;background:#171717;border:1px solid #27272a;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.brand-block strong,.brand-block span{display:block}.brand-block strong{font-size:.96rem}.brand-block span{color:var(--muted);margin-top:2px;font-size:.82rem}.side-nav{gap:2px;margin-top:16px;display:grid}.side-nav a{color:#3f3f46;border-radius:8px;padding:9px 10px;font-size:.9rem;text-decoration:none;transition:background .14s,color .14s}.side-nav a:hover{color:#09090b;background:#fff}.observe-main{min-width:0;padding:24px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.page-header h1{margin:0;font-size:1.55rem;font-weight:700;line-height:1.15}.page-header p,.feature-heading p,.chart-panel p{color:var(--muted);margin:7px 0 0;font-size:.94rem;line-height:1.45}.scenario-controls{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.plan-controls{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:8px;min-width:min(430px,100%);display:flex}.scenario-field,.variable-input,.select-field{gap:4px;display:grid}.scenario-field{width:142px}.plan-period-field{width:160px}.scenario-field span,.variable-input span,.select-field span{color:var(--muted-strong);font-size:.78rem;font-weight:500}.scenario-field input,.variable-input input,.select-field select,.multi-select summary{border:1px solid var(--line);width:100%;min-height:36px;color:var(--ink);background:#fff;border-radius:8px;padding:0 10px;transition:border-color .14s,box-shadow .14s;box-shadow:0 1px 1px #18181b08}.scenario-field input:focus,.variable-input input:focus,.select-field select:focus,.multi-select summary:focus{border-color:#a1a1aa;outline:0;box-shadow:0 0 0 3px #18181b14,0 1px 1px #18181b08}.scenario-field em,.variable-input em{color:var(--muted);font-size:.76rem;font-style:normal}.save-plan-button{color:#fff;cursor:pointer;min-height:36px;font:inherit;background:#18181b;border:1px solid #18181b;border-radius:8px;padding:0 14px;font-size:.86rem;font-weight:600;transition:background .14s,border-color .14s,opacity .14s}.save-plan-button:hover:not(:disabled){background:#27272a;border-color:#27272a}.save-plan-button:disabled{cursor:not-allowed;opacity:.64}.plan-status{color:var(--muted);align-self:center;min-width:110px;font-size:.8rem}.filter-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);grid-template-columns:minmax(220px,.9fr) minmax(0,1.7fr);gap:18px;margin-bottom:18px;padding:18px 20px;display:grid}.filter-panel-copy h2{margin:0;font-size:1.02rem;font-weight:700}.filter-panel-copy p{max-width:520px;color:var(--muted);margin:7px 0 0;font-size:.92rem;line-height:1.45}.filter-grid{grid-template-columns:repeat(5,minmax(118px,1fr));gap:10px;display:grid}.multi-select{position:relative}.select-field select{appearance:none;background:linear-gradient(45deg,#0000 50%,#71717a 50%) calc(100% - 16px) 16px/5px 5px no-repeat,linear-gradient(135deg,#71717a 50%,#0000 50%) calc(100% - 11px) 16px/5px 5px no-repeat,#fff;padding-right:30px}.multi-select summary{-webkit-user-select:none;user-select:none;background:linear-gradient(45deg,#0000 50%,#71717a 50%) calc(100% - 16px) 16px/5px 5px no-repeat,linear-gradient(135deg,#71717a 50%,#0000 50%) calc(100% - 11px) 16px/5px 5px no-repeat,#fff;justify-content:space-between;align-items:center;padding-right:30px;font-size:.94rem;list-style:none;display:flex}.multi-select summary::-webkit-details-marker{display:none}.multi-select-menu{z-index:20;border:1px solid var(--line);background:#fff;border-radius:10px;gap:2px;min-width:210px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 18px 38px #18181b24,0 2px 8px #18181b14}.multi-select-option{color:#27272a;border-radius:8px;align-items:center;gap:8px;padding:8px 9px;font-size:.9rem;display:flex}.multi-select-option:hover{background:#f4f4f5}.multi-select-option input{accent-color:#18181b;width:14px;height:14px;margin:0}.multi-select-option span{color:inherit;font-size:inherit;font-weight:500}.segment-summary{flex-wrap:wrap;grid-column:1/-1;gap:7px;display:flex}.segment-summary span,.segment-summary strong{border:1px solid var(--line);color:#3f3f46;background:#fafafa;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.82rem;font-weight:500;display:inline-flex}.segment-summary strong{color:#fff;background:#18181b}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.metric-card,.chart-panel,.feature-section{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.metric-card{min-height:146px;padding:22px 24px}.metric-label{color:var(--muted);font-size:.88rem}.metric-value{margin-top:8px;font-size:1.86rem;font-weight:750;line-height:1.1}.metric-card strong,.metric-card span{display:block}.metric-card strong{margin-top:24px;font-size:.93rem;font-weight:650}.metric-card span{color:var(--muted);margin-top:8px;font-size:.9rem}.chart-panel{margin-bottom:24px;padding:22px 24px 18px}.chart-panel h2,.feature-heading h2{margin:0;font-size:1.02rem;font-weight:700}.cost-shape{width:100%;min-height:210px;margin-top:20px;overflow:visible}.cost-shape line{stroke:#ececef;stroke-width:1px}.cost-shape text{fill:var(--muted);font-size:12px}.feature-stack{gap:22px;display:grid}.feature-section{scroll-margin-top:24px;overflow:hidden}.feature-heading{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 24px;display:flex}.feature-total{text-align:right;min-width:160px}.feature-total span,.feature-total strong{display:block}.feature-total span{color:var(--muted);font-size:.78rem}.feature-total strong{margin-top:4px;font-size:1.3rem;font-weight:750}.feature-total em{color:var(--muted);margin-top:3px;font-size:.82rem;font-style:normal;display:block}.table-scroll{background:#fff;overflow-x:auto}.cost-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1920px}.cost-table th,.cost-table td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:left;vertical-align:top;padding:15px 18px}.cost-table th:last-child,.cost-table td:last-child{border-right:0}.cost-table tr:last-child td{border-bottom:0}.cost-table th{background:var(--table-head);color:#3f3f46;letter-spacing:.01em;text-transform:uppercase;font-size:.78rem;font-weight:650}.cost-table .group-row td{background:#fafafa;border-right:0;padding:16px 20px}.group-row strong,.group-row span{display:block}.group-row strong{color:#18181b;font-size:1rem;font-weight:700}.group-row span{color:var(--muted);margin-top:4px;font-size:.92rem}.cost-table th:first-child,.cost-table th:nth-child(2){width:230px}.cost-table th:nth-child(3),.cost-table th:nth-child(4){width:410px}.cost-table th:nth-child(5),.cost-table th:nth-child(6),.cost-table th:nth-child(7){width:130px}.cost-table th:nth-child(8){width:250px}.cost-table td{color:#27272a;font-size:.98rem;line-height:1.45}.cost-table tbody tr:not(.group-row):hover td{background:#fcfcfc}.component-cell strong{font-size:1.02rem;font-weight:700}.component-cell strong,.component-cell span,.component-cell p{display:block}.component-cell span{color:var(--muted);margin-top:6px;font-size:.91rem}.component-cell p{color:var(--muted);margin:10px 0 0;font-size:.94rem}.pricing-cell span,.pricing-cell a,.pricing-cell em{display:block}.pricing-cell a,.pricing-cell em{margin-top:10px}.pricing-cell a{color:#2563eb;text-underline-offset:3px}.pricing-cell em{color:var(--muted);font-style:normal}.formula-cell code{white-space:normal;color:#3f3f46;font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif;margin-top:12px;font-size:.94rem;line-height:1.55;display:block}.formula-token{border-radius:5px;padding:0 4px;font-weight:750;display:inline-block}.variable-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.variable-section{color:#3f3f46;grid-column:1/-1;margin-top:2px;font-size:.78rem;font-weight:700}.variable-section:first-child{margin-top:0}.variable-input{background:#fbfbfb;border-left:3px solid #0000;border-radius:9px;padding:8px 9px 7px}.readonly-variable{background:#f8f8f8}.readonly-variable strong{border:1px solid var(--line);color:#3f3f46;background:#f4f4f5;border-radius:8px;min-height:36px;padding:0 10px;font-size:.98rem;font-weight:650;line-height:34px;display:block}.tone-users{--tone-bg:#fff2c7;--tone-fg:#6f4b00;--tone-line:#e1ad25}.tone-sessions{--tone-bg:#dff0ff;--tone-fg:#164e7a;--tone-line:#4b9bd8}.tone-calls{--tone-bg:#eadfff;--tone-fg:#5b3d91;--tone-line:#9b7be8}.tone-events{--tone-bg:#ffe2ef;--tone-fg:#883b60;--tone-line:#df7fab}.tone-input{--tone-bg:#dff5e7;--tone-fg:#23613d;--tone-line:#68b684}.tone-audio{--tone-bg:#dff7f5;--tone-fg:#1b6560;--tone-line:#58b9b2}.tone-output{--tone-bg:#ffe8d5;--tone-fg:#86460e;--tone-line:#df9650}.tone-tts{--tone-bg:#f1e2ff;--tone-fg:#6b3b86;--tone-line:#bc86dd}.tone-rate{--tone-bg:#ebe9e2;--tone-fg:#4b4a45;--tone-line:#aaa497}.tone-storage{--tone-bg:#e5f0d1;--tone-fg:#4d621d;--tone-line:#9ab857}.tone-default{--tone-bg:#eee;--tone-fg:#4f4f4f;--tone-line:#b8b8b8}.variable-input[class*=tone-]{border-left-color:var(--tone-line)}.formula-token[class*=tone-]{background:var(--tone-bg);color:var(--tone-fg)}.cost-cell{color:#18181b;font-size:1.08rem;font-weight:750}.actual-usage-cell{background:#fcfcfc}.actual-badge{color:#52525b;background:#f4f4f5;border:1px solid #d4d4d8;border-radius:999px;align-items:center;min-height:24px;margin-bottom:10px;padding:0 9px;font-size:.74rem;font-weight:650;display:inline-flex}.delta-cell{font-size:.94rem}.delta-chip{border-radius:10px;gap:2px;min-width:86px;padding:7px 9px;font-weight:750;display:inline-grid}.delta-chip small{font-size:.75rem;font-weight:650}.delta-chip.over{color:#991b1b;background:#fee2e2}.delta-chip.under{color:#166534;background:#dcfce7}.delta-chip.neutral{color:#52525b;background:#f4f4f5}.note-cell{background:#fff}.note-cell textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:92px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;padding:10px 11px;font-size:.92rem;line-height:1.45;box-shadow:0 1px 1px #18181b08}.note-cell textarea:focus{border-color:#a1a1aa;outline:0;box-shadow:0 0 0 3px #18181b14,0 1px 1px #18181b08}.note-cell textarea::placeholder{color:#a1a1aa}.cost-table tbody tr:not(.group-row):hover .note-cell{background:#fcfcfc}@media (max-width:1100px){.observe-shell{grid-template-columns:1fr}.observe-sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:relative}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header{display:grid}.scenario-controls,.plan-controls{justify-content:flex-start}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel{grid-template-columns:1fr}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.observe-main{padding:18px}.metric-grid{grid-template-columns:1fr}.feature-heading{display:grid}.feature-total{text-align:left}.side-nav,.filter-grid{grid-template-columns:1fr}}