@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#173b39;font-synthesis:none;background:#f4f8f7;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.demo-shell{min-height:100vh}.sidebar{color:#fff;z-index:10;background:#102f32;flex-direction:column;width:248px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;border-bottom:1px solid #315153;align-items:center;gap:12px;padding:0 10px 26px;text-decoration:none;display:flex}.brand img{filter:brightness(0)invert();width:83px}.brand span{letter-spacing:.18em;color:#9bc7c2;font-size:10px}.sidebar nav{gap:7px;margin-top:28px;display:grid}.sidebar nav button{color:#b8cecc;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.sidebar nav button span{width:22px;font-size:19px}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#1c514f}.learn{color:#d8f3ef;border:1px solid #47716e;border-radius:12px;margin-top:auto;padding:14px;font-size:13px;text-decoration:none}main{min-height:100vh;margin-left:248px}.topbar{background:#fff;border-bottom:1px solid #dce9e6;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex}.topbar div:first-child{display:grid}.topbar strong{font-size:15px}.topbar small{color:#72908d;margin-top:3px;font-size:11px}.top-actions{gap:5px;display:flex}.top-actions button{color:#577572;cursor:pointer;background:#fff;border:1px solid #cfe1de;border-radius:8px;padding:6px 8px;font-size:11px;font-weight:800}.top-actions button.active{color:#fff;background:#0b8179;border-color:#0b8179}.demo-banner{color:#73571a;background:#fff3d6;border-bottom:1px solid #f2d68d;align-items:center;gap:18px;min-height:48px;padding:9px 34px;font-size:12px;display:flex}.demo-banner strong{letter-spacing:.12em;font-size:11px}.demo-banner span{flex:1}.demo-banner button{color:#73571a;cursor:pointer;background:0 0;border:0;font-weight:700}.page{max-width:1500px;margin:auto;padding:34px}.page-title{justify-content:space-between;align-items:end;margin-bottom:26px;display:flex}.page-title p,.eyebrow{color:#0b8179;letter-spacing:.14em;margin:0 0 5px;font-size:11px;font-weight:800}.page-title h1{color:#143b39;margin:0;font-size:32px;line-height:1.1}.primary,.secondary{cursor:pointer;border:0;border-radius:11px;padding:12px 18px;font-weight:800}.primary{color:#fff;background:#0b8179;box-shadow:0 8px 22px #0b817930}.secondary{color:#0b6d66;background:#e9f4f2}.full{width:100%;margin-top:10px}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.metrics article,.panel,.report-grid article{background:#fff;border:1px solid #dce8e6;border-radius:17px;padding:20px;box-shadow:0 8px 28px #173b3908}.metrics article{gap:8px;display:grid}.metrics span,.report-grid article>span{color:#6f8c89;font-size:12px}.metrics strong,.report-grid article>strong{color:#133e3b;font-size:30px}.metrics em{color:#0b8179;font-size:11px;font-style:normal}.panel{padding:0;overflow:hidden}.panel-head{border-bottom:1px solid #e2ecea;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.panel-head h2{margin:0;font-size:17px}.panel-head button{color:#0b8179;cursor:pointer;background:0 0;border:0;font-weight:800}.order-table button{text-align:left;cursor:pointer;color:#173b39;background:#fff;border:0;border-bottom:1px solid #edf3f2;grid-template-columns:65px minmax(220px,1fr) 105px 80px 18px;align-items:center;gap:12px;width:100%;padding:15px 22px;display:grid}.order-table button:hover{background:#f7fbfa}.order-table time{font-weight:800}.order-table span{gap:3px;display:grid}.order-table small,td small{color:#78928f;margin-top:3px;display:block}.order-table b{text-align:right}.order-table i{font-size:22px;font-style:normal}.status,.payment{text-transform:uppercase;border-radius:999px;width:max-content;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.status.waiting{color:#8b6011;background:#fff1d8}.status.work{color:#246493;background:#dff0ff}.status.ready{color:#6055a8;background:#e9e6ff}.status.done,.payment.paid{color:#16715f;background:#dff3ec}.payment{color:#a34a31;background:#ffe7df}.kanban{grid-template-columns:repeat(4,1fr);align-items:start;gap:14px;display:grid}.kanban-column{background:#eaf2f0;border-radius:16px;min-height:470px;padding:12px}.kanban-column h3{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin:3px 4px 14px;font-size:12px;display:flex}.kanban-column h3 b{background:#fff;border-radius:999px;margin-left:auto;padding:3px 7px}.dot{background:#d9a43d;border-radius:50%;width:8px;height:8px}.dot.work{background:#3989c4}.dot.ready{background:#7e72c9}.dot.done{background:#28947d}.order-card{text-align:left;cursor:pointer;color:#173b39;background:#fff;border:1px solid #d5e4e1;border-radius:13px;gap:7px;width:100%;margin-bottom:10px;padding:14px;display:grid;box-shadow:0 4px 12px #173b3908}.order-card:hover{transform:translateY(-1px)}.order-card small{color:#76908d}.order-card span{font-size:12px}.order-card em{color:#0b8179;font-style:normal;font-weight:800}.table-panel table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e8efee;padding:17px 20px;font-size:13px}th{color:#718c89;text-transform:uppercase;letter-spacing:.08em;background:#f8fbfa;font-size:10px}.plate{color:#173b39;background:#fff;border:1px solid #b8c8c5;border-radius:5px;padding:3px 8px;font-size:12px}.stock-pill{color:#16715f;background:#dff3ec;border-radius:999px;justify-content:center;min-width:34px;padding:5px 8px;font-weight:800;display:inline-flex}.stock-pill.danger{color:#a34a31;background:#ffe6dc}.report-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.report-grid article{min-height:270px;position:relative;overflow:hidden}.report-grid .wide{grid-column:1/-1;min-height:230px}.bars{align-items:end;gap:10px;height:130px;margin-top:32px;display:flex}.bars i{background:linear-gradient(#7bd1c5,#0b8179);border-radius:7px 7px 2px 2px;flex:1}.donut{background:conic-gradient(#0b8179 0 68%,#e2edeb 68%);border-radius:50%;place-items:center;width:140px;height:140px;margin:20px auto;display:grid}.donut:before{content:"";background:#fff;border-radius:50%;width:92px;height:92px;position:absolute}.donut b{font-size:22px;position:relative}.service-row{grid-template-columns:150px 1fr 45px;align-items:center;gap:14px;margin:22px 0;display:grid}.service-row i{background:linear-gradient(90deg,#0b8179 var(--w),#e4eeec var(--w));border-radius:99px;height:9px}.service-row em{font-style:normal;font-weight:800}.timeline{max-width:800px}.timeline article{grid-template-columns:70px 18px 1fr;align-items:center;gap:12px;display:grid}.timeline time{color:#6f8986;font-size:12px}.timeline span{background:#0b8179;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #dff2ee}.timeline p{background:#fff;border:1px solid #dce8e6;border-radius:12px;padding:16px}.overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#082a2c99;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer,.modal{background:#fff;width:min(480px,100%);height:100%;padding:35px;position:relative;overflow:auto}.modal{border-radius:22px;max-width:460px;height:auto;margin:auto}.x{cursor:pointer;background:#edf4f3;border:0;border-radius:50%;width:34px;height:34px;font-size:21px;position:absolute;top:18px;right:20px}.drawer h2,.modal h2{margin:10px 0 26px;font-size:25px}.detail-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.detail-grid>div{background:#f4f8f7;border-radius:11px;gap:4px;padding:14px;display:grid}.detail-grid .wide{grid-column:1/-1}.detail-grid span,.invoice span{color:#718c89;text-transform:uppercase;font-size:10px}.detail-grid small{color:#718c89}.invoice{border:1px solid #dbe7e5;border-radius:12px;margin:22px 0;padding:12px}.invoice div{justify-content:space-between;padding:8px;display:flex}.invoice .sum{border-top:1px solid #dbe7e5;font-size:19px}.drawer-status{gap:8px;margin-bottom:18px;display:flex}.modal label{color:#587471;gap:6px;margin:14px 0;font-size:12px;font-weight:700;display:grid}.modal input{color:#173b39;border:1px solid #cbdedb;border-radius:10px;padding:12px}.toast{color:#fff;z-index:80;background:#103e3a;border-radius:12px;padding:14px 19px;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #0b302e44}.clickable{cursor:pointer}.clickable:hover{background:#f4faf8}.row-arrow{float:right;color:#0b8179;font-size:20px}.client-heading{align-items:center;gap:15px;margin:15px 0 24px;display:flex}.client-heading h2{margin:0 0 4px}.client-heading a{color:#0b8179;font-weight:700;text-decoration:none}.avatar{color:#0b8179;background:#dff2ee;border-radius:17px;place-items:center;width:58px;height:58px;font-size:19px;font-weight:800;display:grid}.positive{color:#14816c}.current-repair{background:#fff4db;border:1px solid #efd491;border-radius:14px;gap:7px;margin:20px 0;padding:17px;display:grid}.current-repair>span{text-transform:uppercase;color:#8b671b;font-size:10px}.current-repair small{color:#7b6a43}.current-repair button{color:#0b8179;cursor:pointer;background:0 0;border:0;width:max-content;padding:5px 0;font-weight:800}.history{margin:22px 0}.history h3{font-size:14px}.history p{border-bottom:1px solid #e6efed;margin:0;padding:11px 0;font-size:12px}.action-link{text-align:center;text-decoration:none;display:block}@media (width<=1000px){.metrics,.kanban{grid-template-columns:1fr 1fr}.sidebar{width:210px}main{margin-left:210px}}@media (width<=700px){.sidebar{width:100%;height:auto;padding:14px;position:static}.brand{padding:0 4px 12px}.sidebar nav{margin:10px 0;display:flex;overflow:auto}.sidebar nav button{white-space:nowrap;padding:9px}.sidebar .learn{display:none}main{margin-left:0}.topbar{padding:0 17px}.demo-banner{flex-wrap:wrap;align-items:flex-start;gap:6px;padding:11px 17px}.demo-banner span{flex-basis:70%}.page{padding:22px 16px}.page-title{align-items:flex-start;gap:14px}.page-title h1{font-size:25px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metrics article{padding:15px}.metrics strong{font-size:24px}.order-table button{grid-template-columns:48px 1fr 18px}.order-table .status,.order-table b{display:none}.kanban{grid-template-columns:1fr}.kanban-column{min-height:auto}.table-panel{overflow:auto}.report-grid{grid-template-columns:1fr}.report-grid .wide{grid-column:auto}.topbar strong{font-size:12px}}.back-home{color:#d8f3ef;white-space:nowrap;border:1px solid #47716e;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.back-home:hover{color:#fff;border-color:#9bc7c2}.sidebar .back-home{justify-content:center;margin-top:10px}.demo-banner .back-home{color:#73571a;background:#fff;border-color:#e0bd6a;padding:6px 11px}.demo-banner .back-home:hover{color:#5a4413;border-color:#c9a250}.vehicles-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:6px;display:flex}.vehicles-head h1{margin:6px 0 0;font-size:28px}.vehicles-search{background:#fff;border:1px solid #cfe0dd;border-radius:12px;align-items:center;gap:10px;min-width:320px;padding:10px 14px;display:flex}.vehicles-search span{color:#0f7774;font-weight:800}.vehicles-search input{font:inherit;background:0 0;border:0;outline:0;width:100%}.vehicles-hint{color:#5e7472;margin:10px 0 22px;font-size:13px}.vehicles-empty{color:#5e7472;text-align:center;background:#fff;border:1px dashed #cfe0dd;border-radius:14px;padding:26px}.vehicle-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.vehicle-card{background:#fff;border:1px solid #dbe8e6;border-radius:16px;flex-direction:column;gap:8px;padding:20px;display:flex;box-shadow:0 10px 26px #0f77740d}.vehicle-card header{justify-content:space-between;align-items:center;gap:10px;display:flex}.vehicle-card h2{margin:0;font-size:19px}.vehicle-card .vin{color:#0f7774;letter-spacing:.04em;margin:0;font-size:12px;font-weight:700}.vehicle-card .client{color:#5e7472;margin:0;font-size:13px}.vehicle-card dl{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 0;display:grid}.vehicle-card dt{color:#7b8f8d;font-size:11px}.vehicle-card dd{margin:2px 0 0;font-weight:800}.vehicle-card footer{border-top:1px solid #eef4f3;gap:10px;margin-top:auto;padding-top:14px;display:grid}.vehicle-card footer small{color:#7b8f8d}.vehicle-actions{flex-wrap:wrap;gap:8px;display:flex}.vehicle-actions button{flex:1;min-width:130px}.open-badge{color:#8a6a12;background:#fff3d6;border-radius:20px;padding:4px 10px;font-size:11px;font-style:normal;font-weight:800}.plate{letter-spacing:.06em;border:2px solid #173b39;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:800;display:inline-flex}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.warn{color:#c0562f!important}.link{color:#0f7774;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:6px 0;font-size:12px;font-weight:800}.vin-decoded{background:#f3faf9;border:1px solid #cfe0dd;border-radius:12px;gap:4px;margin:14px 0 0;padding:12px 14px;font-size:13px;display:grid}.vin-decoded span{color:#5e7472;font-size:12px}.vehicle-heading{align-items:center;gap:14px;margin:10px 0 18px;display:flex}.vehicle-heading h2{margin:0;font-size:22px}.vehicle-heading small{color:#5e7472}.order-vehicle{margin-top:16px}.history-row{text-align:left;cursor:pointer;background:#fff;border:1px solid #e6efee;border-radius:12px;grid-template-columns:88px 1fr auto auto;align-items:center;gap:12px;width:100%;padding:12px;display:grid}.history-row:hover{border-color:#0f7774}.history-row time{font-size:12px;font-weight:800;display:grid}.history-row time small,.history-row span small{color:#7b8f8d;font-size:11px;font-weight:600}.history-row span strong{display:block}.history-row b{font-size:13px}.drawer .history{gap:8px;margin-top:18px;display:grid}.drawer-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.drawer-actions>*{flex:1;min-width:140px}.photo-block{gap:12px;display:grid}.photo-tags{flex-wrap:wrap;gap:6px;display:flex}.chip{font:inherit;color:#41605e;cursor:pointer;background:#fff;border:1px solid #cfe0dd;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700}.chip.active{color:#fff;background:#0f7774;border-color:#0f7774}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.photo-card{background:#fff;border:1px solid #e6efee;border-radius:12px;margin:0;position:relative;overflow:hidden}.photo-frame{cursor:zoom-in;background:#eef4f3;border:0;width:100%;padding:0;display:block}.photo-frame img{object-fit:cover;width:100%;height:110px;display:block}.photo-card figcaption{color:#5e7472;justify-content:space-between;gap:6px;padding:7px 9px;font-size:10px;display:flex}.photo-card figcaption em{color:#8fa2a0;font-style:normal}.photo-remove{color:#fff;cursor:pointer;background:#000000a6;border:0;border-radius:50%;width:26px;height:26px;font-size:15px;line-height:1;position:absolute;top:6px;right:6px}.photo-add{color:#0f7774;min-height:140px;font:inherit;cursor:pointer;background:#f7fbfa;border:1px dashed #b9d3d0;border-radius:12px;place-items:center;gap:6px;padding:14px;font-size:12px;font-weight:800;display:grid}.photo-add b{font-size:22px}.photo-add:disabled{opacity:.6;cursor:progress}.photo-input{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.photos h3{margin:0 0 10px;font-size:15px}.order-photos{margin-top:18px}.lightbox figure{max-width:min(920px,92vw);margin:0;position:relative}.lightbox img{object-fit:contain;background:#000;border-radius:14px;width:100%;max-height:82vh}.lightbox figcaption{color:#fff;text-align:center;margin-top:10px;font-size:13px}.lightbox .x{background:#fff;position:absolute;top:-14px;right:-14px}.scanner{background:linear-gradient(#f3fbfa,#fff);border:1px solid #cfe6e2;border-radius:16px;margin:0 0 22px;padding:18px 20px;box-shadow:0 10px 26px #0f77740d}.scanner-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.scanner-head h2{margin:0;font-size:18px}.scanner-engine{color:#0f7774;background:#fff;border:1px solid #cfe0dd;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:800}.scanner-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.file-button{align-items:center;gap:8px;display:inline-flex;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.scanner-hint{color:#5e7472;font-size:12px}.scanner-tips{color:#7b8f8d;margin-top:8px;font-size:11px;line-height:1.5;display:block}.scanner-known{color:#16715f;margin:0;font-size:12px;font-weight:800}.scanner-raw{color:#8fa2a0;word-break:break-word;margin:0;font-size:11px}.scanner-busy{gap:6px;margin-top:14px;display:grid}.scanner-bar{background:#e2eeec;border-radius:99px;height:8px;display:block;overflow:hidden}.scanner-bar i{background:linear-gradient(90deg,#7bd1c5,#0b8179);height:100%;transition:width .25s;display:block}.scanner-busy small{color:#5e7472;font-size:12px}.scanner-error{color:#a34a31;margin:14px 0 0;font-size:13px;font-weight:700}.scanner-result{background:#fff;border:1px solid #dbe8e6;border-radius:14px;grid-template-columns:180px 1fr;gap:16px;margin-top:16px;padding:14px;display:grid}.scanner-result img{object-fit:cover;background:#eef4f3;border-radius:10px;width:100%;height:140px}.scanner-fields{gap:10px;display:grid}.scanner-input input{width:100%;font:inherit;letter-spacing:.05em;border:1px solid #cbdedb;border-radius:10px;padding:12px 14px;font-weight:800}.scanner-candidates{flex-wrap:wrap;gap:6px;display:flex}.scanner-candidates button{color:#41605e;font:inherit;cursor:pointer;background:#f7fbfa;border:1px solid #cfe0dd;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.scanner-found,.scanner-new{background:#f3faf9;border:1px solid #cfe6e2;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.scanner-found strong{font-size:15px;display:block}.scanner-found span{color:#5e7472;font-size:12px}.scanner-new span{color:#5e7472;font-size:13px;font-weight:700}@media (width<=760px){.scanner-result{grid-template-columns:1fr}.scanner-result img{height:180px}}.demo-clock{background:#fffdf5;border:1px solid #e6cf95;border-radius:10px;align-items:center;gap:6px;padding:4px 8px;display:flex}.demo-clock>span{color:#8a6a12;font-size:11px;font-weight:700}.demo-clock>strong{text-align:center;color:#73571a;min-width:80px;font-size:12px;font-weight:800}.demo-clock button{color:#73571a;font:inherit;cursor:pointer;background:#f6e7c4;border:0;border-radius:7px;padding:3px 6px;font-size:11px;font-weight:800;line-height:1.2}.demo-clock button:hover{background:#efdca9}.demo-clock .clock-reset{background:#efe3c8}.due-badge{white-space:nowrap;border-radius:20px;padding:4px 9px;font-size:11px;font-style:normal;font-weight:800}.due-badge.overdue{color:#a32b1e;background:#ffe0dc}.due-badge.urgent{color:#8a5a12;background:#fff0d6}.due-badge.soon{color:#4c6b1f;background:#eef6e4}.maintenance{background:#fff;border:1px solid #dbe8e6;border-radius:14px;margin:20px 0 0;padding:14px}.maintenance-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.maintenance-head h3{margin:0;font-size:15px}.maintenance-empty{color:#5e7472;margin:10px 0 0;font-size:13px}.maintenance-rows{gap:8px;margin-top:10px;display:grid}.maintenance-row{background:#fbfdfd;border:1px solid #eef4f3;border-left:4px solid #cfe0dd;border-radius:10px;grid-template-columns:1fr auto;gap:4px 10px;margin:0;padding:10px 12px;display:grid}.maintenance-row span{color:#5e7472;font-size:12px}.maintenance-row strong{text-align:right;font-size:14px}.maintenance-row em{color:#5e7472;background:#eef4f3;border-radius:20px;grid-column:2;justify-self:end;padding:2px 8px;font-size:10px;font-style:normal;font-weight:800}.maintenance-row small{color:#7b8f8d;grid-column:1/-1;font-size:11px}.maintenance-row.overdue{background:#fff7f5;border-left-color:#c0562f}.maintenance-row.overdue em{color:#a32b1e;background:#ffe0dc}.maintenance-row.urgent{background:#fffdf6;border-left-color:#e0a33a}.maintenance-row.urgent em{color:#8a5a12;background:#fff0d6}.maintenance-row.soon{border-left-color:#9dc06a}.maintenance-row.soon em{color:#4c6b1f;background:#eef6e4}.maintenance-row.ok{border-left-color:#7bd1c5}.maintenance-row.ok em{color:#16715f;background:#dff3ec}.maintenance-next{color:#5e7472;margin:2px 0 0;font-size:12px}.maintenance-form{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.maintenance-form label{color:#587471;gap:5px;font-size:11px;font-weight:700;display:grid}.maintenance-form input,.maintenance-form select{font:inherit;color:#173b39;border:1px solid #cbdedb;border-radius:9px;padding:9px 11px}.maintenance-actions{grid-column:1/-1;gap:8px;display:flex}.maintenance-actions button{flex:1}@media (width<=760px){.maintenance-form{grid-template-columns:1fr}}.cal{gap:14px;display:grid}.cal-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cal-nav{align-items:center;gap:6px;display:flex}.cal-nav button{font:inherit;color:#0f7774;cursor:pointer;background:#fff;border:1px solid #cfe0dd;border-radius:9px;padding:7px 10px;font-weight:800}.cal-nav strong{color:#173b39;font-size:13px}.cal-views{background:#eef4f3;border-radius:10px;gap:4px;padding:3px;display:flex}.cal-views button{font:inherit;color:#5e7472;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:800}.cal-views button.active{color:#0b8179;background:#fff;box-shadow:0 2px 8px #173b3914}.cal-tools{gap:6px;display:flex}.cal-tools button{font:inherit;cursor:pointer;border:0;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:800}.cal-metrics{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.cal-metrics article{background:#fff;border:1px solid #dce8e6;border-radius:13px;gap:3px;padding:12px 14px;display:grid}.cal-metrics span{color:#6f8c89;font-size:11px}.cal-metrics strong{color:#133e3b;font-size:20px}.cal-metrics em{color:#8fa2a0;font-size:10px;font-style:normal}.cal-day,.cal-week{background:#fff;border:1px solid #dce8e6;border-radius:16px;overflow:hidden}.cal-day-head{background:#f7fbfa;border-bottom:1px solid #e6efee;grid-template-columns:70px repeat(4,1fr);display:grid}.cal-day-col{color:#5e7472;letter-spacing:.06em;text-transform:uppercase;padding:10px 12px;font-size:11px;font-weight:800}.cal-day-body{max-height:70vh;overflow:auto}.cal-row{border-bottom:1px solid #f1f6f5;grid-template-columns:70px repeat(4,1fr);display:grid}.cal-time{color:#8fa2a0;background:#fbfdfd;padding:8px 12px;font-size:11px;font-weight:700}.cal-cell{border-left:1px solid #f1f6f5;gap:3px;min-height:34px;padding:3px;display:grid}.cal-empty{color:#b7c9c6;cursor:pointer;background:0 0;border:1px dashed #e2eeec;border-radius:8px;font-size:13px}.cal-empty:hover{color:#0f7774;background:#f3faf9;border-color:#0f7774}.cal-block{text-align:left;cursor:pointer;background:#f3faf9;border:0;border-left:4px solid #cfe0dd;border-radius:8px;gap:1px;padding:5px 7px;display:grid}.cal-block strong{font-size:12px}.cal-block small{color:#6f8c89;font-size:10px}.cal-chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.cal-chip{width:24px;height:24px;font:inherit;color:#8fa2a0;cursor:pointer;background:#fff;border:1px solid #dfe9e7;border-radius:7px;padding:0;font-size:11px;font-weight:800}.cal-chip.gti{color:#0b8179;border-color:#9fd8cd}.cal-chip.bay1{color:#3f8fd0;border-color:#b6d5ee}.cal-chip.bay2{color:#8a5ccf;border-color:#cdbcec}.cal-chip.tyres{color:#8a6a12;border-color:#e6cf95}.cal-chip:not(.active){opacity:.6}.cal-chip.gti.active{color:#fff;background:#0b8179;border-color:#0b8179}.cal-chip.bay1.active{color:#fff;background:#3f8fd0;border-color:#3f8fd0}.cal-chip.bay2.active{color:#fff;background:#8a5ccf;border-color:#8a5ccf}.cal-chip.tyres.active{color:#fff;background:#c98a12;border-color:#c98a12}.cal-block.gti,.cal-card.gti{border-left-color:#0b8179}.cal-card.gti{background:#f1faf8}.cal-block.bay1,.cal-card.bay1{border-left-color:#3f8fd0}.cal-card.bay1{background:#f2f8fd}.cal-block.bay2,.cal-card.bay2{border-left-color:#8a5ccf}.cal-card.bay2{background:#f7f4fd}.cal-block.tyres,.cal-card.tyres{border-left-color:#c98a12}.cal-card.tyres{background:#fdf9ef}.cal-day-col.gti{border-top:3px solid #0b8179}.cal-day-col.bay1{border-top:3px solid #3f8fd0}.cal-day-col.bay2{border-top:3px solid #8a5ccf}.cal-day-col.tyres{border-top:3px solid #c98a12}.cal-block.done,.cal-card.done{opacity:.55}.cal-block.cancelled,.cal-card.cancelled{opacity:.4;text-decoration:line-through}.cal-block.noShow,.cal-card.noShow{background:#fff3d6}.cal-week{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cal-daycol{border-right:1px solid #eef4f3;align-content:start;gap:6px;min-height:260px;max-height:70vh;padding:8px;display:grid;overflow:auto}.cal-daycol:last-child{border-right:0}.cal-daycol.closed{color:#a9b5b4;background:#f7f8f8}.cal-daycol.today{background:#f3faf9;box-shadow:inset 0 0 0 2px #7bd1c5}.cal-daycol header{justify-content:space-between;align-items:baseline;gap:4px;display:flex}.cal-daycol header strong{text-transform:capitalize;font-size:12px}.cal-daycol header small{color:#8fa2a0;font-size:11px}.cal-daycol header em{color:#0b8179;font-size:10px;font-style:normal;font-weight:800}.cal-add{color:#0f7774;cursor:pointer;background:#fff;border:1px dashed #cfe0dd;border-radius:8px;padding:3px;font-size:12px}.cal-card{cursor:pointer;background:#fff;border:1px solid #e6efee;border-left:4px solid #0b8179;border-radius:8px;gap:1px;padding:6px 7px;display:grid}.cal-card b{color:#0f7774;font-size:11px}.cal-card span{font-size:12px;font-weight:700}.cal-card small{color:#8fa2a0;font-size:10px}.cal-none{color:#a9b5b4;margin:0;font-size:11px}.cal-waitlist{background:#fff;border:1px solid #dce8e6;border-radius:16px;gap:8px;padding:14px;display:grid}.cal-waitlist h3{margin:0;font-size:15px}.cal-waitlist h3 b{color:#0b8179}.cal-wait{text-align:left;cursor:pointer;background:#fffdf6;border:1px solid #e6efee;border-left:4px solid #e0a33a;border-radius:10px;gap:2px;padding:9px 11px;display:grid}.cal-wait strong{font-size:13px}.cal-wait small{color:#7b8f8d;font-size:11px}.cal-shift{gap:8px;margin:14px 0;display:flex}.cal-shift button{font:inherit;color:#0f7774;cursor:pointer;background:#fff;border:1px solid #cfe0dd;border-radius:9px;flex:1;padding:9px;font-size:12px;font-weight:800}.cal-shift button:disabled{opacity:.45;cursor:not-allowed}.cal-form{grid-template-columns:1fr 1fr;gap:10px;max-width:520px;display:grid}.cal-form label{color:#587471;gap:5px;font-size:11px;font-weight:700;display:grid}.cal-form input,.cal-form select{font:inherit;color:#173b39;border:1px solid #cbdedb;border-radius:9px;padding:9px 11px}.cal-form .wide,.cal-form h2,.cal-form .eyebrow,.cal-conflict,.cal-form-actions{grid-column:1/-1}.cal-form h2{margin:0;font-size:20px}.cal-form .eyebrow{margin:0}.cal-conflict{color:#a32b1e;margin:0;font-size:12px;font-weight:700}.cal-form-actions{gap:8px;display:flex}.cal-form-actions button{flex:1}.rem{gap:12px;display:grid}.rem-metrics{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.rem-metrics article{background:#fff;border:1px solid #dce8e6;border-radius:13px;gap:3px;padding:12px 14px;display:grid}.rem-metrics span{color:#6f8c89;font-size:11px}.rem-metrics strong{color:#133e3b;font-size:20px}.rem-metrics em{color:#8fa2a0;font-size:10px;font-style:normal}.rem-quiet{color:#587471;background:#f4f8fb;border-radius:10px;margin:0;padding:9px 12px;font-size:12px}.rem-empty{color:#5e7472;margin:0;font-size:13px}.rem-row{background:#fff;border:1px solid #dce8e6;border-left:4px solid #cfe0dd;border-radius:14px;gap:8px;padding:13px 14px;display:grid}.rem-row.overdue{background:#fff7f5;border-left-color:#c0562f}.rem-row.urgent{background:#fffdf6;border-left-color:#e0a33a}.rem-row.soon{border-left-color:#9dc06a}.rem-main{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.rem-who{gap:2px;display:grid}.rem-who strong{font-size:14px}.rem-who a{color:#0f7774;font-size:12px;text-decoration:none}.rem-due{color:#5e7472;font-size:12px}.rem-due em{color:#5e7472;background:#eef4f3;border-radius:20px;margin-left:6px;padding:2px 8px;font-size:10px;font-style:normal;font-weight:800}.rem-row.overdue .rem-due em{color:#a32b1e;background:#ffe0dc}.rem-row.urgent .rem-due em{color:#8a5a12;background:#fff0d6}.rem-due i{color:#8fa2a0;font-style:normal}.rem-car{color:#5e7472;font-size:12px}.rem-actions{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.rem-btn{border-radius:9px;align-items:center;gap:5px;padding:7px 11px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.rem-slot{color:#41605e;background:#f3faf9;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:8px 11px;font-size:12px;display:flex}.rem-slot b{color:#0b8179;font-size:13px}.rem-text{color:#41605e;background:#fbfdfd;border:1px dashed #dfe9e7;border-radius:10px;margin:0;padding:9px 11px;font-size:12px}.rem-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.rem-consent{font-size:11px;font-weight:700}.rem-consent.ok{color:#16715f}.rem-consent.warn{color:#8a5a12}.rem-foot-actions{gap:10px;display:flex}.rem-journal{background:#fff;border:1px solid #dce8e6;border-radius:14px;gap:6px;margin-top:6px;padding:14px;display:grid}.rem-journal h3{margin:0;font-size:15px}.rem-log{color:#5e7472;margin:0;font-size:12px}.rem-widget{flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px;display:flex}.rem-badge{border-radius:20px;padding:5px 10px;font-size:11px;font-weight:800}.rem-badge.overdue{color:#a32b1e;background:#ffe0dc}.rem-badge.urgent{color:#8a5a12;background:#fff0d6}.rem-badge.soon{color:#4c6b1f;background:#eef6e4}.rem-widget-row{color:#5e7472;flex-basis:100%;margin:0;font-size:12px}.stk{gap:12px;display:grid}.stk-metrics{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.stk-metrics article{background:#fff;border:1px solid #dce8e6;border-radius:13px;gap:3px;padding:12px 14px;display:grid}.stk-metrics span{color:#6f8c89;font-size:11px}.stk-metrics strong{color:#133e3b;font-size:20px}.stk-metrics em{color:#8fa2a0;font-size:10px;font-style:normal}.stk-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stk-search{background:#fff;border:1px solid #cfe0dd;border-radius:11px;flex:1;align-items:center;gap:8px;min-width:240px;padding:9px 12px;display:flex}.stk-search span{color:#0f7774;font-weight:800}.stk-search input{font:inherit;background:0 0;border:0;outline:0;width:100%}.stk-toggle{color:#587471;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.stk-row-low{background:#fff9f7}.stk-actions{justify-content:flex-end;gap:5px;display:flex}.stk-actions button{color:#0f7774;width:26px;height:26px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cfe0dd;border-radius:8px;font-weight:800}.stk-actions button:hover{background:#f3faf9}.stk-none{color:#8fa2a0;margin:0;font-size:12px}.stk-journal{background:#fff;border:1px solid #dce8e6;border-radius:14px;gap:6px;padding:14px 16px;display:grid}.stk-journal h3{margin:0 0 4px;font-size:15px}.stk-log{color:#5e7472;margin:0;font-size:12px}.stk-qty{font-style:normal;font-weight:800}.stk-qty.plus{color:#16715f}.stk-qty.minus{color:#a34a31}.stk-form{grid-template-columns:1fr 1fr;gap:10px;max-width:520px;display:grid}.stk-form label{color:#587471;gap:5px;font-size:11px;font-weight:700;display:grid}.stk-form input,.stk-form select{font:inherit;color:#173b39;border:1px solid #cbdedb;border-radius:9px;padding:9px 11px}.stk-form h2,.stk-form .eyebrow,.stk-form .wide,.stk-error,.stk-form-actions{grid-column:1/-1}.stk-form h2{margin:0;font-size:20px}.stk-form .eyebrow{margin:0}.stk-error{color:#a32b1e;margin:0;font-size:12px;font-weight:700}.stk-form-actions{gap:8px;display:flex}.stk-form-actions button{flex:1}.order-stock{background:#fbfdfd;border:1px solid #dbe7e5;border-radius:12px;gap:6px;margin:0 0 18px;padding:12px 14px;font-size:13px;display:grid}.order-stock div{justify-content:space-between;gap:10px;display:flex}.order-stock .sum{border-top:1px solid #dbe7e5;padding-top:6px;font-weight:800}@media (width<=900px){.stk-metrics{grid-template-columns:repeat(2,1fr)}.stk-form{grid-template-columns:1fr}.rem-metrics,.cal-metrics{grid-template-columns:repeat(2,1fr)}.cal-week{grid-template-columns:repeat(3,minmax(0,1fr))}.cal-day-head,.cal-row{grid-template-columns:60px repeat(4,minmax(90px,1fr))}.cal-form{grid-template-columns:1fr}}.area-picker{justify-content:center;align-items:center;padding:18px}.area-modal{background:#fff;border-radius:18px;gap:10px;max-width:min(760px,96vw);padding:18px;display:grid}.area-modal .eyebrow{margin:0}.area-modal h2{margin:0;font-size:19px}.area-lead{color:#5e7472;margin:0;font-size:13px}.area-box{touch-action:none;cursor:crosshair;background:#0d1214;border-radius:12px;max-height:64vh;position:relative;overflow:hidden}.area-box img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;max-height:64vh;display:block}.area-rect{pointer-events:none;background:#7bd1c522;border:3px solid #7bd1c5;border-radius:6px;position:absolute;box-shadow:0 0 0 9999px #0d121466}.area-hint{color:#8fa2a0;margin:0;font-size:11px}.area-actions{gap:8px;display:flex}.area-actions button{flex:1}@media (width<=700px){.area-modal{padding:14px}.area-actions{flex-direction:column}}