:root{--bg: #0f1115;--panel: #161a20;--border: #2a2f37;--text: #e5e7eb;--muted: #9ca3af;--accent: #60a5fa;--accent-rgb: 96, 165, 250;--on-accent: #0b1220;--danger: #f87171;--danger-rgb: 248, 113, 113;--success: #4ade80;--warning: #fbbf24;--chart-charged: #3f6ea8;--chart-average: #e5e7eb;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.45}h1{font-size:17px;margin:0}h2{font-size:15px;margin:0}h3{font-size:12px;margin:0;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700}.muted{color:var(--muted)}.pad{padding:10px}.bad{color:var(--danger)}input,select,textarea{width:100%;padding:7px 9px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit}textarea{resize:vertical;font-family:inherit}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent);outline-offset:0;border-color:var(--accent)}button{background:var(--accent);color:var(--on-accent);border:none;border-radius:6px;padding:7px 12px;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .1s cubic-bezier(.23,1,.32,1),background-color .16s ease-out,color .16s ease-out,border-color .16s ease-out}button:not(:disabled):active{transform:scale(.97)}button:disabled{opacity:.45;cursor:default}button.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}button.ghost{background:transparent;color:var(--muted);border:none;padding:2px 6px}.auth-shell{min-height:100vh;display:grid;place-items:center}.auth-card{width:340px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:8px}.auth-card label{font-size:12px;color:var(--muted);margin-top:4px}.auth-card button{margin-top:10px;padding:9px 12px}.auth-error{color:var(--danger);margin:4px 0 0}.password-input{display:flex;align-items:stretch;gap:6px}.password-input input{flex:1 1 auto;min-width:0}.password-input .password-toggle{flex:0 0 auto;margin-top:0;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--muted);cursor:pointer}.password-input .password-toggle:hover{color:var(--text);border-color:var(--accent)}.shell{max-width:1500px;margin:0 auto;padding:14px 18px 28px;display:flex;flex-direction:column;gap:12px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:14px}.topbar p{margin:2px 0 0;font-size:12px}.topbar-user{display:flex;align-items:center;gap:10px}.top-tabs{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.top-tabs button{background:transparent;color:var(--muted);border:none;padding:5px 12px}.top-tabs button.active{background:var(--accent);color:var(--on-accent)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metrics>div{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 12px;display:flex;justify-content:space-between;align-items:baseline}.metrics span{color:var(--muted);font-size:12px}.metrics strong{font-size:18px}.error{background:#f8717114;border:1px solid rgba(248,113,113,.45);color:var(--danger);border-radius:8px;padding:8px 12px;white-space:pre-wrap}.error-text{color:var(--danger);margin:4px 0 0}.workspace{display:grid;grid-template-columns:330px 1fr;gap:12px;align-items:start}.queue-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px;position:sticky;top:12px;max-height:calc(100vh - 24px)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px}.scope-toggle{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.scope-toggle span{font-weight:700}.scope-toggle .active{color:var(--text)}.switch{width:34px;height:18px;padding:2px;border-radius:999px;background:var(--border);border:none;display:inline-flex;align-items:center;transition:background-color .18s cubic-bezier(.23,1,.32,1)}.switch .knob{width:14px;height:14px;border-radius:50%;background:var(--text);transition:transform .18s cubic-bezier(.23,1,.32,1),background-color .18s ease-out}.switch.on{background:var(--accent)}.switch.on .knob{transform:translate(16px);background:var(--on-accent)}.filters{display:flex;gap:6px}.filters select{width:120px}.request-list{overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:2px}.request-row{display:flex;justify-content:space-between;gap:8px;text-align:left;background:var(--bg);border:1px solid var(--border);border-left-width:3px;border-radius:8px;padding:8px 10px;color:var(--text);font-weight:400}.request-row.selected{border-color:var(--accent)}.feedback-row{border-left-color:#c084fc}.request-row.parked{opacity:.55}.request-main{display:flex;flex-direction:column;gap:2px;min-width:0}.request-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-meta{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.accent-ride{border-left-color:#60a5fa}.accent-grocery{border-left-color:#4ade80}.accent-delivery{border-left-color:#fbbf24}.accent-appointment{border-left-color:#c084fc}.accent-other{border-left-color:#6b7280}.status{font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.status-received{color:var(--accent);border-color:rgba(var(--accent-rgb),.5)}.status-needs_approval{color:var(--warning);border-color:#fbbf2480}.status-approved{color:var(--accent);border-color:rgba(var(--accent-rgb),.5)}.status-in_progress{color:var(--warning);border-color:#fbbf2480}.status-awaiting_approval{color:#c084fc;border-color:#c084fc80}.status-snoozed{color:var(--muted)}.status-done{color:var(--success);border-color:#4ade8080}.status-failed{color:var(--danger);border-color:#f8717180}.status-cancelled,.status-denied{color:var(--muted)}.status-call-completed{color:var(--success);border-color:#4ade8080}.status-call-placed{color:var(--warning);border-color:#fbbf2480}.status-call-pending{color:var(--muted)}.status-call-failed{color:var(--danger);border-color:#f8717180}.status-call-open{color:var(--accent);border-color:rgba(var(--accent-rgb),.5)}.status-call-closed{color:var(--muted)}.timer{font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;color:var(--accent);background:transparent;border:1px dashed rgba(var(--accent-rgb),.45);border-radius:6px;padding:1px 7px}button.timer{cursor:pointer}.timer.overdue{color:var(--danger);border-color:#f8717199}.timer.stopped{color:var(--muted);opacity:.8;border-style:solid;border-color:var(--border)}.timer.snoozed{color:var(--muted);font-weight:500;font-variant-numeric:normal;border-color:var(--border)}.request-row.needs-approval{border-left-color:var(--warning);background:#fbbf2414}.approval-pane{border:1px solid rgba(251,191,36,.5);background:#fbbf240f}.approval-decision{font-size:11px;font-weight:800;letter-spacing:.04em;padding:2px 9px;border-radius:999px;border:1px solid var(--border);white-space:nowrap}.approval-decision.pending{color:var(--warning);border-color:#fbbf2499}.approval-decision.approved{color:var(--success);border-color:#4ade8099}.approval-decision.denied{color:var(--danger);border-color:#f8717199}.approval-reason{margin:2px 0 8px;font-size:12px}.approval-thread{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.approval-turn{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:baseline;padding:6px 9px;border-radius:8px;border:1px solid var(--border);font-size:13px}.approval-turn.in{background:rgba(var(--accent-rgb),.1)}.approval-turn.out{background:var(--panel)}.approval-who{font-weight:700;font-size:11px;text-transform:uppercase;color:var(--muted)}.approval-body{min-width:0;word-break:break-word}.approval-at{font-size:11px}.workbench{display:flex;flex-direction:column;gap:10px;min-width:0}.summary-band{background:var(--panel);border:1px solid var(--border);border-left-width:3px;border-radius:10px;padding:12px 14px;display:flex;justify-content:space-between;gap:12px}.summary-id{min-width:0}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--muted)}.summary-band h2{margin:3px 0}.summary-band p{margin:0;color:var(--muted)}.summary-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.summary-side .timer{font-size:15px;padding:3px 10px}.timer-wrap{position:relative}.workflow-buttons{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.workflow-buttons .wf{background:transparent;color:var(--muted);border:1px solid var(--border);padding:5px 10px;font-size:12px}.workflow-buttons .wf.current:disabled{opacity:1;cursor:default}.workflow-buttons .wf.current.s-received{border-color:rgba(var(--accent-rgb),.7);color:var(--accent)}.workflow-buttons .wf.current.s-in_progress{border-color:#fbbf24b3;color:var(--warning)}.workflow-buttons .wf.current.s-awaiting_approval{border-color:#c084fcb3;color:#c084fc}.workflow-buttons .wf.current.s-done{border-color:#4ade80b3;color:var(--success)}.workflow-buttons .wf.current.s-failed{border-color:#f87171b3;color:var(--danger)}.workflow-buttons .wf.current.s-cancelled{border-color:var(--border);color:var(--text)}.snooze-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:300px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 24px #00000080;text-align:left;transform-origin:top right;transition:opacity .16s ease-out,transform .16s cubic-bezier(.23,1,.32,1)}@starting-style{.snooze-pop{opacity:0;transform:translateY(-4px) scale(.97)}}.snooze-head{display:flex;justify-content:space-between;align-items:center}.snooze-pop p{margin:0;font-size:12px}.snooze-presets{display:flex;gap:5px}.snooze-presets button{background:transparent;color:var(--text);border:1px solid var(--border);font-size:12px;padding:4px 8px;flex:1}.snooze-actions{display:flex;justify-content:flex-end;gap:6px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.work-column{min-width:0;display:flex;flex-direction:column;gap:10px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.section-heading span{font-size:11px}.detail-lines{display:flex;flex-direction:column;gap:2px}.detail-lines p{margin:0;padding:3px 6px;border-radius:5px}.detail-key{color:var(--muted);font-weight:600}.detail-lines p.hot{background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.3)}.detail-lines p.hot .detail-key{color:var(--accent)}.enriched-chip{margin-left:6px;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--success);border:1px solid rgba(74,222,128,.5);border-radius:4px;padding:0 4px}.pane-foot{margin:2px 0 0;font-size:11px}.tabs{display:flex;flex-wrap:wrap;gap:4px;padding-bottom:8px;border-bottom:1px solid var(--border)}.tab{background:transparent;color:var(--muted);border:none;border-radius:6px;padding:5px 12px;font-size:12px;opacity:.75}.tab.active{background:var(--border);color:var(--text);opacity:1;font-weight:700}.transcript{margin:0;font-family:inherit;font-size:12px;overflow-y:auto;max-height:320px;display:flex;flex-direction:column;gap:8px;padding:4px 2px}.transcript .line{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border:1px solid var(--border);border-left:3px solid var(--muted);border-radius:6px;background:var(--bg);white-space:normal}.transcript .line.speaker-advocate{border-left-color:var(--accent);background:rgba(var(--accent-rgb),.08)}.transcript .line.speaker-person{border-left-color:var(--success);background:#4ade8012}.transcript-speaker{color:var(--text);font-weight:700}.transcript-meta{color:var(--muted);font-size:11px}.transcript-body{color:var(--text);line-height:1.42;white-space:pre-wrap}.transcript .line.hot{background:#fbbf241f;border-left:2px solid var(--warning)}.transcript .line.context{opacity:.62;border-left-style:dashed}.transcript .line.context .transcript-body{color:var(--muted)}.callback-prompt{margin:0;font-size:12px}.call-recording{width:100%;height:32px}.tool-events{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.tool-event{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px;background:var(--bg)}.tool-event-failed{border-left-color:var(--danger);background:#f8717112}.tool-event-head{display:flex;align-items:baseline;gap:8px;width:100%;padding:7px 9px;background:transparent;border:none;color:var(--text);font-size:12px;text-align:left}.tool-event-head:disabled{cursor:default}.tool-event-caret{color:var(--muted);width:9px;flex:none}.tool-event-name{font-weight:700}.tool-event-flag{color:var(--danger);border:1px solid var(--danger);border-radius:4px;padding:0 5px;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.tool-event-meta{color:var(--muted);font-size:11px;margin-left:auto;flex:none}.tool-event-body{display:flex;flex-direction:column;gap:3px;padding:0 9px 8px 21px}.tool-event-error{margin:0 0 2px;color:var(--danger);font-size:12px}.tool-event-json{margin:0;padding:6px 8px;background:var(--panel);border:1px solid var(--border);border-radius:4px;font-size:11px;line-height:1.4;white-space:pre-wrap;word-break:break-word;max-height:220px;overflow-y:auto}.extraction-header{margin-bottom:8px;font-size:12px}.extraction-groups{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto}.extraction-group-head{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}.extraction-group-name{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.extraction-group-count{color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:0 5px;font-size:10px}.extraction-group-hint{color:var(--muted);font-size:11px}.extraction-kind{color:var(--muted);font-size:11px;flex:none}.extraction-subtitle{margin:-3px 0 0;padding:0 9px 7px 21px;color:var(--muted);font-size:11px;line-height:1.35}.extraction-group .tool-events{max-height:none;overflow-y:visible}.chat-scroll{min-height:120px;max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:2px}.chat-msg{max-width:88%;padding:6px 9px;border-radius:8px;white-space:pre-wrap}.chat-msg.user{align-self:flex-end;background:rgba(var(--accent-rgb),.15);border:1px solid rgba(var(--accent-rgb),.3)}.chat-msg.assistant{align-self:flex-start;background:var(--bg);border:1px solid var(--border)}.chat-msg.pending{color:var(--muted);font-style:italic}.chat-input{display:flex;gap:6px}.chat-input input{flex:1;min-width:0}.finance-assistant{position:relative;min-width:0;display:flex;flex-direction:column;gap:6px}.finance-assistant .finance-suggestions{flex:1 1 auto;align-content:flex-start}.finance-assistant .chat-input{margin-top:auto}.finance-assistant>label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.finance-popover{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;display:grid;gap:8px;padding:10px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 18px 40px #00000073}.finance-popover .section-heading{align-items:baseline}.finance-suggestions{display:flex;flex-wrap:wrap;gap:6px}.finance-suggestions button{flex:1 1 auto}.finance-suggestions button{font-size:12px}.finance-chat-scroll{min-height:0;max-height:320px}.booking-form{margin:1rem 0;border-top:1px solid var(--border);padding-top:1rem}.booking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.booking-grid label{display:grid;gap:.25rem;font-size:.8rem}.booking-grid input{min-width:0}.booking-list{margin:.75rem 0 0;padding-left:1.1rem}.uber-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.uber-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.uber-card-head strong{font-size:12px;text-transform:uppercase;letter-spacing:.04em}.uber-card-head a{color:var(--accent);font-size:12px;font-weight:600;text-decoration:none;margin-left:10px}.copy-row{display:flex;align-items:center;gap:8px;font-size:12px}.copy-row .detail-key{flex:0 0 84px}.copy-row .copy-value{flex:1;min-width:0;overflow-wrap:anywhere}.copy-btn{width:72px;padding:2px 8px;font-size:11px}.copy-btn.done{color:var(--success);border-color:#4ade8080}.uber-card-reminder{margin:2px 0 0;font-size:12px}.round-trip-chip{margin-left:8px;font-size:11px;font-weight:700;color:var(--warning);border:1px solid rgba(251,191,36,.5);border-radius:4px;padding:0 5px}.service-search{position:relative}.service-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;overflow:hidden;transform-origin:top center;transition:opacity .16s ease-out,transform .16s cubic-bezier(.23,1,.32,1)}@starting-style{.service-results{opacity:0;transform:translateY(-3px) scale(.98)}}.service-results a{color:var(--accent);text-decoration:none;font-weight:600;font-size:12px;padding:7px 10px;border-bottom:1px solid var(--border)}.service-results a:last-child{border-bottom:none}.service-results a:hover{background:var(--bg)}.button-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.button-row .muted{font-size:11px}.comm-toggles{display:flex;gap:8px;align-items:center}.mode-toggle{display:flex;gap:4px}.mode-toggle button{background:transparent;color:var(--muted);border:1px solid var(--border);font-size:11px;padding:3px 10px}.mode-toggle button.active{color:var(--accent);border-color:rgba(var(--accent-rgb),.6)}.family-picker{position:relative}.family-results{position:absolute;right:0;bottom:calc(100% + 6px);z-index:25;min-width:260px;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right;transition:opacity .16s ease-out,transform .16s cubic-bezier(.23,1,.32,1)}@starting-style{.family-results{opacity:0;transform:translateY(3px) scale(.98)}}.family-results button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:transparent;color:var(--text);border:none;border-bottom:1px solid var(--border);border-radius:0;padding:8px 10px;text-align:left}.family-results button:last-child{border-bottom:none}.family-results button:hover:not(:disabled){background:var(--bg)}.family-results .muted{font-size:11px;font-weight:400}.communication-log{margin:0;padding-left:16px;font-size:12px;display:flex;flex-direction:column;gap:2px}.grocery-list-pane{gap:8px}.grocery-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}.grocery-list li{display:flex;justify-content:space-between;gap:12px;padding:7px 9px;border:1px solid var(--border);border-left:3px solid #4ade80;border-radius:6px;background:var(--bg);font-size:12px}.feedback-workspace .queue-panel select{width:120px}.feedback-detail{display:flex;flex-direction:column;gap:10px}.feedback-message p{margin:0;white-space:pre-wrap;font-size:14px}.feedback-attachments figure{margin:0;display:flex;flex-direction:column;gap:5px}.feedback-attachments img{max-width:100%;max-height:520px;object-fit:contain;border:1px solid var(--border);border-radius:8px;background:#05070a}.feedback-attachments figcaption,.technical-lines{margin:0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.technical-lines p{color:var(--text)}.cost-dashboard{display:flex;flex-direction:column;gap:12px}.cost-header{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.1fr) minmax(190px,.7fr);gap:10px;align-items:stretch}.cost-total-tile{display:flex;flex-direction:column;justify-content:center;gap:4px}.cost-total-tile .eyebrow{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.cost-total-tile strong{font-size:clamp(30px,3.6vw,46px);line-height:1.02;letter-spacing:-.02em}.cost-total-tile small{color:var(--muted);font-size:11.5px}.cost-controls-tile{display:flex;flex-direction:column;justify-content:center;gap:8px}.cost-controls-tile>div{display:flex;flex-direction:column;gap:3px}.cost-controls-tile label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.cost-controls-tile button{align-self:stretch}.hint-wrap{position:relative;display:inline-block}.hint{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;padding:0;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:10px;font-weight:700;line-height:1;cursor:pointer;vertical-align:1px;text-transform:none;letter-spacing:0}.hint:hover,.hint[aria-expanded=true],.hint:focus-visible{color:var(--accent);border-color:var(--accent);outline:none}.hint-bubble{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:30;width:max-content;max-width:260px;padding:7px 9px;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 14px 30px #00000073;color:var(--text);font-size:12px;font-weight:400;line-height:1.4;text-transform:none;letter-spacing:0;white-space:normal;cursor:auto}.cost-health-warning{padding:10px 12px;border:1px solid rgba(var(--danger-rgb),.45);border-radius:8px;background:rgba(var(--danger-rgb),.1);color:var(--danger)}.cost-health-warning summary{display:flex;align-items:baseline;gap:10px;cursor:pointer;list-style:none}.cost-health-warning summary::-webkit-details-marker{display:none}.cost-health-warning summary:before{content:"▸";font-size:10px;line-height:1.6}.cost-health-warning[open] summary:before{content:"▾"}.cost-health-warning summary .muted{margin-left:auto;font-size:12px}.cost-health-warning p{margin:8px 0 0;font-size:12px;opacity:.85}.cost-health-warning ul{margin:6px 0 0;padding-left:18px}.cost-health-warning li{margin-top:3px}.cost-band{margin-top:14px}.cost-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(150px,15vw,210px),1fr));gap:10px;margin-top:14px}.cost-unit-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(125px,12vw,165px),1fr));gap:10px}.cost-metrics>div,.cost-unit-metrics>div{min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:9px;display:flex;flex-direction:column;gap:2px}.cost-metrics>div{padding:clamp(10px,1.1vw,16px) clamp(11px,1.2vw,18px);gap:4px}.cost-unit-metrics>div{padding:clamp(7px,.7vw,10px) clamp(8px,.8vw,12px)}.cost-metrics span,.cost-unit-metrics span{color:var(--muted);font-size:12px}.cost-metrics strong{font-size:clamp(26px,3.2vw,40px);line-height:1.05;letter-spacing:-.02em}.cost-unit-metrics strong{font-size:clamp(15px,1.4vw,19px);line-height:1.2}.cost-metrics small,.cost-unit-metrics small{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis}.cost-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.cost-breakdown-panel{min-width:0}.cost-breakdown-list{display:flex;flex-direction:column;gap:12px}.cost-breakdown-row{display:flex;flex-direction:column;gap:4px}.cost-breakdown-heading{display:flex;justify-content:space-between;gap:10px}.cost-breakdown-heading>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cost-bar-track{height:5px;border-radius:999px;background:var(--bg);overflow:hidden}.cost-bar-track span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.cost-trend-panel{margin-top:14px}.cost-legend{display:flex;align-items:baseline;gap:12px;color:var(--muted);font-size:11px}.cost-legend span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:2px}.cost-legend .legend-charged:before{background:var(--chart-charged)}.cost-legend .legend-estimate:before{background:var(--accent)}.cost-legend .legend-average:before{height:2px;width:12px;border-radius:0;background:var(--chart-average);transform:translateY(-3px)}.cost-trend{height:190px;overflow-x:auto;padding-top:8px}.cost-trend-plot{position:relative;width:max-content;min-width:100%;height:100%;display:flex;align-items:stretch;gap:5px}.cost-trend-average{position:absolute;top:0;left:0;overflow:visible;pointer-events:none}.cost-trend-average path{fill:none;stroke:var(--chart-average);stroke-width:1.75;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:cost-line-draw .9s cubic-bezier(.23,1,.32,1) both}@keyframes cost-line-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.cost-day{min-width:22px;flex:1 0 26px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;color:var(--muted);font-size:9px}.cost-day>span{white-space:nowrap}.cost-day-bars{width:100%;height:160px;display:flex;align-items:flex-end;gap:2px}.cost-day-bar{width:calc(50% - 1px);min-height:1px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:4px 4px 1px 1px;background:transparent}.cost-day-bar>span{width:100%;flex:0 0 auto}.cost-day-charged{background:var(--chart-charged);flex:1 1 auto!important}.cost-day-estimate{background:var(--accent);flex:1 1 auto!important}.cost-day-bar{transform-origin:bottom;animation:cost-bar-rise .7s cubic-bezier(.23,1,.32,1) both;transition:height .5s cubic-bezier(.23,1,.32,1)}@keyframes cost-bar-rise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.cost-day-bar,.cost-trend-average path{animation:none;transition:none}}.cost-table-panel{overflow-x:auto}.cost-table{width:100%;border-collapse:collapse;margin-top:8px}.cost-table th,.cost-table td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left}.cost-table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.cost-table th:last-child,.cost-table td:last-child{text-align:right}.cost-table tbody tr:last-child td{border-bottom:none}.cost-source-status{text-transform:capitalize}.cost-source-status.status-healthy{color:var(--success)}.cost-source-status.status-failed,.cost-source-status.status-stale,.cost-source-status.status-never_synced{color:var(--warning)}.cost-source-status.status-running{color:var(--accent)}.analytics-demo-banner{padding:9px 12px;border:1px dashed var(--accent);border-radius:10px;background:rgba(var(--accent-rgb),.08);color:var(--text);font-size:12.5px}.analytics-delta{font-size:11px;font-weight:600}.analytics-delta.up{color:var(--success)}.analytics-delta.down{color:var(--danger)}.analytics-delta.flat{color:var(--muted);font-weight:400}.analytics-recently{display:flex;flex-direction:column;gap:10px;min-width:0}.analytics-recently h3{margin:0}.analytics-recent-rows{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-evenly;gap:10px}.analytics-recent-row{display:flex;align-items:baseline;gap:12px;min-width:0;font-size:13px}.analytics-recent-title{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;white-space:nowrap}.analytics-recent-place{font-size:20px;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-trend-toggles{display:flex;gap:6px;flex-wrap:wrap}.analytics-trend-toggle{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.analytics-trend-toggle.on{color:var(--text);border-color:var(--accent)}.analytics-trend-toggle:not(.on) .analytics-trend-chip{opacity:.25}.analytics-trend-chip{width:9px;height:9px;border-radius:2px;display:inline-block}.analytics-trend{padding-top:8px}.analytics-trend-plot{position:relative;width:100%;height:190px}.analytics-trend-grid{stroke:var(--border);stroke-width:1;opacity:.55}.analytics-trend-tick{fill:var(--muted);font-size:9.5px;text-anchor:end;font-variant-numeric:tabular-nums}.analytics-trend-cursor{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}.analytics-trend-marker{stroke:var(--bg);stroke-width:1.25}.analytics-trend-tip{position:absolute;top:4px;z-index:20;display:flex;flex-direction:column;gap:2px;padding:6px 9px;border:1px solid var(--border);border-radius:7px;background:var(--panel);box-shadow:0 10px 24px #00000073;font-size:11px;white-space:nowrap;pointer-events:none}.analytics-trend-tip .analytics-trend-chip{margin-right:5px}.analytics-trend-line{fill:none;stroke-width:1.75;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:cost-line-draw .9s cubic-bezier(.23,1,.32,1) both}@media (prefers-reduced-motion: reduce){.analytics-trend-line{animation:none}}.analytics-trend-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.analytics-trend-axis span{flex:1 1 0;min-width:0;white-space:nowrap;overflow:visible}.analytics-day-bar{width:100%}.analytics-daily .cost-trend{height:224px;padding-top:42px}.analytics-daily .cost-day{position:relative}.analytics-bar-tip{position:absolute;bottom:calc(100% - 34px);left:50%;transform:translate(-50%);z-index:20;display:none;flex-direction:column;gap:1px;padding:5px 8px;border:1px solid var(--border);border-radius:7px;background:var(--panel);box-shadow:0 10px 24px #00000073;color:var(--text);font-size:10.5px;white-space:nowrap;pointer-events:none}.analytics-daily .cost-day:hover .analytics-bar-tip{display:flex}.analytics-daily .cost-day:first-child .analytics-bar-tip{left:0;transform:none}.analytics-daily .cost-day:last-child .analytics-bar-tip{left:auto;right:0;transform:none}.analytics-legend .legend-traffic-landing:before{background:var(--accent)}.analytics-legend .legend-traffic-family:before{background:var(--chart-charged)}.analytics-legend .legend-traffic-elder:before{background:var(--chart-average)}.analytics-map{width:100%;height:auto;display:block;margin-top:6px}.analytics-map-outline{fill:rgba(var(--accent-rgb),.06);stroke:var(--border);stroke-width:1.25}.analytics-map-dot{fill:var(--accent);fill-opacity:.6}.analytics-map-dot.subscriber{fill:var(--success);fill-opacity:.9;stroke:var(--bg);stroke-width:.6}.analytics-map-city:hover .analytics-map-dot{fill-opacity:.95}.analytics-three-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.analytics-geo-grid{display:grid;grid-template-columns:minmax(230px,1fr) minmax(300px,1.4fr);gap:10px;align-items:stretch}.analytics-stack{display:flex;flex-direction:column;gap:10px;min-width:0}.analytics-hours{display:flex;align-items:stretch;gap:3px;height:110px;padding-top:8px}.analytics-hour{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;color:var(--muted);font-size:9px}.analytics-hour>span{white-space:nowrap}.analytics-hour-bar{width:100%;flex:1 1 auto;display:flex;align-items:flex-end}.analytics-hour-bar span{display:block;width:100%;border-radius:3px 3px 1px 1px;background:var(--accent);opacity:.85}.analytics-posthog-link{color:var(--accent);font-size:12px;text-decoration:none}.analytics-posthog-link:hover{text-decoration:underline}.analytics-session-metrics{margin-top:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-replay-note{margin:10px 0 0;font-size:11.5px}.empty-state{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:40px;text-align:center}.caller-view{max-width:760px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:12px}.caller-field{display:grid;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}@media (max-width: 1100px){.work-grid{grid-template-columns:1fr}.workspace{grid-template-columns:280px 1fr}.cost-metrics,.cost-unit-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-breakdown-grid,.analytics-geo-grid{grid-template-columns:1fr}.cost-header{grid-template-columns:minmax(200px,1fr) minmax(170px,.6fr)}.cost-header .finance-assistant,.cost-header .analytics-recently{grid-column:1 / -1;grid-row:2}}@media (max-width: 720px){.cost-header{grid-template-columns:minmax(0,1fr)}.cost-header .finance-assistant{grid-column:auto;grid-row:auto}}:root{--bg: #16100f;--panel: #1e1616;--border: #382a29;--accent: #e0736b;--accent-rgb: 224, 115, 107;--on-accent: #1a0c0a;--chart-charged: #7d2f2c;--chart-average: #f0c9c4}
