@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";
.cancel-booking,.cancelled-details{background:#211112;border:1px solid #5d2d2d;border-radius:6px;gap:12px;padding:14px;display:grid}.cancel-booking h3{color:#f0a2a2;margin:0}.danger{color:#fff;cursor:pointer;background:#692727;border:1px solid #9b4040;border-radius:5px;height:40px;font-weight:700}.danger:hover{background:#843131}.cancelled-details span,.cancelled-details small{color:#d99191}.cancelled-details p{margin:0}.performance-page{padding:28px 34px}.performance-controls{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.performance-controls h2{margin:5px 0;font-size:24px}.performance-controls small{color:var(--muted)}.date-range{gap:10px;display:flex}.date-range label{color:var(--muted);gap:5px;font-size:11px;display:grid}.date-range input{color:#fff;border:1px solid var(--line);background:#0a0e10;border-radius:5px;height:39px;padding:0 10px}.summary-cards{grid-template-columns:repeat(2,minmax(200px,320px));gap:14px;margin-bottom:20px;display:grid}.summary-cards article{border:1px solid var(--line);border-top:3px solid var(--blue);background:var(--surface);border-radius:7px;gap:9px;padding:18px;display:grid}.summary-cards span{color:var(--muted);font-size:11px}.summary-cards b{font-size:25px}.performance-list{border:1px solid var(--line);border-radius:7px;overflow:hidden}.performance-row{border-top:1px solid var(--line);background:var(--surface);grid-template-columns:1.4fr repeat(3,1fr);align-items:center;min-height:62px;padding:0 18px;display:grid}.performance-row.head{min-height:39px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#090d0f;border-top:0;font-size:10px}.performance-row strong{color:var(--blue);font-size:16px}.tech-name{align-items:center;gap:9px;font-weight:700;display:flex}.tech-name i{border-radius:50%;width:9px;height:9px}@media (max-width:700px){.performance-page{padding:20px 14px}.performance-controls{flex-direction:column;align-items:stretch}.date-range{width:100%}.date-range label{flex:1}.summary-cards{grid-template-columns:1fr}.performance-list{overflow-x:auto}.performance-row{min-width:570px}}.complete-repair,.completion-confirmed{background:#0d1d16;border:1px solid #285641;border-radius:6px;padding:14px}.complete-repair,.complete-repair>div,.completion-confirmed{align-items:center;gap:11px;display:flex}.complete-repair{justify-content:space-between}.complete-repair svg,.completion-confirmed>svg{width:22px;color:var(--green);flex:none}.complete-repair span,.completion-confirmed div{gap:3px;display:grid}.complete-repair small,.completion-confirmed span,.completion-confirmed small{color:#8ead9d}.complete-button{color:#fff;cursor:pointer;white-space:nowrap;background:#1d6b49;border:1px solid #3f8c68;border-radius:5px;align-items:center;gap:7px;height:40px;padding:0 14px;font-weight:800;display:flex}.complete-button:hover{background:#27805a}.complete-button svg{color:#fff;width:16px}.completion-confirmed b{color:var(--green)}@media (max-width:700px){.complete-repair{flex-direction:column;align-items:stretch}.complete-button{justify-content:center}}
.completion-message{background:#0d2119;border:1px solid #245b43;border-radius:6px;gap:12px;padding:14px;display:grid}.completion-message>div{align-items:center;gap:10px;display:flex}.completion-message svg{color:#25d366;width:21px}.completion-message span{gap:2px;display:grid}.completion-message small{color:#8fa99d}.whatsapp-button{color:#05140b;background:#25d366;border-radius:5px;justify-content:center;align-items:center;gap:8px;height:42px;font-weight:800;text-decoration:none;display:flex}.whatsapp-button svg{color:#05140b}.completion-message details{color:var(--muted);font-size:11px}.completion-message details p{color:#bdcbc4;line-height:1.5}
.profile-whatsapp{color:#44db87;background:#10291e;border:1px solid #2b704f;border-radius:5px;align-items:center;gap:8px;height:40px;margin-left:auto;padding:0 14px;font-weight:700;text-decoration:none;display:flex}.profile-whatsapp svg,.general-whatsapp svg{width:18px}.general-whatsapp{color:#44db87;background:#10291e;border:1px solid #2b704f;border-radius:5px;justify-content:center;align-items:center;gap:8px;height:42px;font-weight:800;text-decoration:none;display:flex}.profile-whatsapp:hover,.general-whatsapp:hover{background:#173b2b}@media (max-width:700px){.profile-head{flex-wrap:wrap}.profile-whatsapp{margin-left:70px}}.profile-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.profile-actions .profile-whatsapp{margin-left:0}
.users-page{gap:20px;padding:28px 34px 60px;display:grid}.users-intro{justify-content:space-between;align-items:center;padding-bottom:4px;display:flex}.users-intro h2{margin:5px 0 4px;font-size:20px}.users-intro p{color:var(--muted);margin:0}.security-note{color:var(--green);background:#0d1c15;border:1px solid #274535;border-radius:7px;align-items:center;gap:11px;padding:12px 14px;display:flex}.security-note svg{width:21px}.security-note span{gap:2px;display:grid}.security-note small{color:#8ead9d}.user-create,.users-list{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:20px}.user-create{border-top:3px solid var(--blue);gap:15px;display:grid}.user-create .panel-title{margin:0}.user-create .panel-title>div{gap:3px;display:grid}.user-create .panel-title h3,.users-list-head h3{margin:0}.user-create .primary{justify-self:start}.user-form-grid{grid-template-columns:1fr 1fr .8fr 1.2fr;gap:12px;display:grid}.user-form-grid label{color:#aeb9bd;gap:6px;font-size:11px;font-weight:600;display:grid}.user-form-grid input,.user-form-grid select{color:#fff;background:#06090a;border:1px solid #2a363b;border-radius:5px;outline:0;width:100%;height:41px;padding:0 10px}.user-form-grid input:focus,.user-form-grid select:focus{border-color:var(--blue)}.user-form-grid input:disabled,.user-form-grid select:disabled{opacity:.55;cursor:not-allowed}.users-list{padding:0;overflow:hidden}.users-list-head{background:#0b0f11;justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.users-list-head span{color:var(--muted);font-size:11px}.user-row-card{border-top:1px solid var(--line);background:#090c0e;gap:15px;padding:18px 20px;display:grid}.user-row-card.disabled{opacity:.68}.user-identity{align-items:center;gap:11px;display:flex}.user-identity>div{gap:2px;display:grid}.user-identity small{color:var(--muted)}.user-identity>i{text-transform:uppercase;letter-spacing:.08em;border-radius:20px;margin-left:auto;padding:4px 7px;font-size:9px;font-style:normal;font-weight:800}.user-identity>i.active{color:var(--green);background:#15372b}.user-identity>i.inactive{color:#ed9292;background:#321919}.user-row-actions{align-items:center;gap:12px;display:flex}.user-row-actions>span{margin-left:auto;font-size:11px}.access-toggle{color:#c1c8ca;align-items:center;gap:8px;font-size:11px;display:flex}.access-toggle input{accent-color:var(--blue)}.save-success{color:var(--green)}.user-row-actions .secondary{height:36px}.user-create+.users-list{margin-top:2px}@media (max-width:1050px){.user-form-grid{grid-template-columns:1fr 1fr}.users-intro{align-items:flex-start;gap:18px}}@media (max-width:700px){.users-page{padding:20px 16px 90px}.users-intro{display:grid}.security-note{width:100%}.user-form-grid{grid-template-columns:1fr}.user-row-actions{flex-wrap:wrap}.user-row-actions>span{order:3;width:100%;margin:0}.user-row-actions .secondary{margin-left:auto}.user-create,.user-row-card{padding:17px}.users-list-head{padding:15px 17px}}.backup-page{gap:20px;padding:28px 34px 60px;display:grid}.backup-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.backup-grid .panel{align-content:start;gap:14px;display:grid}.backup-grid h3,.backup-grid p{margin:0}.backup-grid p{color:var(--muted);font-size:12px}.backup-grid button{justify-self:start}.backup-grid input[type=file],.backup-grid label input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);border-radius:7px;padding:10px}.backup-grid label{color:var(--muted);gap:6px;font-size:11px;display:grid}.backup-message{color:var(--green);background:#0d1d16;border:1px solid #285641;border-radius:7px;padding:13px 16px}.backup-run{border-top:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:15px 20px;display:grid}.backup-run span{gap:3px;display:grid}.backup-run small,.backup-run time{color:var(--muted);font-size:10px}.backup-run i{border-radius:20px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:800}.backup-run i.success{color:var(--green);background:#15372b}.backup-run i.failed{color:#ed9292;background:#321919}.backup-run i.running{color:var(--blue);background:#382012}@media (max-width:700px){.backup-page{padding:20px 16px 90px}.backup-grid{grid-template-columns:1fr}.backup-run{grid-template-columns:1fr auto}.backup-run time{display:none}}
.theme-toggle{height:40px;color:var(--text);cursor:pointer;background:#10171a;border:1px solid #29343a;border-radius:6px;align-items:center;gap:7px;padding:0 12px;font-weight:700;display:inline-flex}.theme-toggle:hover{border-color:var(--blue);color:var(--blue)}.theme-toggle svg{width:16px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f2;--surface:#fff;--panel:#fff;--line:#d9ddda;--text:#182024;--muted:#69757a;--blue:#e55e08;--blue-dim:#fff0e5;--green:#16845a;--amber:#b87512;--red:#c53b3b}[data-theme=light] body{background:var(--bg);color:var(--text);background-image:linear-gradient(#18202406 1px,#0000 1px),linear-gradient(90deg,#18202406 1px,#0000 1px)}[data-theme=light] aside{border-color:var(--line);background:#fff;box-shadow:2px 0 18px #171f230d}[data-theme=light] .brand img,[data-theme=light] .login-brand img{background:#090c0e;border-radius:5px;padding:5px 7px}[data-theme=light] nav button{color:#667277}[data-theme=light] nav button:hover,[data-theme=light] nav button.active{color:#272d30;background:#fff0e5}[data-theme=light] header{border-color:var(--line);background:#fffffff0;box-shadow:0 1px 10px #12181b0a}[data-theme=light] .theme-toggle,[data-theme=light] .secondary,[data-theme=light] .period button{color:#263034;background:#fff;border-color:#cfd4d1}[data-theme=light] .toolbar,[data-theme=light] .customer-tools,[data-theme=light] .profile-head{border-color:var(--line);background:#fafbf9}[data-theme=light] .day{background:#fff}[data-theme=light] .day:hover{background:#fff8f3}[data-theme=light] .day.weekend{background:repeating-linear-gradient(135deg,#fff8f2,#fff8f2 9px,#fff3e9 9px 18px);box-shadow:inset 0 3px #e6a16f}[data-theme=light] .day.outside-month,[data-theme=light] .day.outside-month:not(.weekend){color:#9ba3a0;background:repeating-linear-gradient(135deg,#f3f4f2,#f3f4f2 10px,#eceeeb 10px 20px)}[data-theme=light] .day.outside-month .day-number{color:#929a97}[data-theme=light] .job{color:#20272a;background:#fff0e5}[data-theme=light] .job time{color:#9f4a14}[data-theme=light] .job span{color:#4f5a5f}[data-theme=light] .job small{color:#7a5c49}[data-theme=light] .job.in_progress,[data-theme=light] .job.checked_in{background:#fff6df}[data-theme=light] .job.complete,[data-theme=light] .job.ready{background:#e9f7f0}[data-theme=light] .quick-add,[data-theme=light] .technician-filters button{color:#5d686d;background:#fff;border-color:#ccd2cf}[data-theme=light] .technician-filters button.active{color:#31383b;background:#fff0e5}[data-theme=light] .search,[data-theme=light] .customer-row,[data-theme=light] .panel,[data-theme=light] .summary-cards article,[data-theme=light] .performance-row{background:#fff}[data-theme=light] .customer-row:hover{background:#fff8f3}[data-theme=light] .list-head,[data-theme=light] .performance-row.head{background:#f0f2ef}[data-theme=light] .notes textarea,[data-theme=light] .record-form input,[data-theme=light] .record-form select,[data-theme=light] .record-form textarea,[data-theme=light] .date-range input{color:#182024;background:#fff;border-color:#cbd1ce}[data-theme=light] .modal{background:#fff;border-color:#cbd1ce;box-shadow:0 24px 80px #18202438}[data-theme=light] .modal-backdrop{background:#181d1f73}[data-theme=light] .record-form label{color:#4e5a5f}[data-theme=light] .booking-source,[data-theme=light] .customer-results,[data-theme=light] .inline-section,[data-theme=light] .timeline-grid{background:#f7f8f6}[data-theme=light] .customer-results button:hover{background:#fff0e5}[data-theme=light] .customer-results button b{color:var(--text)}[data-theme=light] .selected-customer{background:#fff0e5}[data-theme=light] .booking-level{background:#fff;border-color:#d4d9d6}[data-theme=light] .timeline-job{color:#20272a;background:color-mix(in srgb,var(--tech-color) 17%,#fff)}[data-theme=light] .timeline-job small{color:#536066}[data-theme=light] .booking-created,[data-theme=light] .weekend-warning{color:#6d5a4e;background:#fff3e9}[data-theme=light] .cancel-booking,[data-theme=light] .cancelled-details{background:#fff0f0}[data-theme=light] .complete-repair,[data-theme=light] .completion-confirmed,[data-theme=light] .completion-message,[data-theme=light] .security-note{background:#edf8f2}[data-theme=light] .profile-whatsapp,[data-theme=light] .general-whatsapp{color:#147747;background:#edf8f2}[data-theme=light] .quick-customer-match{background:#edf8f2;border-color:#a8d5bf}[data-theme=light] .quick-customer-match small{color:#557869}[data-theme=light] .quick-customer-match button{color:#263034;background:#fff;border-color:#cbd8d1}[data-theme=light] .user-create,[data-theme=light] .users-list,[data-theme=light] .user-row-card{background:#fff}[data-theme=light] .users-list-head{background:#f0f2ef}[data-theme=light] .user-form-grid input,[data-theme=light] .user-form-grid select{color:#182024;background:#fff;border-color:#cbd1ce}[data-theme=light] .access-toggle{color:#4e5a5f}[data-theme=light] .backup-grid .panel,[data-theme=light] .backup-run{background:#fff}[data-theme=light] .backup-grid input[type=file],[data-theme=light] .backup-grid label input{color:#182024;background:#fff;border-color:#cbd1ce}[data-theme=light] .login-page{background:radial-gradient(circle at 50% 0,#ffe5d2 0,#0000 38%),#f2f4f1}[data-theme=light] .login-card{background:#fffffff7;border-color:#d4d8d5;box-shadow:0 30px 90px #1c222529}[data-theme=light] .login-card label{color:#4e595e}[data-theme=light] .login-card input{color:#182024;background:#fff;border-color:#c5cbc8}[data-theme=light] .error{color:#9d2929;background:#fff0f0;border-color:#e1aaaa}[data-theme=light] .data-warning{color:#81511e;background:#fff6e8;border-color:#e6c18f}@media (max-width:700px){.theme-toggle{justify-content:center;width:40px;padding:0}.theme-toggle span{display:none}.booking-level{flex-direction:column;align-items:flex-start}.quick-booking-fields{grid-template-columns:1fr}}
:root{--bg:#070a0c;--surface:#0d1215;--panel:#11181c;--line:#202a2f;--text:#edf3f5;--muted:#85939a;--blue:#2fb5e8;--blue-dim:#123a4a;--green:#45c591;--amber:#e6ab49;--red:#e66b6b}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{grid-template-columns:226px 1fr;min-height:100vh;display:grid}aside{border-right:1px solid var(--line);z-index:5;background:#090d0f;flex-direction:column;width:226px;padding:24px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid var(--line);flex-direction:column;justify-content:flex-start;height:66px;display:flex}.brand img{object-fit:contain;object-position:left;width:152px;height:auto}.brand span{text-transform:uppercase;letter-spacing:.27em;color:var(--blue);margin:5px 0 0 8px;font-size:10px}.brand+nav{gap:6px;margin-top:28px;display:grid}nav button{text-align:left;color:#929da2;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;padding:12px 13px;font-weight:600;display:flex}nav button:hover,nav button.active{color:#fff;background:#121a1e}nav button.active{box-shadow:inset 3px 0 var(--blue)}.side-foot{color:var(--muted);align-items:center;gap:9px;margin-top:auto;font-size:12px;display:flex}.pulse{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #15352b}main{grid-column:2;min-width:0}header{border-bottom:1px solid var(--line);z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070a0ceb;justify-content:space-between;align-items:center;height:108px;padding:23px 34px 20px;display:flex;position:sticky;top:0}h1{letter-spacing:-.03em;margin:2px 0 0;font-size:25px}.eyebrow{color:var(--blue);letter-spacing:.2em;margin:0;font-size:10px;font-weight:700}.header-actions{gap:9px;display:flex}button.primary,button.secondary{cursor:pointer;border:1px solid;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-weight:700;display:inline-flex}.primary{background:var(--blue);border-color:var(--blue)!important;color:#031015!important}.secondary{background:#10171a;border-color:#29343a!important}.secondary:hover{border-color:#49606b!important}.header-actions svg{width:16px}.toolbar,.customer-tools{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:69px;padding:13px 34px;display:flex}.period{align-items:center;gap:8px;display:flex}.period button{cursor:pointer;background:#11181c;border:1px solid #29333a;border-radius:5px;height:34px;padding:0 13px}.period button.icon{width:34px;padding:7px}.period svg{width:18px}.period strong{margin-left:8px;font-size:16px}.legend{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.legend i{border-radius:2px;width:8px;height:8px;margin-left:8px}.blue{background:var(--blue)}.amber{background:var(--amber)}.green{background:var(--green)}.weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(118px,1fr));display:grid}.weekdays span{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);padding:8px 10px;font-size:10px}.calendar-grid{border-top:1px solid var(--line);border-left:1px solid var(--line)}.day{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a0e10;min-height:132px;padding:8px;position:relative}.day.muted{color:#495259;background:#080b0d}.day-number{color:#9ba6ab;margin-bottom:6px;font-size:11px}.today .day-number{background:var(--blue);color:#071014;border-radius:50%;place-items:center;width:24px;height:24px;margin-top:-4px;display:grid}.job{border:0;border-left:2px solid var(--blue);text-align:left;cursor:pointer;background:#102430;border-radius:3px;grid-template-columns:35px 1fr;width:100%;margin-bottom:5px;padding:6px;display:grid;overflow:hidden}.job:hover{filter:brightness(1.2)}.job time{color:#8cb4c4;font-size:9px}.job b{font-size:11px}.job span,.job small{white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;overflow:hidden}.job span{color:#bac6ca;font-size:10px}.job small{color:#73909a;font-size:9px}.job.in_progress,.job.checked_in{border-color:var(--amber);background:#2d2516}.job.complete,.job.ready{border-color:var(--green);background:#10271f}.job.cancelled{opacity:.45}.quick-add{background:#182127;border:0;border-radius:4px;width:25px;height:25px;display:none;position:absolute;top:5px;right:5px}.quick-add svg{width:13px}.day:hover .quick-add{place-items:center;display:grid}.loading,.empty{text-align:center;color:var(--muted);padding:60px}.error{color:#efb3b3;background:#2d1717;border:1px solid #6c3333;border-radius:5px;margin:20px 34px 0;padding:13px 16px}.customer-tools{height:72px}.search{background:#10171a;border:1px solid #29343a;border-radius:6px;align-items:center;gap:10px;width:min(440px,60vw);height:40px;padding:0 13px;display:flex}.search svg{width:17px;color:var(--muted)}.search input{color:#fff;background:0 0;border:0;outline:0;width:100%}.customer-tools>span{color:var(--muted)}.customer-list{border:1px solid var(--line);border-radius:7px;margin:24px 34px;overflow:hidden}.list-head,.customer-row{text-align:left;grid-template-columns:1.2fr 1fr 1fr .6fr;align-items:center;display:grid}.list-head{text-transform:uppercase;letter-spacing:.1em;height:40px;color:var(--muted);background:#0b1012;padding:0 18px;font-size:9px}.customer-row{border:0;border-top:1px solid var(--line);background:var(--surface);cursor:pointer;width:100%;min-height:71px;padding:10px 18px}.customer-row>span{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.person{flex-direction:row!important;align-items:center!important;gap:12px!important}.person i,.avatar{background:var(--blue-dim);width:36px;height:36px;color:var(--blue);border-radius:50%;place-items:center;font-size:11px;font-style:normal;font-weight:700;display:grid}.customer-row small{color:var(--muted)}.reg{color:#101314;letter-spacing:.08em;background:#eceee8;border:2px solid #1e2528;border-radius:4px;margin:2px;padding:2px 6px;font:700 11px monospace;display:inline-flex}.profile-head{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:28px 34px;display:flex}.profile-head .avatar{width:54px;height:54px;font-size:15px}.profile-head h2{margin:0 0 5px;font-size:22px}.profile-head p,.profile-head small{color:var(--muted);margin:0}.profile-grid{grid-template-columns:1fr 1fr;gap:18px;padding:24px 34px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:18px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.panel h3{margin:0;font-size:14px}.panel-title span{color:var(--muted);font-size:11px}.vehicle{border-top:1px solid var(--line);gap:12px;padding:12px 0;display:flex}.vehicle svg{width:20px;color:var(--blue)}.vehicle div{gap:3px;display:grid}.vehicle small{color:var(--muted)}.notes textarea{color:#fff;resize:vertical;background:#090d0f;border:1px solid #2a353a;border-radius:5px;width:100%;height:110px;margin-bottom:10px;padding:11px}.history{grid-column:1/-1}.history article{border-top:1px solid var(--line);grid-template-columns:36px 1fr;gap:12px;padding:16px 0;display:grid}.timeline-dot{width:31px;height:31px;color:var(--blue);border:1px solid #2c3a40;border-radius:50%;place-items:center;display:grid}.timeline-dot svg{width:14px}.history-top{align-items:center;gap:10px;display:flex}.history h4{margin:8px 0 4px}.history p{color:#aab5ba;margin:0 0 5px}.history small{color:var(--muted)}.status{text-transform:uppercase;background:var(--blue-dim);color:var(--blue);border-radius:3px;padding:3px 6px;font-size:9px}.status.complete{color:var(--green);background:#15372b}.modal-backdrop{z-index:20;background:#000000b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#101619;border:1px solid #2b393f;border-radius:9px;width:min(570px,100%);max-height:90vh;overflow:auto;box-shadow:0 24px 80px #000}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:62px;padding:0 22px;display:flex}.modal-head h2{font-size:17px}.modal-head button{cursor:pointer;background:0 0;border:0}.modal-head svg{width:19px}.record-form{gap:14px;padding:21px;display:grid}.record-form label{color:#aeb9bd;gap:6px;font-size:11px;font-weight:600;display:grid}.record-form input,.record-form select,.record-form textarea{color:#fff;background:#090d0f;border:1px solid #2a363b;border-radius:5px;outline:0;width:100%;padding:10px}.record-form input:focus,.record-form textarea:focus,.record-form select:focus{border-color:var(--blue)}.record-form textarea{resize:vertical;min-height:78px}.two,.three{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.three{grid-template-columns:1.5fr 1fr 1fr}.submit{margin-top:6px}.form-error{color:#f09c9c}.record-form button:disabled{opacity:.5}@media (max-width:850px){.app-shell{display:block}.app-shell aside{z-index:10;border:0;border-top:1px solid var(--line);flex-direction:row;width:auto;height:67px;padding:7px 15px;position:fixed;inset:auto 0 0}.brand,.side-foot{display:none}.brand+nav{justify-content:space-around;width:100%;margin:0;display:flex}.brand+nav button{flex-direction:column;gap:2px;padding:5px 25px;font-size:10px}.brand+nav button.active{box-shadow:inset 0 -3px var(--blue)}main{padding-bottom:67px}header{height:auto;min-height:95px;padding:17px 18px}.header-actions .secondary{display:none}.toolbar,.customer-tools{padding:12px 18px}.legend{display:none}.calendar{padding:12px 0;overflow-x:auto}.weekdays,.calendar-grid{min-width:850px}.profile-grid{grid-template-columns:1fr;padding:18px}.history{grid-column:auto}.customer-list{border-radius:0;margin:16px 0}.list-head{display:none}.customer-row{grid-template-columns:1.1fr .8fr}.customer-row>span:nth-child(3),.customer-row>span:nth-child(4){display:none}.profile-head{padding:22px 18px}.two,.three{grid-template-columns:1fr}}.mini-button{color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.mini-button svg{width:14px}.booking-source{background:#090d0f;border:1px solid #2a363b;border-radius:6px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.booking-source button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;font-weight:700}.booking-source button.active{background:var(--blue-dim);color:var(--blue)}.inline-records{gap:14px;display:grid}.inline-section{border:1px solid var(--line);background:#0c1113;border-radius:6px;gap:12px;padding:14px;display:grid}.inline-section h3{color:var(--blue);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:12px}.booking-level{border:1px solid var(--line);background:var(--panel);border-radius:7px;justify-content:space-between;align-items:center;gap:18px;padding:13px 14px;display:flex}.booking-level>div{gap:3px;display:grid}.booking-level small{color:var(--muted)}.booking-level button{color:var(--blue);cursor:pointer;white-space:nowrap;background:0 0;border:0;font-weight:700}.quick-booking-fields{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.quick-customer-match{background:#0d1d16;border:1px solid #285641;border-radius:6px;grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:12px;display:grid}.quick-customer-match>svg{width:20px;color:var(--green)}.quick-customer-match>div{gap:2px;display:grid}.quick-customer-match small{color:#8ead9d}.quick-customer-match>span{flex-wrap:wrap;grid-column:2;gap:7px;display:flex}.quick-customer-match button{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:5px;padding:6px 9px;font-size:11px}.quick-customer-match button.active{border-color:var(--green);color:var(--green)}.customer-vehicle-picker{gap:12px;display:grid}.customer-results{border:1px solid var(--line);background:#090d0f;border-radius:6px;display:grid;overflow:hidden}.customer-results button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:1fr auto;gap:3px 12px;padding:11px 13px;display:grid}.customer-results button:hover{background:#171b1d}.customer-results button b{color:#fff}.customer-results button span,.customer-results button small{color:var(--muted)}.customer-results button small{color:var(--blue);grid-column:1/-1}.customer-results p{color:var(--muted);margin:0;padding:13px}.selected-customer{border:1px solid var(--blue);background:var(--blue-dim);border-radius:6px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.selected-customer div{gap:2px;display:grid}.selected-customer small,.selected-customer span{color:var(--muted)}.selected-customer button,.add-existing-vehicle,.inline-title button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-weight:700}.add-existing-vehicle{text-align:left;padding:2px 0}.inline-title{justify-content:space-between;align-items:center;display:flex}.audit-trail{border-top:1px solid var(--line);padding-top:14px}.audit-trail h3{color:var(--blue);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:12px}.audit-trail>div{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;gap:7px;padding:8px 0;font-size:11px;display:grid}.audit-trail span,.audit-trail time,.audit-trail p{color:var(--muted)}.audit-trail small{color:#aeb9bd;grid-column:1/-1;line-height:1.5}.vehicle-edit{align-self:center;margin-left:auto}.data-warning{color:#efb06d;text-align:left;cursor:pointer;background:#24180d;border:1px solid #6f4a20;border-radius:7px;width:calc(100% - 68px);margin:18px 34px 0;padding:12px 15px;font-weight:600;display:block}:root{--bg:#080a0b;--surface:#111416;--panel:#15191b;--line:#2a2f32;--text:#f2f3f1;--muted:#92999c;--blue:#ff7317;--blue-dim:#382012;--green:#4bc38b;--amber:#e7aa46;--red:#df6868;--radius:8px}html{background:var(--bg)}body{letter-spacing:-.01em;background-color:var(--bg);background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:32px 32px;font-family:Poppins,Arial,sans-serif}.app-shell{grid-template-columns:238px 1fr}aside{background:#0c0f10;border-right-color:#282d30;width:238px;padding:22px 17px}.brand{height:72px;padding:0 5px}.brand img{width:160px}.brand span{color:var(--blue);margin-top:6px;font-size:9px;font-weight:600}.brand+nav{gap:7px;margin-top:27px}nav button{border-radius:var(--radius);color:#949b9e;letter-spacing:.01em;border:1px solid #0000;min-height:46px;padding:0 14px;font-size:12px}nav button:hover{color:#e8eae8;background:#15191b;border-color:#242a2d}nav button.active{color:#fff;box-shadow:inset 3px 0 var(--blue);background:#1b1815;border-color:#45301f}nav svg{width:17px}.side-foot{border-top:1px solid var(--line);padding:14px 6px 2px}main{grid-column:2}header{background:#080a0be0;border-bottom-color:#292e31;height:94px;padding:19px 32px}h1{letter-spacing:-.035em;font-size:23px;font-weight:600}.eyebrow{letter-spacing:.18em;font-size:9px}.header-actions{gap:10px}button.primary,button.secondary,.theme-toggle{border-radius:7px;height:42px;padding:0 15px;font-size:12px;transition:transform .15s,border-color .15s,background .15s}.primary{background:var(--blue);box-shadow:0 6px 20px #ff73171f}.primary:hover{background:#ff893d;transform:translateY(-1px)}.secondary,.theme-toggle{background:#121618;border-color:#343a3e!important}.secondary:hover,.theme-toggle:hover{background:#191e21;border-color:#596267!important}.toolbar,.customer-tools{background:#0c0f10b8;height:66px;padding:12px 32px}.period button,.technician-filters button{border-radius:7px}.calendar{padding:22px 26px 42px}.weekdays span{letter-spacing:.14em;padding:8px 12px;font-size:9px;font-weight:600}.calendar-grid{border-color:#303538;border-radius:9px;overflow:hidden}.day{background:#0f1213;min-height:136px;padding:10px;transition:background .15s}.day-number{font-weight:600}.job{background:#2b190d;border-radius:5px;padding:7px 8px}.job b{font-size:10px;font-weight:600}.quick-add{border:1px solid #303638;border-radius:5px}.search,.record-form input,.record-form select,.record-form textarea,.notes textarea,.date-range input,.user-form-grid input,.user-form-grid select{background:#0c0f10;border-color:#343a3d;transition:border-color .15s,box-shadow .15s;border-radius:7px!important}.search:focus-within,.record-form input:focus,.record-form select:focus,.record-form textarea:focus,.user-form-grid input:focus,.user-form-grid select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #ff73171a}.record-form label,.user-form-grid label{letter-spacing:.015em;font-size:10px}.customer-list,.panel,.performance-list,.user-create,.users-list{border-radius:9px}.customer-row,.user-row-card,.summary-cards article,.performance-row{background:#101314}.customer-row:hover{background:#171b1d}.list-head,.performance-row.head,.users-list-head{background:#0c0f10}.panel{background:#111416;padding:20px}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{background:#111416;border-color:#353c3f;border-radius:11px;box-shadow:0 28px 90px #00000094}.modal-head{height:65px}.booking-level,.inline-section{border-radius:8px}.booking-level{background:#0d1011}.quick-customer-match,.security-note,.complete-repair,.completion-confirmed{border-radius:8px}.status{letter-spacing:.04em;font-weight:600}.reg{border-width:1px;border-radius:4px}.users-page,.performance-page{padding-top:26px}.user-row-card{padding-block:20px}@media (max-width:850px){.app-shell{display:block}.app-shell aside{width:auto}.calendar{padding-inline:0}header{padding-inline:18px}}:root{--bg:#030506;--surface:#090c0e;--panel:#0b0f11;--line:#252b2e;--text:#f4f4f2;--muted:#8f979a;--blue:#ff7518;--blue-dim:#3b1d0a}.primary:hover{background:#ff8c3d}.primary{color:#160a02!important}.job{background:#2a170b}.day{cursor:pointer;transition:background .15s}.day:hover{background:#101518}.day.weekend{background:repeating-linear-gradient(135deg,#120d09,#120d09 9px,#17100b 9px 18px);box-shadow:inset 0 3px #6f3715}.day.weekend:hover{background:#21140c}.day.outside-month{color:#41484b;background:#050708;box-shadow:inset 0 0 0 1px #0b0e10}.day.outside-month .day-number{color:#596064}.day.outside-month:not(.weekend){background:repeating-linear-gradient(135deg,#050708,#050708 10px,#080a0b 10px 20px)}.weekend-warning{color:#ffb47f;background:#2a170b;border:1px solid #74401d;border-radius:5px;margin:0;padding:10px 12px;font-size:12px}.day-schedule{gap:12px;padding:20px;display:grid}.schedule-actions{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.schedule-actions svg{width:15px}.schedule-job{text-align:left;border:1px solid var(--line);border-left:3px solid var(--blue);width:100%;color:var(--text);cursor:pointer;background:#090d0f;border-radius:6px;grid-template-columns:90px 1fr;gap:14px;padding:14px;display:grid}.schedule-job:hover{background:#11171a;border-color:#4a3930}.schedule-job time{color:var(--blue);font-size:15px;font-weight:800}.schedule-job div{gap:4px;display:grid}.schedule-job span{color:#cbd0d2}.schedule-job small{color:var(--muted)}.empty-day{text-align:center;color:var(--muted);border:1px dashed #293033;border-radius:6px;padding:40px 15px}.login-page{background:radial-gradient(circle at 50% 0,#2b1509 0,#0000 35%),#030506;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid #2c3032;border-top:3px solid var(--blue);background:#090c0ef5;border-radius:10px;gap:28px;width:min(420px,100%);padding:36px;display:grid;box-shadow:0 30px 100px #000}.login-brand{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding-bottom:20px;display:flex}.login-brand img{width:155px}.login-brand span{color:var(--blue);text-transform:uppercase;letter-spacing:.15em;font-size:10px}.login-card h1{font-size:28px}.login-copy{color:var(--muted);margin:8px 0 0}.login-card form{gap:15px;display:grid}.login-card label{color:#b7bdc0;gap:7px;font-size:12px;font-weight:700;display:grid}.login-card input{color:#fff;background:#050708;border:1px solid #30373a;border-radius:5px;outline:0;height:45px;padding:0 12px}.login-card input:focus{border-color:var(--blue)}.login-card form button{width:100%;height:45px;margin-top:5px}.login-card>small{text-align:center;color:#596064}.side-foot{flex-wrap:wrap}.side-foot button{color:var(--blue);cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:11px}.technician-filters{align-items:center;gap:7px;margin:0 0 12px;display:flex}.technician-filters>span{color:var(--muted);font-size:11px}.technician-filters button{height:29px;color:var(--muted);cursor:pointer;background:#090d0f;border:1px solid #293033;border-radius:20px;padding:0 10px;font-size:11px}.technician-filters button.active{border-color:var(--blue);color:#fff;background:#23150c}.technician-filters button i{background:var(--tech-color);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.job{border-left-color:var(--tech-color)!important}.booking-created{color:var(--muted);background:#17100b;border-radius:5px;margin:0;padding:10px 12px}.booking-created b{color:var(--blue)}.modal:has(.day-schedule){width:min(1000px,96vw)}.timeline-head{grid-template-columns:64px repeat(var(--lanes,3),1fr);padding-right:4px;display:grid}.timeline-head b{text-align:center;color:var(--tech-color);border-bottom:2px solid var(--tech-color);padding:7px;font-size:11px}.workday-timeline{grid-template-columns:64px 1fr;height:650px;display:grid}.hour-labels,.timeline-grid{position:relative}.hour-labels span{color:var(--muted);font-size:10px;position:absolute;right:10px;transform:translateY(-50%)}.timeline-grid{border-left:1px solid var(--line);background:#070a0b}.timeline-grid>i{border-top:1px solid #252b2e;position:absolute;left:0;right:0}.timeline-job{border:0;border-left:4px solid var(--tech-color);background:color-mix(in srgb,var(--tech-color) 18%,#080b0c);color:#fff;text-align:left;cursor:pointer;border-radius:4px;flex-direction:column;gap:2px;padding:7px;display:flex;position:absolute;overflow:hidden}.timeline-job:hover{filter:brightness(1.25)}.timeline-job b{font-size:11px}.timeline-job span,.timeline-job small{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.timeline-job small{color:#aeb6b9}@media (max-width:700px){.technician-filters{padding:0 12px;overflow-x:auto}.technician-filters button{white-space:nowrap}.day-schedule{padding:12px}.workday-timeline{grid-template-columns:48px 1fr}.timeline-head{grid-template-columns:48px repeat(var(--lanes,3),minmax(100px,1fr));min-width:500px}.workday-timeline{min-width:500px}.modal:has(.day-schedule){overflow-x:auto}.login-card{padding:26px}}