:root{--bg:#18191b;--surface:#222427;--border:#2e3135;--fill:#2a2c30;--label:#f2f2f0;--label2:#b5b8bc;--label3:#8c9096;--accent:#ff6b12;--on-accent:#1a1b1d;--accent-soft:#ff6b1229;--positive:#7fd18b;--warning:#ffb020;--critical:#ff3b2f;--bar:#141517;--r-sm:3px;--r-md:6px;--r-lg:8px;--display:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--body:"Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--label);font:15px/1.45 var(--body);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent);text-decoration:none}h1,h2,h3{font-family:var(--display);letter-spacing:.5px;margin:0 0 12px;font-weight:700}h1{font-size:30px}h2{font-size:22px}h3{font-size:18px}.eyebrow{font:600 12px var(--display);letter-spacing:1.7px;text-transform:uppercase;color:var(--label3);margin-bottom:6px}.muted{color:var(--label3)}.small{font-size:13px}.shell{grid-template-columns:220px 1fr;min-height:100%;display:grid}.side{background:var(--bar);border-right:1px solid var(--border);flex-direction:column;gap:4px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.brand{font:700 22px var(--display);letter-spacing:1.5px;align-items:center;gap:10px;padding:4px 8px 18px;display:flex}.brand img{border-radius:8px;width:34px;height:34px}.nav a{border-radius:var(--r-md);color:var(--label2);font:600 15px var(--display);letter-spacing:1.1px;text-transform:uppercase;align-items:center;gap:10px;padding:10px 12px;display:flex}.nav a:hover{background:var(--fill);color:var(--label)}.nav a.active{background:var(--accent-soft);color:var(--accent)}.side .spacer{flex:1}.main{width:100%;max-width:1100px;padding:28px clamp(16px,4vw,40px) 90px}.tabbar{display:none}@media (width<=760px){.shell{grid-template-columns:1fr}.side{display:none}.tabbar{background:var(--bar);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:20;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{text-align:center;color:var(--label3);font:600 11px var(--display);letter-spacing:1px;text-transform:uppercase;flex:1;padding:6px 0}.tabbar a .ico{font-size:18px;display:block}.tabbar a.active{color:var(--accent)}.main{padding-top:18px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:16px;padding:18px}.grid{gap:12px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=760px){.g2,.g3,.g4{grid-template-columns:1fr}.g4.stats{grid-template-columns:repeat(2,1fr)}}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.stat .v{font:700 28px var(--display)}.stat .v.accent{color:var(--accent)}label.f{font:600 12px var(--display);letter-spacing:1.2px;text-transform:uppercase;color:var(--label3);flex-direction:column;gap:5px;display:flex}input,select,textarea{font:15px var(--body);color:var(--label);background:var(--fill);border:1px solid var(--border);border-radius:var(--r-md);width:100%;min-width:0;padding:10px 11px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}textarea{resize:vertical;min-height:70px}input[type=checkbox]{width:auto;accent-color:var(--accent)}.btn{border:1px solid var(--border);background:var(--fill);color:var(--label);border-radius:var(--r-md);font:700 14px var(--display);letter-spacing:1.1px;text-transform:uppercase;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.btn:hover{border-color:var(--label3)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--critical)}.btn.ghost{background:0 0}.btn.sm{padding:6px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:default}.list{flex-direction:column;display:flex}.list .item{border-bottom:1px solid var(--border);color:var(--label);justify-content:space-between;align-items:center;gap:12px;padding:13px 4px;display:flex}.list .item:last-child{border-bottom:0}.list .item:hover{background:#ffffff05}.tag{border-radius:var(--r-sm);font:700 11px var(--display);letter-spacing:1.2px;text-transform:uppercase;background:var(--fill);color:var(--label2);border:1px solid var(--border);padding:2px 8px;display:inline-block}.tag.paid,.tag.approved,.tag.active,.tag.trialing{color:var(--positive);border-color:#7fd18b59}.tag.sent{color:var(--warning);border-color:#ffb02059}.tag.void,.tag.canceled,.tag.past_due{color:var(--critical);border-color:#ff3b2f59}.tag.part{color:#9cc3ff}.tag.labor{color:var(--accent)}.tag.fee{color:var(--label2)}.lines{border-collapse:collapse;width:100%}.lines th{text-align:left;font:600 11px var(--display);letter-spacing:1.3px;text-transform:uppercase;color:var(--label3);border-bottom:1px solid var(--border);padding:6px}.lines td{vertical-align:top;border-bottom:1px solid var(--border);padding:6px}.lines td.num,.lines th.num{text-align:right}.lines input{padding:7px 8px}.lines .w-qty{width:84px}.lines .w-money{width:110px}.lines .w-pct{width:76px}.line-mobile{display:none}@media (width<=760px){.lines{display:none}.line-mobile{border:1px solid var(--border);border-radius:var(--r-md);background:var(--fill);margin-bottom:10px;padding:12px;display:block}}.totals{max-width:320px;margin-left:auto}.totals .r{justify-content:space-between;padding:4px 0;display:flex}.totals .grand{font:700 24px var(--display);border-top:1px solid var(--border);margin-top:6px;padding-top:8px}.totals .grand span:last-child{color:var(--accent)}.banner{background:var(--accent-soft);border-radius:var(--r-lg);border:1px solid #ff6b1266;margin-bottom:16px;padding:12px 16px}.banner.warn{background:#ffb0201a;border-color:#ffb02066}.error{color:var(--critical)}.center-screen{place-items:center;min-height:100%;padding:24px;display:grid}.auth-card{width:100%;max-width:420px}.plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width<=760px){.plans{grid-template-columns:1fr}}.plan{cursor:pointer;border:2px solid var(--border)}.plan.sel{border-color:var(--accent)}.plan .price{font:700 36px var(--display)}.empty{text-align:center;color:var(--label3);padding:30px 10px}.vehicle{border:1px solid var(--border);border-radius:var(--r-md);background:var(--fill);margin-bottom:10px;padding:12px}.tut-overlay{z-index:100;background:radial-gradient(1200px 600px at 20% -10%,#ff6b1238,#0000 60%),radial-gradient(900px 500px at 110% 110%,#ff6b121a,#0000 60%),#111214;flex-direction:column;animation:.25s tut-fade;display:flex;position:fixed;inset:0;overflow-y:auto}.tut-top{justify-content:space-between;align-items:center;padding:16px clamp(16px,4vw,40px);display:flex}.tut-top .brand{gap:8px;padding:0;font-size:18px}.tut-top .brand img{width:28px;height:28px}.tut-progress{background:var(--border);border-radius:2px;height:3px;margin:0 clamp(16px,4vw,40px);overflow:hidden}.tut-progress div{background:linear-gradient(90deg, #ff8a3d, var(--accent));height:100%;transition:width .35s}.tut-body{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,5vw,64px);width:100%;max-width:1180px;margin:0 auto;padding:20px clamp(16px,5vw,64px) 40px;display:grid}.tut-stage{justify-content:center;animation:.4s tut-rise;display:flex}.tut-copy{max-width:480px;animation:.4s 50ms both tut-rise}.tut-eyebrow{color:var(--accent)}.tut-h{text-transform:none;margin:4px 0 14px;font-size:clamp(34px,4.6vw,56px);line-height:1.02}.tut-accent{background:linear-gradient(180deg, #ffb07a, var(--accent) 60%, #e2560a);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.tut-h2{margin:10px 0;font-size:clamp(28px,3.4vw,40px);line-height:1.05}.tut-p{color:var(--label2);margin:0 0 22px;font-size:17px}.tut-cta{min-width:150px;padding:12px 22px;font-size:15px;box-shadow:0 8px 24px #ff6b1247}.tut-chip{background:var(--accent-soft);color:var(--accent);font:700 12px var(--display);letter-spacing:1.3px;text-transform:uppercase;border-radius:999px;padding:4px 10px;display:inline-block}.tut-callout{border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#222427d9;border-radius:12px;padding:22px}.tut-dots{gap:8px;margin:0 0 22px;display:flex}.tut-dots button{background:var(--border);cursor:pointer;border:0;border-radius:4px;width:8px;height:8px;padding:0;transition:width .25s,background .25s}.tut-dots button.on{background:var(--accent);width:26px}.tut-checks{grid-template-columns:repeat(3,auto);gap:8px 18px;margin:0 0 16px;padding:0;list-style:none;display:grid}.tut-checks li{font:600 15px var(--display);letter-spacing:1px;text-transform:uppercase}.tut-checks span{color:var(--positive);margin-right:6px}.tut-device{background:#0b0b0c;border:1px solid #34373c;border-radius:14px;width:min(100%,440px);overflow:hidden;box-shadow:0 30px 80px #0009,0 0 0 6px #ffffff05,0 0 60px #ff6b121f}.tut-device-bar{background:#1b1c1f;border-bottom:1px solid #2a2c30;align-items:center;gap:6px;padding:10px 12px;display:flex}.tut-device-bar>span{background:#3a3d42;border-radius:5px;width:10px;height:10px}.tut-device-bar>span:first-child{background:#ff5f57}.tut-device-bar>span:nth-child(2){background:#febc2e}.tut-device-bar>span:nth-child(3){background:#28c840}.tut-url{color:var(--label3);background:#111214;border-radius:6px;flex:1;margin-left:10px;padding:3px 10px;font-size:11px}.tut-screen{background:var(--bg);flex-direction:column;gap:10px;min-height:420px;max-height:520px;padding:14px;font-size:12.5px;display:flex;overflow:hidden}.m-head{padding:2px 2px 0}.m-eyebrow{font:600 10px var(--display);letter-spacing:1.5px;text-transform:uppercase;color:var(--label3);margin-bottom:3px}.m-title{font:700 20px var(--display);letter-spacing:.4px}.m-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;transition:box-shadow .3s,border-color .3s}.m-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.m-stat{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.m-big{font:700 22px var(--display)}.accent{color:var(--accent)}.m-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}.m-row:last-child{border-bottom:0}.m-right{align-items:center;gap:8px;display:flex}.m-muted{color:var(--label3);font-size:11.5px}.m-tag{font:700 9.5px var(--display);letter-spacing:1.1px;text-transform:uppercase;border:1px solid var(--border);color:var(--label2);border-radius:3px;padding:2px 6px}.m-tag.paid{color:var(--positive);border-color:#7fd18b59}.m-tag.sent{color:var(--warning);border-color:#ffb02059}.m-tag.overdue{color:var(--critical);border-color:#ff3b2f59}.m-field{color:var(--label2);justify-content:space-between;padding:4px 0;display:flex}.m-field b{color:var(--label)}.m-field.grand{font:700 18px var(--display);color:var(--label);border-top:1px solid var(--border);margin-top:4px;padding-top:6px}.m-field.grand span:last-child{color:var(--accent)}.m-chips{flex-wrap:wrap;gap:6px;display:flex}.m-chip{background:var(--accent-soft);color:var(--accent);font:600 11px var(--display);letter-spacing:1px;text-transform:uppercase;border-radius:999px;padding:4px 9px;animation:.4s both tut-pop}.m-btn{border:1px solid var(--border);background:var(--fill);color:var(--label);font:700 11px var(--display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:6px;padding:6px 10px;display:inline-block}.m-btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.m-btn:disabled{cursor:default;opacity:1}.m-input{background:var(--fill);border:1px solid var(--border);width:100%;color:var(--label);border-radius:6px;padding:7px 9px;font-size:13px}.m-presets{gap:8px;display:grid}.m-preset{background:var(--fill);border:1px dashed var(--border);width:100%;color:var(--label);font:600 12.5px var(--body);cursor:pointer;border-radius:6px;justify-content:space-between;margin-top:4px;padding:7px 10px;display:flex}.m-preset span{color:var(--label3)}.m-preset:disabled{cursor:default}.m-preset.pulse{border:1px solid var(--accent);animation:1.4s infinite tut-pulse}.m-blank{color:var(--label3);font-style:italic}.m-logo{background:var(--accent);width:36px;height:36px;color:var(--on-accent);font:700 20px var(--display);border-radius:8px;place-items:center;display:grid}.row-between{justify-content:space-between;align-items:center;gap:8px;display:flex}.m-paper{color:#222;background:#fff;border-radius:6px;padding:16px 16px 14px;font-size:11.5px;position:relative;overflow:hidden}.m-paper-bar{background:var(--accent);height:4px;position:absolute;top:0;left:0;right:0}.m-paper-muted{color:#888;font-size:10.5px}.m-paper-table{border-top:1px solid #ddd;border-bottom:1px solid #ddd;gap:4px;margin:10px 0;padding:6px 0;display:grid}.m-paper-total{margin-bottom:8px;font-size:14px}.m-stamp{color:#2e9b4f;font:700 26px var(--display);letter-spacing:3px;border:3px solid #2e9b4f;border-radius:6px;padding:2px 12px;animation:.4s tut-pop;position:absolute;top:46%;right:18px;transform:rotate(-14deg)}.tut-spot{box-shadow:0 0 0 2px var(--accent), 0 0 0 7px #ff6b1238, 0 0 30px #ff6b1259;z-index:1;border-color:#0000;position:relative}@keyframes tut-fade{0%{opacity:0}to{opacity:1}}@keyframes tut-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes tut-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes tut-pulse{0%,to{box-shadow:0 0 #ff6b1273}50%{box-shadow:0 0 0 6px #ff6b1200}}@media (prefers-reduced-motion:reduce){.tut-overlay *,.tut-overlay{transition:none!important;animation:none!important}}@media (width<=860px){.tut-body{grid-template-columns:1fr;gap:18px;padding-top:8px}.tut-copy{order:-1;max-width:none}.tut-screen{min-height:0;max-height:380px}.tut-checks{grid-template-columns:repeat(2,auto)}}.seg{background:var(--fill);border:1px solid var(--border);border-radius:var(--r-md);grid-template-columns:1fr 1fr;gap:4px;margin:12px 0 16px;padding:4px;display:grid}.seg button{color:var(--label3);border-radius:calc(var(--r-md) - 2px);font:700 13px var(--display);letter-spacing:1.1px;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:9px 8px}.seg button.on{background:var(--accent);color:var(--on-accent)}.btn.social{color:#1f1f1f;text-transform:none;letter-spacing:0;background:#fff;border-color:#dadce0;font-weight:600;text-decoration:none}.btn.block{width:100%}.or{color:var(--label3);align-items:center;gap:10px;margin:6px 0 2px;font-size:12px;display:flex}.or:before,.or:after{content:"";background:var(--border);flex:1;height:1px}.pw-field{display:flex;position:relative}.pw-field input{flex:1;padding-right:64px}.pw-toggle{color:var(--accent);font:700 12px var(--display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:6px 8px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.linkbtn{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;justify-self:center;padding:4px 0}