:root{--text:#1a1a1a;--text-dim:#6b6b6b;--bg:#fff;--bg-raised:#f7f7f7;--border:#e0e0e0;--accent:#8a3bff;--accent-text:#fff;--danger:#c0392b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#f0f0f0;--text-dim:#a0a0a0;--bg:#121212;--bg-raised:#1c1c1e;--border:#333;--accent:#a56bff;--accent-text:#121212;--danger:#ff6b5e}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--text);background:var(--bg);font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}#root{flex-direction:column;min-height:100svh;display:flex}h1{margin:24px 0 16px;font-size:22px}button{font:inherit;color:inherit}input,select,button{border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--text);border-radius:8px}button{cursor:pointer;background:var(--accent);color:var(--accent-text);border:none;padding:0 16px}button:disabled{opacity:.5;cursor:default}.screen{flex-direction:column;flex:1;width:100%;padding:0 16px 16px;display:flex}.screen.placeholder{color:var(--text-dim);justify-content:center;align-items:center}.sign-in{text-align:center;justify-content:center}.sign-in form{text-align:left;flex-direction:column;gap:16px;display:flex}.sign-in label{color:var(--text-dim);flex-direction:column;gap:4px;font-size:14px;display:flex}.sign-in .error{color:var(--danger);margin:0;font-size:14px}.access-off{text-align:center;justify-content:center;align-items:center;gap:16px}.access-off button{align-self:center}.app-content{flex:1;padding:0 16px;overflow-y:auto}.tab-bar{border-top:1px solid var(--border);background:var(--bg-raised);padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:sticky;bottom:0}.tab-button{min-height:56px;color:var(--text-dim);background:0 0;border:none;border-radius:0;flex:1;font-size:13px}.tab-button.active{color:var(--accent);font-weight:600}.products input[type=search],.show-archived{margin-bottom:8px}.product-list{flex-direction:column;gap:8px;margin:16px 0;padding:0;list-style:none;display:flex}.product-row{background:var(--bg-raised);width:100%;color:var(--text);text-align:left;justify-content:space-between;align-items:center;display:flex}.sales-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.product-view-actions{gap:8px;margin-top:16px;display:flex}.product-form form{flex-direction:column;gap:16px;display:flex}.product-form label{color:var(--text-dim);flex-direction:column;gap:4px;font-size:14px;display:flex}.product-form .error{color:var(--danger);margin:0;font-size:14px}.muted{color:var(--text-dim);font-size:13px}.error{color:var(--danger);margin:4px 0;font-size:14px}button.ghost{background:var(--bg-raised);color:var(--text);border:1px solid var(--border)}button.wide{width:100%;margin:8px 0}.builder{gap:8px}.builder input{width:100%;padding:0 12px;font-size:16px}.builder-head{justify-content:space-between;align-items:center;display:flex}.builder-head h1{margin:16px 0 8px}.drafts-strip{gap:6px;padding-top:12px;display:flex;overflow-x:auto}.drafts-strip .chip{white-space:nowrap;flex:none;padding:0 12px}.customer-picker,.customer-fields,.oneoff-form{flex-direction:column;gap:6px;display:flex}.pick-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.pick-row{text-align:left;background:var(--bg-raised);width:100%;color:var(--text);border:1px solid var(--border);justify-content:space-between;gap:8px;display:flex}.no-results{justify-content:space-between;align-items:center;gap:8px;display:flex}.line-card{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.line-top{justify-content:space-between;align-items:center;gap:8px;font-weight:600;display:flex}.line-top .amt.link{color:var(--accent);background:0 0;min-height:32px;padding:0;font-weight:600}.line-top .amt-input{text-align:right;width:120px;min-height:36px}.line-sub{align-items:center;gap:8px;display:flex}.stepper{flex:1;align-items:center;gap:4px;display:flex}.stepper button{min-width:44px;padding:0 8px}.stepper .qty-input{text-align:center;width:80px}.line-sub .saved,.totals .saved{color:#1e8449;font-size:13px}.line-sub .remove{padding:0 12px}.chips{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.chip{background:var(--bg-raised);color:var(--text);border:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;padding:4px;font-size:12px;display:flex}.chip b{font-size:13px}.chip.on{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.row{gap:6px;display:flex}.row>*{flex:1;min-width:0}.totals{border-top:2px solid var(--border);flex-direction:column;gap:8px;padding-top:8px;display:flex}.totals .big{justify-content:space-between;font-size:20px;font-weight:700;display:flex}.lvl{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.lvl button{flex-direction:column;justify-content:center;align-items:center;padding:4px;font-size:13px;display:flex}.finish{width:100%;min-height:52px;margin-top:8px;font-weight:600}.estimates input[type=search]{width:100%;margin-bottom:8px;padding:0 12px;font-size:16px}.estimate-group{margin-bottom:8px}.bs-date{color:var(--text-dim);margin:16px 0 8px;font-size:13px;font-weight:600}.estimate-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.estimate-row{background:var(--bg-raised);width:100%;color:var(--text);border:1px solid var(--border);text-align:left;justify-content:space-between;align-items:center;gap:8px;display:flex}.estimate-row.cancelled{opacity:.7}.estimate-row .strike{color:var(--text-dim);text-decoration:line-through}.estimate-view-actions{gap:8px;margin-top:16px;display:flex}.customers input[type=search]{width:100%;margin-bottom:8px;padding:0 12px;font-size:16px}.customer-list{flex-direction:column;gap:8px;margin:16px 0;padding:0;list-style:none;display:flex}.customer-row{background:var(--bg-raised);width:100%;color:var(--text);border:1px solid var(--border);text-align:left;justify-content:space-between;align-items:center;gap:8px;display:flex}.stat{gap:6px;margin:8px 0 16px;display:flex}.stat div{background:var(--bg-raised);text-align:center;color:var(--text-dim);border-radius:10px;flex-direction:column;flex:1;gap:2px;padding:8px;font-size:13px;display:flex}.stat b{color:var(--text);font-size:16px}.stat b.saved{color:#1e8449}.oneoff-list{flex-direction:column;gap:8px;margin:16px 0;padding:0;list-style:none;display:flex}.oneoff-row{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.oneoff-info{flex-direction:column;gap:2px;display:flex}.oneoff-actions{gap:8px;display:flex}.staff-list{flex-direction:column;gap:8px;margin:16px 0;padding:0;list-style:none;display:flex}.staff-row{align-items:center;gap:8px;display:flex}.staff-row input{flex:1;padding:0 12px}.settings form,.more form{flex-direction:column;gap:16px;display:flex}.settings label{color:var(--text-dim);flex-direction:column;gap:4px;font-size:14px;display:flex}.settings input{padding:0 12px}