:root{color-scheme:dark;--bg:#191919;--nav:#202020;--panel:#303030;--line:#464646;--text:#dedede;--muted:#8c8c8c;--blue:#3279f5}*{box-sizing:border-box}body{margin:0;font:13px Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:#252525;border-radius:3px;padding:8px 12px;line-height:1.2}button:hover{background:#393939}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--blue);border-color:var(--blue);color:#fff}button.link{background:none;border:none;padding:0;color:#568df8}input,select,textarea{background:#202020;border:1px solid var(--line);border-radius:3px;padding:8px;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 1px #3279f530}input[type=checkbox]{width:auto;accent-color:var(--blue)}input[type=color]{height:35px;padding:3px}textarea{min-height:74px;resize:vertical}h1{font-size:24px;margin:0;font-weight:600}h2{font-size:19px;margin:0 0 16px}h3{font-size:13px}p{line-height:1.65}label{display:flex;flex-direction:column;gap:7px;color:#b8b8b8;font-size:12px}a{color:#5289f6;text-decoration:none}small,.muted{display:block;color:var(--muted);font-size:11px;line-height:1.5}.danger,.error{color:#ed5266}.error{font-size:12px;line-height:1.6}.error:empty{display:none}.shell{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:100vh}.shell>aside{width:190px;position:fixed;inset:0 auto 0 0;background:var(--nav);border-right:1px solid #353535;display:flex;flex-direction:column;padding:20px 11px 12px;overflow:auto}.logo{font-size:22px;font-weight:700;letter-spacing:-.6px;color:#4e89fb;margin:4px 10px 20px}.logo span{color:#6a9fff}nav{display:flex;flex-direction:column;gap:2px}nav button,#profile{display:flex;align-items:center;gap:12px;text-align:left;background:none;border:1px solid transparent;padding:11px;font-size:13px;color:#c7c7c7;min-height:38px}nav button b,#profile b{font-size:20px;font-weight:400;width:20px;line-height:14px;color:#8c8c8c;text-align:center}nav button.active{background:#242b36;border-color:#3b527d;color:#4f8dfd}nav button.active b{color:#4f8dfd}#profile{margin-top:auto;flex-shrink:0}main{grid-column:2;min-width:0;padding:26px 25px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.heading-tools{display:flex;gap:8px;align-items:center}.heading-tools select{width:180px;padding:6px 8px}.heading-tools button{padding:5px 10px}.command{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.command>input{width:200px}.command>button{white-space:nowrap}.command>label{display:flex;flex-direction:row;align-items:center;white-space:nowrap}.command>label input{width:150px}.tabs{display:flex;align-items:center;gap:20px}.tabs button{background:none;border:none;border-bottom:3px solid transparent;border-radius:0;padding:8px 0;color:#bdbdbd;white-space:nowrap}.tabs button.selected{border-bottom-color:var(--blue);font-weight:bold;color:#e8e8e8}.command .tabs{flex:1;gap:18px}.list-panel{border:1px solid var(--line);border-radius:3px;overflow:hidden}.table-scroll{overflow:auto;scrollbar-width:thin}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-weight:500;color:#b8b8b8;background:#242424;font-size:12px;white-space:nowrap}td,th{padding:13px 12px;border-bottom:1px solid var(--line);line-height:1.45}td{background:var(--panel);vertical-align:top}td small{margin-top:5px;max-width:170px;overflow:hidden;text-overflow:ellipsis}td button{font-size:11px;padding:5px 7px;margin:0 3px 3px 0}td .link{font-size:12px}.order-row{cursor:pointer}.order-row:hover td{background:#363b44}.order-row:focus-visible{outline:2px solid var(--blue)}.status{border:1px solid var(--status);background:color-mix(in srgb,var(--status) 12%,transparent);color:var(--status);padding:4px 7px;border-radius:3px;display:inline-block;font-size:11px;line-height:1.4;min-width:55px;max-width:110px}.flags{color:#4d8bed;font-size:16px;white-space:nowrap}.client-name{color:#5589f0}.list-panel footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 24px;font-size:11px;background:var(--nav)}.list-panel footer div{text-align:right}.list-panel table{min-width:950px}.empty{text-align:center;color:#929292;padding:40px!important}.panel{padding:20px;border:1px solid var(--line);border-radius:4px;background:var(--panel);margin-bottom:18px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px}.big{display:block;font-size:30px;margin-top:20px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.formgrid .full{grid-column:1/-1}.check{flex-direction:row;align-items:center;gap:8px}.actions{display:flex;align-items:center;gap:10px}.formgrid .actions{margin-top:14px}.section-title{font-size:12px;letter-spacing:.2px;border-bottom:1px solid var(--line);padding:10px 0;color:#bbb;margin:12px 0 0}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}dialog{background:#303030;color:var(--text);border:1px solid #454545;border-radius:5px;width:870px;max-width:calc(100vw - 40px);max-height:92vh;padding:0}dialog::backdrop{background:#0009}dialog>header{padding:17px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#303030;z-index:2}dialog>header h2{margin:0}dialog>header button{font-size:24px;border:0;padding:0;background:none}.modal-body{padding:24px}.scrim{position:fixed;inset:0;background:#0007;z-index:30}.order-drawer{position:fixed;inset:0 0 0 auto;width:min(1060px,95vw);background:#303030;z-index:31;box-shadow:-10px 0 25px #0005;display:flex;flex-direction:column;animation:slide .18s ease-out}.order-drawer>header{padding:18px 24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);min-height:68px}.order-drawer>header h2{font-size:23px;font-weight:400;margin:0}.order-drawer>header button:first-child{font-size:27px;background:none;border:0;padding:0;color:#999}.order-drawer>header button:last-child{margin-left:auto}.order-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:0;flex:1}.order-main{overflow:auto;position:relative;padding:0 24px;scrollbar-width:thin}.order-tabs{margin-bottom:20px;gap:25px;position:sticky;top:0;background:#303030;z-index:3;padding-top:8px}.order-tabs button{padding:13px 0}.order-state{width:190px;margin-bottom:18px}.order-state select{padding:7px}.order-history{border-left:1px solid var(--line);padding:22px 20px;display:flex;flex-direction:column;min-height:0}.order-history h2{font-size:22px;font-weight:400;margin-bottom:22px}.timeline{overflow:auto;flex:1;min-height:0;scrollbar-width:thin}.timeline article{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}.timeline article>span{color:#868686;font-size:10px;margin-top:4px}.timeline p{font-size:12px;line-height:1.6;margin:0 0 4px}.timeline small{font-size:10px}.order-history form{border-top:1px solid var(--line);padding-top:15px}.order-history form textarea{margin-bottom:10px;font-size:12px}.order-actions{position:sticky;bottom:0;display:flex;align-items:center;gap:8px;padding:18px 0;background:#303030;border-top:1px solid var(--line);margin-top:20px;flex-wrap:wrap}.order-actions .error{width:100%}.order-totals{border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;padding:20px 0;margin:10px 0}.order-totals strong{display:block;margin-top:6px;font-size:17px;font-weight:500}.work-result{display:flex;justify-content:space-between;width:100%;margin-bottom:5px}.order-main .command{gap:7px;margin-top:20px}.order-main .command input{flex:1;min-width:110px}.order-main table th,.order-main table td{padding:11px 7px}.inventory-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px}.group-tree{border-right:1px solid var(--line);padding-right:15px}.group-tree button{display:block;border:0;background:none;text-align:left;width:100%;padding:10px 0}.group-tree h3{margin-top:0}.subnav{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow:auto}.subnav button{border:0;border-bottom:2px solid #3e75c6;border-radius:0;background:none;padding:10px 0;white-space:nowrap}.sales-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:25px}.receipt h2{margin-bottom:5px}.receipt>label{margin:18px 0}.receipt .formgrid{gap:12px}.receipt-line{padding:17px 0;border-bottom:1px solid var(--line)}.receipt-line .row{margin-bottom:12px}.receipt-line .row b{font-size:12px}.receipt>button{width:100%;padding:12px}.receipt .order-totals{font-size:18px;align-items:center}.receipt .order-totals strong{font-size:26px}.settings-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:25px}.settings-menu button{display:block;width:100%;text-align:left;background:none;border:0;padding:12px}.settings-menu button:hover{background:#303030}.status-editor{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(180px,1.4fr) 70px minmax(150px,1fr) 35px;gap:12px;align-items:end;margin-bottom:15px}.file-button{display:inline-flex;cursor:pointer;padding:10px 15px;border:1px solid var(--line);border-radius:3px;background:#252525;margin:16px 0}.files{display:flex;gap:10px;flex-wrap:wrap}.files a{padding:10px;border:1px solid var(--line);border-radius:3px}.auth{display:flex;justify-content:center;align-items:center;min-height:100vh}.auth-card{width:440px;padding:35px;border:1px solid var(--line);border-radius:6px;background:#242424}.auth-card .logo{margin-left:0}.auth-card h1{margin:25px 0 12px}.auth-card p{color:#999;font-size:12px}.auth-card .formgrid{display:flex;flex-direction:column}.auth-card [data-dismiss]{display:none}#toast{position:fixed;right:24px;bottom:24px;z-index:200;background:#254675;border:1px solid #4274b1;color:#fff;border-radius:4px;padding:15px 22px;max-width:80vw;font-size:13px}[hidden]{display:none!important}#order-filters{display:flex;gap:18px;padding:16px;border:1px solid var(--line);margin-bottom:18px;align-items:end}#order-filters label{min-width:180px}.print-frame{position:fixed;width:0;height:0;opacity:0;border:0}.prose{max-width:750px}.prose p{color:#aaa}@keyframes slide{from{transform:translateX(100%)}to{transform:translateX(0)}}@media(max-width:1100px){.command{gap:10px}.command .tabs{gap:12px}.order-grid{grid-template-columns:minmax(0,1fr) 230px}.order-history{padding:20px 14px}.sales-grid{grid-template-columns:minmax(0,1fr) 310px}.inventory-grid{grid-template-columns:145px minmax(0,1fr)}}@media(max-width:740px){.shell{grid-template-columns:64px minmax(0,1fr)}.shell>aside{width:64px;padding:16px 7px}.logo{font-size:11px;margin:3px 0 18px;letter-spacing:-.5px}nav button{justify-content:center;padding:10px 5px}nav button span,#profile{display:none}main{padding:20px 12px}.page-heading h1{font-size:21px}.heading-tools select{width:130px}.command>input{flex:1;min-width:130px}.command .tabs{order:3;width:100%;flex-basis:100%;overflow:auto}.list-panel footer{padding:12px}.list-panel footer div{display:none}.order-drawer{width:100vw}.order-grid{display:block;overflow:auto}.order-main{overflow:visible;padding:0 16px}.order-history{border-left:0;border-top:1px solid var(--line);height:360px}.order-tabs{gap:18px}.order-tabs button{font-size:12px}.order-drawer>header{padding:14px 16px}.order-drawer>header h2{font-size:20px}.formgrid{grid-template-columns:1fr;gap:14px}.order-totals{gap:16px}.order-totals div{width:43%}.order-actions{bottom:-1px;z-index:4}.sales-grid,.inventory-grid,.settings-grid{grid-template-columns:1fr}.group-tree{display:flex;flex-wrap:wrap;border:0;gap:8px}.group-tree h3{width:100%}.group-tree button{width:auto}.settings-menu{display:flex;overflow:auto}.settings-menu button{width:auto;white-space:nowrap}.receipt{margin-top:10px}.status-editor{grid-template-columns:1fr 1fr 35px}.status-editor>label:nth-child(1){grid-column:1/3;grid-row:1}.status-editor>label:nth-child(2){grid-column:1/3;grid-row:2}.status-editor>label:nth-child(3){grid-column:1;grid-row:3}.status-editor>label:nth-child(4){grid-column:2;grid-row:3}.status-editor>button{grid-column:3;grid-row:1}.auth-card{width:calc(100vw - 30px);padding:25px}dialog{max-width:calc(100vw - 20px)}.modal-body{padding:18px}#order-filters{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
nav button{padding:9px 11px;min-height:37px}nav button b{display:flex;align-items:center;justify-content:center}nav button svg{width:20px;height:20px;flex-shrink:0}
nav button{padding:7px 11px;min-height:37px}
.discount-editor{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding:14px 0;font-size:12px}.discount-editor label{width:65px}.discount-editor label:nth-of-type(2){width:90px}.discount-editor>span:last-of-type{color:var(--muted);font-size:11px}.discount-editor .error{flex-basis:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.cashflow-report{display:grid;gap:16px}.cashflow-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cashflow-totals>div{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:4px;background:var(--panel)}.cashflow-totals small{color:var(--muted)}.cashflow-totals strong{font-size:20px}.cashflow-detail td{background:var(--hover)}.cashflow-toggle{padding:2px 7px;min-width:26px}@media(max-width:700px){.cashflow-totals{grid-template-columns:1fr}}
.cash-register{display:flex;flex-direction:column;gap:1rem}.cash-register>header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.cash-register-tools{display:flex;gap:.4rem;flex-wrap:wrap}.cash-register-balances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.cash-register-balances>div{display:flex;flex-direction:column;gap:.3rem;padding:.65rem;background:var(--soft,#f3f7f4);border-radius:.55rem;color:#22332b}.cash-register-balances span{font-size:.85rem;color:#66766f}.cash-register-balances strong{font-size:1.1rem;color:#18231f}.cash-register-balances .cash-register-total{background:var(--soft-green,#eaf4ed)}

@media(max-width:620px){.cash-register-balances{grid-template-columns:1fr 1fr}.cash-register-balances .cash-register-total{grid-column:1/-1}.cash-register>header{flex-wrap:wrap}}
.payment-split-panel{padding:14px;border:1px solid var(--line,#d8e2de);border-radius:12px;background:var(--surface-soft,#f3f8f5)}.payment-split-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) minmax(100px,.7fr) auto;gap:10px;align-items:end;margin-bottom:10px}.payment-split-row label{display:grid;gap:5px;font-size:12px}.payment-split-row button{height:38px}.payment-split-panel>small{display:block;margin-top:8px;color:var(--muted,#6b7d75)}@media(max-width:640px){.payment-split-row{grid-template-columns:1fr 1fr}.payment-split-row label:nth-child(3){grid-column:1}.payment-split-row button{grid-column:2;grid-row:2;justify-self:end}}
/* Keep dynamically refreshed intake fields as direct items in the form grid. */
#order-dynamic-fields{display:contents}

.order-overflow{position:relative}.order-overflow [role=menu]{position:absolute;right:0;bottom:calc(100% + 8px);z-index:12;display:grid;min-width:220px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 24px #0003}.order-overflow [role=menu][hidden]{display:none}.order-overflow [role=menuitem]{border:0;background:transparent;text-align:left;padding:10px 12px;color:var(--text);white-space:nowrap}.order-overflow [role=menuitem]:hover{background:var(--hover)}
.order-status-menu{position:absolute;z-index:25;top:calc(100% + 4px);left:4px;min-width:165px;max-height:260px;overflow:auto;display:grid;gap:3px;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:5px;box-shadow:0 8px 22px #0008}.order-status-menu button{width:100%;text-align:left;padding:8px 10px;border-color:transparent;border-left:3px solid var(--status);background:color-mix(in srgb,var(--status) 18%,var(--panel))}.order-status-menu button:hover,.order-status-menu button.current{background:color-mix(in srgb,var(--status) 32%,var(--panel))}.order-status-menu button.current:after{content:' ✓';float:right}
nav button b{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,currentColor 16%,transparent);transition:.15s ease}nav button b svg{width:18px;height:18px}nav button:hover b{transform:translateY(-1px);background:color-mix(in srgb,currentColor 25%,transparent)}nav button.active b{box-shadow:0 0 0 1px color-mix(in srgb,currentColor 55%,transparent),0 3px 10px color-mix(in srgb,currentColor 25%,transparent)}nav button[data-page=home]{color:#f59e0b}nav button[data-page=orders]{color:#60a5fa}nav button[data-page=sales]{color:#34d399}nav button[data-page=inventory]{color:#a78bfa}nav button[data-page=tasks]{color:#f472b6}nav button[data-page=prices]{color:#fbbf24}nav button[data-page=advertisements]{color:#fb7185}nav button[data-page=cart]{color:#22d3ee}nav button[data-page=finance]{color:#4ade80}nav button[data-page=analytics]{color:#c084fc}nav button[data-page=storage]{color:#38bdf8}nav button[data-page=compendiums]{color:#f97316}nav button[data-page=notifications]{color:#facc15}nav button[data-page=settings]{color:#94a3b8}nav button[data-page=help]{color:#2dd4bf}
nav button[data-page]{color:#c7c7c7}nav button[data-page] b{color:#94a3b8}nav button[data-page=home] b{color:#f59e0b}nav button[data-page=orders] b{color:#60a5fa}nav button[data-page=sales] b{color:#34d399}nav button[data-page=inventory] b{color:#a78bfa}nav button[data-page=tasks] b{color:#f472b6}nav button[data-page=prices] b{color:#fbbf24}nav button[data-page=advertisements] b{color:#fb7185}nav button[data-page=cart] b{color:#22d3ee}nav button[data-page=finance] b{color:#4ade80}nav button[data-page=analytics] b{color:#c084fc}nav button[data-page=storage] b{color:#38bdf8}nav button[data-page=compendiums] b{color:#f97316}nav button[data-page=notifications] b{color:#facc15}nav button[data-page=settings] b{color:#94a3b8}nav button[data-page=help] b{color:#2dd4bf}nav button[data-page].active{color:#e5e7eb}
.client-document-link{padding:0;border:0;background:transparent;color:var(--accent,#4387ee);font:inherit;text-align:left;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.client-document-link:hover{color:var(--text)}.client-card-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid var(--line)}.client-card-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:10px 12px}.client-card-tabs button.active{border-bottom-color:var(--accent,#4387ee);color:var(--accent,#4387ee)}.client-profile dl{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:10px 16px}.client-profile dt{color:var(--muted)}.client-profile dd{margin:0}#client-card-content table small{display:block;margin-top:4px;color:var(--muted)}