:root{--bg:#101113;--sidebar:#151618;--panel:#1a1b1e;--panel-hover:#202226;--line:#2c2e32;--text:#f0f1f3;--muted:#a2a6af;--silver:#e3e6e9;--accent:#c8d8ce;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #d5e4ff}input,select,textarea{width:100%;color:var(--text);background:#131416;border:1px solid #3a3d44;border-radius:7px;min-height:44px;padding:11px 12px}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #aeb9ca}input::placeholder,textarea::placeholder{color:#777d87}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.8px;margin-bottom:10px;font-size:30px;font-weight:600;line-height:1.22}h2{letter-spacing:-.25px;margin-bottom:0;font-size:18px;font-weight:600}h3{font-size:18px}small{color:var(--muted);font-size:13px}.eyebrow{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:12px;display:block}.muted{color:var(--muted);font-size:14px}.primary,.secondary{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 17px;font-size:14px;font-weight:600;display:inline-flex}.primary{background:var(--silver);color:#16181a}.primary:hover{background:#fff}.secondary{color:var(--text);background:#232529;border-color:#41444b}.secondary:hover{background:#2b2e34}.icon-button{min-width:38px;min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.icon-button:hover{color:#fff;background:#30333a}.wordmark{letter-spacing:5px;font-size:30px;font-weight:900;line-height:1.1;display:block}.wordmark span{letter-spacing:2px;color:#a3a6ad;margin-top:11px;font-size:8px;font-weight:400;display:block}.workspace{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);z-index:30;flex-direction:column;width:244px;padding:36px 18px 0;display:flex;position:fixed;inset:0 auto 0 0}.sidebar .wordmark{margin:0 16px 43px}.studio-label{letter-spacing:1.6px;color:#858b95;margin-bottom:18px;padding:0 15px;font-size:10px}.sidebar nav{gap:5px;display:grid}.nav-item{color:#a8acb5;border:1px solid #0000;border-radius:7px;align-items:center;gap:13px;padding:12px 14px;font-size:14px;transition:background .15s;display:flex}.nav-item:hover{color:#fff;background:#222428}.nav-item.active{color:#fff;background:#292c30;border-color:#373b42}.nav-item small{color:#dedfe4;background:#3b3e44;border-radius:4px;margin-left:auto;padding:0 7px}.sidebar-bottom{margin-top:auto;padding-top:30px}.studio-card{color:#bbc0c8;border-bottom:1px solid var(--line);gap:10px;padding:16px 6px;font-size:12px;display:flex}.studio-card small{margin-top:3px;font-size:11px;display:block}.profile{align-items:center;gap:10px;padding:22px 4px;font-size:14px;display:flex}.profile small{font-size:11px;display:block}.profile>a,.profile>form{margin-left:auto}.avatar{background:#373c43;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.main-column{flex-direction:column;flex:1;min-width:0;margin-left:244px;display:flex}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:72px;padding:0 36px;display:flex}.breadcrumb,.topbar-date{color:var(--muted);align-items:center;gap:13px;font-size:13px;display:flex}.breadcrumb strong{color:#d4d7dc;font-weight:400}.topbar-date{gap:7px;font-size:12px}.demo-banner{color:#c5d2c5;background:#202720;border-bottom:1px solid #394439;justify-content:space-between;gap:12px;padding:9px 36px;font-size:12px;display:flex}.demo-banner a{white-space:nowrap;align-items:center;gap:6px;display:flex}main#content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:34px 36px 30px}.page-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:29px;display:flex}.page-heading p{color:var(--muted);margin-bottom:0;font-size:14px}.page-heading .eyebrow{letter-spacing:1.1px;font-size:11px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px;display:grid}.metric{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:22px 20px 20px}.metric>div{color:#a9aeb7;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.metric svg{color:#7d8490}.metric>strong{letter-spacing:-.6px;margin:17px 0 10px;font-size:30px;font-weight:500;line-height:1.2;display:block}.metric small{font-size:11px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 295px;align-items:start;gap:24px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);border-radius:9px;overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:23px;display:flex}.panel-heading a,.stock-panel>a{color:#bbc0c9;align-items:center;gap:6px;font-size:12px;display:flex}.panel-heading h2{align-items:center;gap:10px;font-size:16px;display:flex}.count{color:#aeb3bd;background:#2c2e34;border-radius:4px;padding:1px 7px;font-size:12px;display:inline-flex}.appointment{color:inherit;text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:17px;width:100%;padding:23px;display:flex}.appointment:last-child{border:0}.appointment:hover{background:var(--panel-hover)}.appointment-time{min-width:43px;font-size:17px;font-weight:500}.appointment-time small{margin-top:7px;font-size:11px;display:block}.appointment-line{background:#707a91;border-radius:3px;flex-shrink:0;width:3px;height:55px}.appointment-line.in_work{background:#d2b67b}.appointment-line.confirmed{background:#8caf9a}.appointment-car{flex:1;min-width:0}.appointment-car strong{font-size:16px;font-weight:500;display:block}.appointment-car>span{color:#b5bac3;overflow-wrap:anywhere;margin-top:4px;font-size:12px;display:block}.appointment-car>small{color:#858c98;margin-top:4px;font-size:11px;display:block}.appointment-meta{flex-direction:column;align-items:flex-end;gap:11px;display:flex}.appointment-meta small{font-size:11px}.appointment>svg{color:#777f8b}.badge{color:#b9c0cf;white-space:nowrap;background:#30343c;border-radius:5px;width:max-content;padding:4px 9px;font-size:11px;display:inline-block}.badge.in_work,.badge.arrived{color:#dfc68b;background:#3c3527}.badge.confirmed,.badge.completed,.badge.issued,.badge.ready{color:#a2c6ae;background:#263b31}.badge.cancelled,.badge.no_show{color:#dca9ad;background:#402c2e}.right-stack{gap:20px;display:grid}.quick-actions{padding:22px 20px}.quick-actions h2{margin-bottom:12px;font-size:16px}.quick-actions button{text-align:left;background:0 0;border:none;align-items:center;gap:11px;width:100%;padding:13px 0;font-size:13px;display:flex}.quick-actions button>svg{color:#777f8a;margin-left:auto}.quick-actions small{margin-top:2px;font-size:11px;display:block}.action-icon{color:#c2c7ce;background:#2b2e34;border-radius:7px;place-items:center;width:36px;height:36px;display:grid}.stock-panel .panel-heading{border:0;padding:20px}.stock-panel .panel-heading h2{font-size:15px}.stock-row{text-align:left;background:0 0;border:0;justify-content:space-between;gap:12px;width:100%;padding:10px 20px;font-size:12px;display:flex}.stock-row small{font-size:11px;display:block}.stock-row b{white-space:nowrap;color:#dcc394;font-weight:500}.stock-panel>a{border-top:1px solid var(--line);margin-top:14px;padding:17px 20px}.stock-panel>p{padding:0 20px}.bottom-note{color:#7c8490;align-items:center;gap:8px;margin-top:22px;font-size:11px;display:flex}.app-footer{border-top:1px solid var(--line);color:#7c838f;letter-spacing:.4px;justify-content:space-between;margin:0 36px;padding:18px 0;font-size:10px;display:flex}.calendar-toolbar,.table-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:20px 23px;display:flex}.date-control{align-items:center;gap:6px;display:flex}.date-control input{background:0 0;width:165px;min-width:0}.calendar-toolbar>.muted{text-align:right;max-width:210px;font-size:12px}.search-box{color:#8e96a2;background:#131416;border:1px solid #32363d;border-radius:7px;align-items:center;gap:8px;width:100%;max-width:390px;padding-left:12px;display:flex}.search-box input{background:0 0;border:0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:#9da4af;white-space:nowrap;background:#17181b;font-size:12px;font-weight:400}th,td{border-bottom:1px solid var(--line);padding:16px 23px}td strong{font-weight:500;display:block}td small{margin-top:4px;font-size:11px;display:block}tbody tr:last-child td{border:0}tbody tr:hover{background:#202227}.price{white-space:nowrap}.code{font-family:monospace}.truncate{text-overflow:ellipsis;max-width:240px;overflow:hidden}.stock-low{color:#dfc68b}.empty{text-align:center;color:var(--muted);padding:55px 20px}.empty svg{color:#7d8797;margin-bottom:14px}.empty h3{color:#dde1e6;margin-bottom:8px}.empty p{font-size:14px}.section-note,.search-hint{border-top:1px solid var(--line);color:var(--muted);margin:0;padding:18px 23px;font-size:13px}.settings-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.settings-card{padding:25px}.settings-card h2{margin-bottom:20px}.settings-card p{color:#b5bbc4;font-size:14px}.settings-card dl{grid-template-columns:130px 1fr;gap:18px;font-size:14px;display:grid}.settings-card dt{color:var(--muted)}.settings-card dd{margin:0}.toast{background:#24352b;border:1px solid #425c4c;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:8px 12px;font-size:14px;display:flex}.notice{color:#cbd3df;background:#262c36;border:1px solid #424b5b;border-radius:7px;padding:12px 14px;font-size:14px}.notice.error{color:#f0bac3;background:#372327;border-color:#6d4147}.auth-page{justify-content:center;align-items:center;gap:100px;min-height:100vh;padding:40px;display:flex}.auth-brand{max-width:430px}.auth-brand .wordmark{margin-bottom:60px}.auth-brand h1{margin-bottom:24px;font-size:46px;line-height:1.15}.auth-brand p{color:var(--muted);line-height:1.8}.auth-brand>small{letter-spacing:2px;margin-top:65px;font-size:10px;display:block}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:420px;max-width:100%;padding:34px}.auth-card h2{margin-bottom:14px;font-size:25px}.auth-card>p{color:var(--muted);font-size:14px}.form-stack{gap:18px;margin-top:25px;display:grid}.form-stack label,.form-grid label{color:#cbd0d8;gap:8px;font-size:14px;display:grid}.form-stack .primary{margin-top:5px}.demo-link{color:#b9c2ce;text-align:center;margin-top:25px;font-size:14px;display:block}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-grid .wide{grid-column:1/-1}.form-grid label.check{align-items:center;gap:10px;display:flex}.form-field{gap:8px;display:grid}.field-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.field-heading label{color:#cbd0d8;font-size:14px}.inline-create{color:#aebfd4;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:12px;display:inline-flex}.inline-create:hover{color:#fff}.check input{accent-color:#c5d3e3;width:18px;min-height:18px}dialog{color:var(--text);background:#1c1e22;border:1px solid #434850;border-radius:12px;width:620px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);padding:26px;box-shadow:0 25px 100px #0009}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06080cbb}.dialog-heading{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.dialog-heading h2{font-size:23px}.dialog-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:12px;margin-top:27px;padding-top:22px;display:flex}.dialog-leading-action{margin-right:auto}.order-dialog{width:980px;padding:0}.order-dialog>.dialog-heading,.order-dialog>form>.order-form-section,.order-dialog>form>.order-terms-note,.order-dialog>form>.notice{margin-left:28px;margin-right:28px}.order-dialog>.dialog-heading{padding-top:27px}.order-form-section{border-top:1px solid var(--line);padding:22px 0 25px}.order-form-section h3{color:#eef0f3;margin:0 0 18px;font-size:15px}.order-section-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.order-section-heading h3{margin:0}.secondary.compact{min-height:36px;padding:7px 11px;font-size:12px}.order-items{gap:12px;display:grid}.order-item{background:#17181b;border:1px solid #34373d;border-radius:9px;grid-template-columns:26px 1fr 38px;align-items:start;gap:12px;padding:16px;display:grid}.order-item-number{color:#cbd0d8;background:#2a2d32;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.order-item-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.order-item-fields label{color:#abb0b9;gap:7px;font-size:12px;display:grid}.order-item-fields .wide{grid-column:span 2}.order-item-sum{flex-direction:column;justify-content:flex-end;align-items:flex-end;min-height:67px;display:flex}.order-item-sum span{color:var(--muted);font-size:12px}.order-item-sum strong{font-size:16px}.danger:hover{color:#ffd8dc;background:#45272b}.order-totals-form{max-width:430px;margin-left:auto!important}.order-totals-form>div,.order-totals-form>label{color:#cbd0d8;grid-template-columns:1fr 150px;align-items:center;gap:16px;margin-top:10px;font-size:14px;display:grid}.order-totals-form strong{text-align:right;font-size:18px}.order-terms-note{color:var(--muted);font-size:12px}.sticky-footer{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c1e22f5;margin:20px 0 -26px;padding:18px 28px;position:sticky;bottom:-26px}.order-preview-dialog{width:720px}.order-preview-summary{grid-template-columns:1fr 1fr;gap:12px;display:grid}.order-preview-summary>div{border:1px solid var(--line);background:#17181b;border-radius:7px;gap:4px;padding:15px;display:grid}.order-preview-summary span,.order-item-sum span{color:var(--muted);font-size:12px}.order-preview-items{border-top:1px solid var(--line);margin-top:20px}.order-preview-items>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:13px 4px;display:flex}.order-preview-items span{display:grid}.order-preview-items small{margin-top:3px}.order-ready-actions a,.order-ready-actions button{flex:1}.row-actions{gap:2px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:#000;background:#fff;padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.mobile-menu,.mobile-close,.nav-scrim{display:none}@media (min-width:1500px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 330px}.appointment,.metric{padding:25px}}@media (max-width:1200px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.main-column{margin-left:210px}main#content{padding:28px 24px}.topbar{padding:0 24px}.dashboard-grid{grid-template-columns:1fr}.right-stack{grid-template-columns:1fr 1fr}.metric{padding:18px 14px}.metric>strong{font-size:27px}.metric>div{font-size:12px}.page-heading h1{font-size:27px}}@media (max-width:800px){.sidebar{width:244px;transition:transform .18s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-column{margin-left:0}.mobile-menu,.mobile-close{display:inline-flex}.mobile-close{position:absolute;top:6px;right:8px}.nav-scrim{z-index:29;background:#0009;border:0;display:block;position:fixed;inset:0}.topbar{height:61px;padding:0 15px}.topbar-date{font-size:11px}.breadcrumb>span,.breadcrumb>svg{display:none}.demo-banner{padding:9px 18px;font-size:11px}.demo-banner>span{max-width:240px}.demo-banner a{font-size:11px}main#content{padding:26px 18px}.page-heading{flex-wrap:wrap;align-items:flex-start;gap:18px;margin-bottom:24px}.page-heading h1{font-size:27px}.page-heading p{font-size:13px}.metrics{grid-template-columns:1fr 1fr;gap:12px}.metric{padding:17px 15px}.metric>strong{font-size:27px}.metric small{font-size:10px}.metric>div{font-size:12px}.metric svg{width:16px}.appointment{flex-wrap:wrap;gap:12px;padding:18px 14px}.appointment-car strong{font-size:15px}.appointment-car>span{font-size:12px}.appointment-meta{gap:6px}.appointment-meta small{text-align:right;max-width:110px}.appointment>svg{display:none}.appointment-time{min-width:40px;font-size:16px}.appointment-line{height:56px}.appointment-car{min-width:130px}.panel-heading{padding:19px 16px}.panel-heading h2{font-size:15px}.right-stack{grid-template-columns:1fr}.calendar-toolbar{flex-wrap:wrap;padding:16px}.calendar-toolbar>.muted{text-align:left;max-width:none}.date-control{width:100%}.date-control input{flex:1}.date-control .secondary{padding:9px}.table-toolbar{flex-wrap:wrap;gap:10px;padding:16px}.table-toolbar>.muted{font-size:12px}th,td{padding:14px 16px}.settings-grid{grid-template-columns:1fr}.app-footer{gap:10px;margin:0 18px}.form-grid{grid-template-columns:1fr;gap:16px}.dialog-footer{flex-wrap:wrap}.dialog-leading-action{width:100%;margin-right:0}.order-dialog>.dialog-heading,.order-dialog>form>.order-form-section,.order-dialog>form>.order-terms-note,.order-dialog>form>.notice{margin-left:20px;margin-right:20px}.order-item{grid-template-columns:25px 1fr 34px;gap:8px;padding:13px 10px}.order-item-fields{grid-template-columns:1fr 1fr}.order-item-fields .wide{grid-column:1/-1}.order-item-sum{min-height:58px}.order-totals-form{max-width:none}.order-preview-summary{grid-template-columns:1fr}.order-ready-actions>*{width:100%}dialog{padding:22px}.auth-page{flex-direction:column;gap:30px;padding:30px 18px}.auth-brand{width:100%;max-width:420px}.auth-brand .wordmark{margin-bottom:25px}.auth-brand h1,.auth-brand>p,.auth-brand>small{display:none}.auth-card{padding:25px}.settings-card dl{grid-template-columns:100px 1fr}.section-note{font-size:12px}.bottom-note{align-items:flex-start}.bottom-note svg{flex-shrink:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}