:root,[data-theme=dark]{--bg: #0f1116;--bg-elev: #161922;--bg-elev-2: #1d2230;--border: #262c3a;--text: #e6e8ee;--text-muted: #8b93a7;--accent: #6ea8fe;--accent-hover: #8cb9ff;--good: #6ee7b7;--warn: #fda4af;--info: #93c5fd;--amber: #fcd34d;--radius: 8px;--shadow: 0 1px 2px rgba(0, 0, 0, .3);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}[data-theme=light]{--bg: #f6f7f9;--bg-elev: #ffffff;--bg-elev-2: #f0f2f6;--border: #d8dce4;--text: #1a1d24;--text-muted: #5b6371;--accent: #2563eb;--accent-hover: #1d4ed8;--good: #10b981;--warn: #dc2626;--info: #2563eb;--amber: #d97706;--shadow: 0 1px 2px rgba(0, 0, 0, .05)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}h1,h2,h3{margin:0 0 .5rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.05rem;color:var(--text)}p{margin:0 0 .5rem}.muted{color:var(--text-muted)}.small{font-size:.85rem}.link{color:var(--accent)}.app-shell{display:flex;min-height:100vh}.sidebar{background:var(--bg-elev);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1rem .75rem;flex:0 0 240px;position:sticky;top:0;align-self:flex-start;height:100vh;overflow-y:auto;z-index:20}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--text);padding:.25rem .5rem 1rem;font-size:1.05rem}.brand-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--good))}.nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-link{display:block;padding:.55rem .75rem;border-radius:var(--radius);color:var(--text-muted);font-size:.95rem}.nav-link:hover{background:var(--bg-elev-2);color:var(--text);text-decoration:none}.nav-link.is-active{background:var(--bg-elev-2);color:var(--text)}.sidebar-footer{display:flex;flex-direction:column;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border)}.user-card{display:flex;gap:.5rem;align-items:center;padding:.25rem .5rem}.user-meta{line-height:1.2}.user-name{font-weight:500}.support-wrap{position:relative}.support-popover{position:absolute;left:0;right:0;bottom:calc(100% + 6px);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;box-shadow:0 12px 32px #00000040;z-index:30;display:flex;flex-direction:column;gap:.5rem}.support-popover-title{font-weight:600}.support-popover-lede{margin:0}.support-email{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .6rem;font-size:.9rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;-webkit-user-select:all;user-select:all}.support-actions{display:flex;gap:.4rem}.support-actions .btn{flex:1;justify-content:center}.support-actions .btn:hover{text-decoration:none}.main{display:flex;flex-direction:column;min-width:0;flex:1;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-elev);position:sticky;top:0;z-index:10}.topbar-left,.topbar-right{display:flex;gap:.5rem;align-items:center}.content{padding:1.25rem;flex:1}.mobile-nav-toggle{display:none;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.35rem .55rem;font-size:1.1rem;line-height:1;cursor:pointer}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#080a108c;z-index:15}.sidebar-backdrop.is-open{display:block}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-page-size{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.85rem}.table-page-size select{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.25rem .45rem;font-size:.85rem}.multiselect{position:relative;width:100%}.multiselect-control{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.3rem .45rem;min-height:38px;cursor:text}.multiselect-control:focus-within{border-color:var(--accent)}.multiselect-chip{display:inline-flex;align-items:center;gap:.25rem;background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:.05rem .5rem;font-size:.82rem}.multiselect-chip-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;line-height:1;font-size:.95rem}.multiselect-chip-remove:hover{color:var(--text)}.multiselect-input{flex:1 1 80px;min-width:80px;background:transparent;color:var(--text);border:none;outline:none;font:inherit;padding:.15rem .2rem}.multiselect-dropdown{position:absolute;left:0;right:0;top:calc(100% + 4px);max-height:240px;overflow-y:auto;background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 32px #00000040;z-index:50}.multiselect-option{padding:.4rem .6rem;cursor:pointer;font-size:.9rem}.multiselect-option:hover,.multiselect-option.is-active{background:var(--bg-elev-2)}.multiselect-empty{padding:.4rem .6rem;color:var(--text-muted);font-size:.85rem}.input,.select,textarea.input{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .7rem;font-size:.95rem;font:inherit;width:100%}.input:focus,.select:focus{outline:none;border-color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .85rem;font-size:.92rem;cursor:pointer}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#0c1322;border-color:transparent;font-weight:600}.btn-primary:hover{background:var(--accent-hover);border-color:transparent}.btn-ghost{background:transparent}.btn-danger{color:var(--warn)}.btn.block{width:100%;justify-content:center}.org-switcher{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.4rem .6rem;font-size:.92rem}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1rem}.page-header-actions{display:flex;gap:.5rem;align-items:center}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.card-warn{border-color:var(--warn)}.kv-list{display:grid;grid-template-columns:160px 1fr;gap:.4rem 1rem;margin:0}.kv-list dt{color:var(--text-muted)}.kv-list dd{margin:0}.metric-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1rem}.metric{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem}.metric-label{color:var(--text-muted);font-size:.85rem}.metric-value{font-size:1.4rem;font-weight:600;margin-top:.25rem}.metric-good .metric-value{color:var(--good)}.metric-warn .metric-value{color:var(--warn)}.metric-amber .metric-value{color:var(--amber)}td.actual-tone-good,.actual-tone-good{color:var(--good)}td.actual-tone-amber,.actual-tone-amber{color:var(--amber)}td.actual-tone-bad,.actual-tone-bad{color:var(--warn)}td.actual-tone-good .actual-hours-cell,td.actual-tone-amber .actual-hours-cell,td.actual-tone-bad .actual-hours-cell{color:inherit}.data-table{width:100%;border-collapse:collapse;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.data-table th,.data-table td{padding:.6rem .75rem;text-align:left;vertical-align:middle;border-bottom:1px solid var(--border)}.data-table tr:last-child td{border-bottom:0}.data-table th{background:var(--bg-elev-2);color:var(--text-muted);font-weight:500;font-size:.85rem}.data-table tbody tr:hover{background:var(--bg-elev-2)}.data-table-hover tbody tr.row-clickable{cursor:pointer}.data-table-hover tbody tr.row-clickable:hover{background:var(--bg-elev-2)}.actions{text-align:right;white-space:nowrap}.data-table th.col-primary,.data-table td.col-primary{color:var(--accent)}.data-table th.col-secondary,.data-table td.col-secondary{color:var(--text-muted)}.notes-cell{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actual-hours-cell{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px dashed var(--border);color:var(--text);font:inherit;padding:.25rem .55rem;border-radius:var(--radius);cursor:pointer;min-width:5rem;text-align:left}.actual-hours-cell:hover{border-color:var(--accent);background:var(--bg-elev-2)}.actual-hours-cell:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.actual-hours-cell .edit-icon{margin-left:auto;color:var(--text-muted);font-size:.85em;opacity:.7;transition:opacity .12s ease}.actual-hours-cell:hover .edit-icon{opacity:1;color:var(--accent)}.actual-hours-edit{display:inline-flex;align-items:center;gap:.35rem}.actual-hours-edit .input{width:5.5rem;padding:.3rem .45rem;font-size:.9rem}.actual-hours-edit-compact .input{width:5rem}.success-rate{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;min-width:5rem;padding:.15rem .5rem;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:999px;font-size:.85rem;font-variant-numeric:tabular-nums;overflow:hidden}.success-rate-bar{position:absolute;left:0;top:0;bottom:0;background:#6ea8fe40}.success-rate-good .success-rate-bar{background:#6ee7b74d}.success-rate-warn .success-rate-bar{background:#fda4af4d}.success-rate-label{position:relative;z-index:1}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.78rem;font-weight:500;text-transform:capitalize;border:1px solid currentColor}.badge-good{color:var(--good)}.badge-warn{color:var(--warn)}.badge-info{color:var(--info)}.badge-muted{color:var(--text-muted)}.badge-amber{color:#f5b942}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding:.5rem}.filters .filter-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.filters label{display:flex;flex-direction:column;gap:.25rem;min-width:160px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a10bf;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;width:100%;max-width:560px;box-shadow:var(--shadow);max-height:calc(100vh - 2rem);overflow-y:auto}.modal.modal-split{display:flex;flex-direction:column;overflow:hidden}.modal-split .modal-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;margin-top:.75rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.form-grid{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.form-grid label{display:flex;flex-direction:column;gap:.25rem}.form-grid label.full{grid-column:1 / -1}.form-actions{display:flex;gap:.5rem;margin-top:1rem}.spinner-wrap{display:inline-flex;gap:.5rem;align-items:center;padding:.5rem}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.centered-full{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-card{background:var(--bg)}.login-inner{background:var(--bg-elev);padding:1.75rem 1.5rem;border-radius:var(--radius);border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow)}.login-inner h1{text-align:center}.login-inner>p{text-align:center;margin-bottom:1.25rem}.login-inner .form-grid{display:flex;flex-direction:column;gap:.85rem;margin:0}.login-inner .form-grid label{display:flex;flex-direction:column;gap:.3rem;width:100%}.login-inner .form-grid label>span{font-size:.85rem;color:var(--text-muted)}.login-inner .form-grid .input{width:100%;min-width:0}.login-inner .form-grid .btn,.login-inner>.btn{width:100%;justify-content:center;margin-top:.5rem}.login-links{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1.25rem;font-size:.85rem}.login-links .muted{text-align:center;line-height:1.4}.verify-banner{background:#fdc55f1f;border-bottom:1px solid rgba(253,197,95,.35);padding:.6rem 1rem;display:flex;align-items:center;gap:1rem;font-size:.9rem}.theme-toggle{font-size:1rem;padding:.4rem .65rem;line-height:1}[data-theme=light] .btn-primary{color:#fff}.error-banner{background:#fda4af1a;border:1px solid var(--warn);color:var(--warn);padding:.6rem .85rem;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem}.empty-state{background:var(--bg-elev);border:1px dashed var(--border);border-radius:var(--radius);padding:2.5rem 1.5rem;text-align:center}.empty-state .btn{margin-top:.75rem}.multiline{white-space:pre-wrap;font-family:inherit;background:var(--bg-elev-2);padding:.6rem;border-radius:var(--radius);border:1px solid var(--border);margin:0}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.avatar.tiny{width:22px;height:22px;vertical-align:middle;margin-right:.35rem}.avatar-fallback{background:var(--bg-elev-2);display:inline-flex;align-items:center;justify-content:center;font-weight:600}.credits-widget{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:.3rem .75rem;font-size:.9rem;text-decoration:none}.credits-widget:hover{border-color:var(--accent);text-decoration:none}.credits-icon{font-size:.95rem}.credits-cta{font-size:.78rem;font-weight:600;padding:.1rem .5rem;border-radius:999px;background:var(--accent);color:#0c1322}.credits-cta-secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}.credits-widget-low{border-color:#f5b942;background:#f5b94214}.credits-widget-low .credits-cta-secondary{color:#f5b942;border-color:#f5b942}.credits-widget-zero{border-color:var(--warn);background:#dc262614;color:var(--warn)}.credits-widget-zero .credits-cta{background:var(--warn);color:#fff}.balance-block{display:flex;flex-direction:column;gap:.3rem}.balance-number{font-size:2.5rem;font-weight:700;line-height:1}.product-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.product-card{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.5rem}.product-card h4{margin:0;font-size:1rem;color:var(--text)}.product-credits{font-size:1.75rem;font-weight:700;color:var(--text);line-height:1}.product-credits-label{font-size:.85rem;color:var(--text-muted);font-weight:400}.product-price{font-size:1rem;color:var(--text-muted)}.product-card .btn{margin-top:auto;justify-content:center}.billing-legal{margin:.85rem 0 0;padding-top:.85rem;border-top:1px solid var(--border);line-height:1.5}.billing-legal a{white-space:nowrap}.credit-delta{font-weight:600}.credit-delta-pos{color:var(--good)}.credit-delta-neg{color:var(--warn)}.credit-row-pending{background:#f5b9420f}.credit-row-pending .credit-delta-pos{color:#c8911c}.badge{display:inline-block;margin-left:.5rem;padding:.05rem .45rem;border-radius:999px;font-size:.72rem;font-weight:600;line-height:1.4;border:1px solid transparent}.badge-pending{background:#f5b9422e;border-color:#f5b942;color:#c8911c}.billing-status{display:flex;align-items:center;gap:.6rem;padding:.6rem .85rem;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:1rem}.billing-status>span{flex:1}.billing-status-polling{background:#6ea8fe14;border-color:var(--accent)}.billing-status-success{background:#6ee7b71a;border-color:var(--good);color:var(--good)}.billing-status-pending{background:#f5b9421a;border-color:#f5b942}.billing-status-error{background:#dc262614;border-color:var(--warn);color:var(--warn)}.card-amber{border-color:#f5b942;background:#f5b9420f}.skip-cta .btn{margin-top:.5rem}.starter-banner{background:#6ea8fe1a;border:1px solid var(--accent);border-radius:var(--radius);padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.starter-banner>span{flex:1}@media (max-width: 768px){.mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center}.sidebar{position:fixed;top:0;left:0;bottom:0;height:100vh;width:260px;max-width:80vw;transform:translate(-100%);transition:transform .2s ease;box-shadow:12px 0 32px #0000004d;z-index:25}.sidebar.is-open{transform:translate(0)}.topbar{padding:.6rem .85rem}.content{padding:.85rem}.filters .filter-row{flex-direction:column;align-items:stretch}.filters label{min-width:0;width:100%}.form-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:.5rem}.page-header-actions{width:100%;flex-wrap:wrap}.pagination{flex-direction:column;gap:.5rem;align-items:stretch}.pagination .btn{width:100%;justify-content:center}.data-table th,.data-table td{padding:.5rem .55rem;font-size:.88rem}.modal{padding:1rem}.kv-list{grid-template-columns:1fr;gap:.2rem 0}.kv-list dt{margin-top:.5rem}.balance-number{font-size:2rem}.verify-banner{flex-direction:column;align-items:flex-start;gap:.4rem}}