:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f1f1f1;--surface:#fff;--surface-2:#f7f7f7;--border:#e3e3e3;--border-strong:#cfcfcf;--text:#1a1a1a;--text-2:#4a4a4a;--muted:#6d6d6d;--accent:#2a78d6;--accent-soft:#e8f1fc;--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--funnel:#2a78d6;--good:#1a7f37;--good-soft:#e3f4e8;--warn:#9a6700;--warn-soft:#fff4d6;--bad:#b42318;--bad-soft:#fde8e7;--info-soft:#e8f1fc;--radius:12px;--shadow:0 1px 0 #0000000f, 0 0 0 1px #0000000a;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.45}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141414;--surface:#1e1e1e;--surface-2:#262626;--border:#333;--border-strong:#444;--text:#f0efec;--text-2:#d0cfca;--muted:#a3a29c;--accent:#3987e5;--accent-soft:#1b2b40;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--funnel:#3987e5;--good:#4cc06e;--good-soft:#17301f;--warn:#e0b23d;--warn-soft:#33290f;--bad:#f07067;--bad-soft:#3a1917;--info-soft:#1b2b40}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{min-height:100vh}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}.page{max-width:1240px;margin:0 auto;padding:20px 20px 60px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.page-header h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:650}.page-header .sub{color:var(--muted);margin-top:2px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.grid{gap:14px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}}@media (max-width:520px){.grid-3,.grid-4{grid-template-columns:1fr}.page{padding:14px 16px 48px}}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:16px}.card h2{margin:0 0 12px;font-size:14px;font-weight:650}.card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.card-head h2{margin:0}.section{margin-top:14px}.kpi .label{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;display:flex}.kpi .value{font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin-top:4px;font-size:24px;font-weight:650}.kpi .delta{font-variant-numeric:tabular-nums;margin-top:2px;font-size:12px}.delta.up{color:var(--good)}.delta.flat{color:var(--muted)}.btn{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 12px;font-weight:550}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.btn.primary:hover{background:#333}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn.primary{color:#111;background:#f0efec;border-color:#f0efec}}.btn.small{padding:3px 9px;font-size:12.5px}.btn.link{color:var(--accent);background:0 0;border:none;padding:0}.seg{border:1px solid var(--border-strong);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{background:var(--surface);cursor:pointer;border:none;border-right:1px solid var(--border);padding:6px 11px}.seg button:last-child{border-right:none}.seg button.on{background:var(--surface-2);font-weight:650}input[type=text],input[type=email],input[type=number],input[type=search],input[type=date],select,textarea{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;min-width:0;padding:6px 10px}textarea{resize:vertical;width:100%;min-height:90px}label.field{gap:4px;font-weight:550;display:grid}label.field .hint{color:var(--muted);font-size:12.5px;font-weight:400}.check{cursor:pointer;align-items:center;gap:8px;display:flex}.table-wrap{margin:0 -16px;padding:0 16px;overflow-x:auto}table.t{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.t th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px;font-size:12.5px;font-weight:550}.t td{border-bottom:1px solid var(--border);vertical-align:middle;padding:9px 10px}.t tr:last-child td{border-bottom:none}.t td.num,.t th.num{text-align:right}.t tr.clickable{cursor:pointer}.t tr.clickable:hover td{background:var(--surface-2)}.t .ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.badge{background:var(--surface-2);color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:12px;font-weight:550;display:inline-flex}.badge.good{background:var(--good-soft);color:var(--good)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.info{background:var(--info-soft);color:var(--accent)}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.pulse{background:var(--good);animation:1.8s infinite pulse;box-shadow:0 0 #1a7f3780}@keyframes pulse{0%{box-shadow:0 0 #1a7f3773}70%{box-shadow:0 0 0 8px #1a7f3700}to{box-shadow:0 0 #1a7f3700}}.banner{border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.banner.warn{background:var(--warn-soft)}.banner.bad{background:var(--bad-soft)}.banner.info{background:var(--info-soft)}.banner.good{background:var(--good-soft)}.banner strong{margin-bottom:2px;display:block}.muted{color:var(--muted)}.small{font-size:12.5px}.strong{font-weight:650}.empty{color:var(--muted);text-align:center;padding:22px 0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.bar-row{grid-template-columns:150px 1fr 70px;align-items:center;gap:10px;padding:5px 0;display:grid}.bar-track{background:var(--surface-2);border-radius:4px;height:22px;overflow:hidden}.bar-fill{background:var(--funnel);border-radius:0 4px 4px 0;min-width:2px;height:100%}.bar-row .v{text-align:right;font-variant-numeric:tabular-nums}@media (max-width:520px){.bar-row{grid-template-columns:100px 1fr 56px}}.thumb{object-fit:cover;background:var(--surface-2);border-radius:6px;flex-shrink:0;width:36px;height:36px}.product-cell{align-items:center;gap:10px;min-width:0;display:flex}.drawer-backdrop{z-index:50;background:#00000059;position:fixed;top:0;bottom:0;left:0;right:0}.drawer{background:var(--bg);z-index:51;width:min(720px,100vw);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-4px 0 24px #00000026}.drawer .page{padding-top:16px}.timeline{margin:0;padding:0;list-style:none}.timeline li{grid-template-columns:70px 22px 1fr;align-items:start;gap:8px;padding:6px 0;display:grid}.timeline .time{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:1px;font-size:12px}.timeline .ico{background:var(--surface-2);border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.timeline .ico.cart{background:var(--accent-soft)}.timeline .ico.co{background:var(--warn-soft)}.timeline .ico.buy{background:var(--good-soft)}.timeline .session-sep{color:var(--muted);border-top:1px dashed var(--border);grid-column:1/-1;margin-top:4px;padding-top:8px;font-size:12px}.dl{grid-template-columns:130px 1fr;gap:6px 12px;margin:0;display:grid}.dl dt{color:var(--muted)}.dl dd{overflow-wrap:anywhere;min-width:0;margin:0}.plan-card{flex-direction:column;gap:10px;display:flex}.plan-card.current{outline:2px solid var(--accent)}.plan-card .price{font-size:28px;font-weight:700}.plan-card ul{color:var(--text-2);margin:0;padding-left:18px}.plan-card li{margin:3px 0}.chart-box{height:260px;position:relative}.legend{color:var(--text-2);flex-wrap:wrap;gap:14px;font-size:12.5px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:2px;width:14px;height:3px;display:inline-block}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;margin:40px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{color:#fff;z-index:100;background:#1a1a1a;border-radius:8px;padding:9px 16px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.progress{background:var(--surface-2);border-radius:4px;height:8px;overflow:hidden}.progress>div{background:var(--accent);height:100%}ui-nav-menu,s-app-nav{display:none}.delta.down{color:var(--text-2)}.progress.over>div{background:var(--warn)}.badge.caution{color:#8a3b12;background:#ffe8d6}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .badge.caution{color:#f2a36b;background:#3d2412}}.btn.destructive,.btn.link.destructive{color:var(--bad)}.btn.full{justify-content:center;width:100%;padding:9px 12px}.btn{align-items:center;gap:6px;display:inline-flex}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.seg button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.h2{font-size:18px;font-weight:650}.plans .plan-card{gap:8px;padding:20px}.plan-card.current{outline:2px solid var(--accent);outline-offset:-2px}.price-row{align-items:baseline;gap:6px;margin-top:6px;display:flex}.plan-card .price{letter-spacing:-.02em;font-size:32px;font-weight:700}.price-note{min-height:18px;margin-top:-4px}.included{background:var(--surface-2);border-radius:8px;margin:6px 0;padding:10px 12px}.feature-list{gap:8px;margin:4px 0 12px;padding:0;list-style:none;display:grid}.feature-list li{color:var(--text-2);align-items:center;gap:8px;display:flex}.feature-list svg{color:var(--good);flex-shrink:0}.feature-list li svg[aria-label=Not\ included]{color:var(--muted)}.compare td svg{color:var(--good)}.compare td.muted svg{color:var(--muted)}.t .center,.t th.center{text-align:center}.current-plan .meter{gap:6px;display:grid}.faq-list{grid-template-columns:160px 1fr}@media (max-width:520px){.faq-list{grid-template-columns:1fr}.faq-list dd{margin-bottom:8px}}.welcome{place-items:start center;min-height:100vh;padding:48px 16px;display:grid}.welcome-card{width:100%;max-width:600px;padding:28px}.welcome-card h1{letter-spacing:-.01em;margin:14px 0 4px;font-size:22px}.welcome-card>p{margin:0 0 18px}.welcome-mark{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.setup-progress{gap:12px}.steps{gap:6px;margin:14px 0 0;padding:0;list-style:none;display:grid}.step{border-radius:10px;transition:background .15s}.step.expanded{background:var(--surface-2)}.step-head{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.step-head:disabled{cursor:default}.step-head:not(:disabled):hover{background:var(--surface-2)}.step-head:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.step-title{font-weight:600}.step.done .step-title{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);font-weight:500}.step.todo .step-title{color:var(--muted)}.step-dot{border:1.5px dashed var(--border-strong);width:24px;height:24px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:650;display:grid}.step-dot.current{border:1.5px solid var(--text);color:var(--text)}.step-dot.done{background:var(--text);color:var(--surface);border:none}.step-body{padding:0 12px 14px 48px}.step-body p{margin:0 0 12px}.setup.compact .step-head{padding:8px 10px}@media (max-width:520px){.welcome{padding:20px 12px}.welcome-card{padding:20px}.step-body{padding-left:12px}}.back-link{color:var(--text-2);margin-bottom:8px}a.btn{text-decoration:none}a.btn:not(.primary){color:inherit}.setup-card{margin-bottom:14px}.chart-tick{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.chart-tip{background:var(--surface);border:1px solid var(--border);pointer-events:none;white-space:nowrap;border-radius:8px;gap:2px;padding:8px 10px;font-size:12.5px;display:grid;position:absolute;top:8px;box-shadow:0 4px 14px #00000014}@media (max-width:1200px){.plans.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.plans.grid-4{grid-template-columns:1fr}}.pro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (max-width:720px){.pro-grid{grid-template-columns:1fr}}.pro-grid textarea{resize:vertical;min-height:96px}.field-error{color:var(--bad);font-size:12.5px;font-weight:400}
