@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#242820;background:#f4f5f1;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#242820;--muted:#8a8f84;--line:#e9ebe5;--green:#c3f36b}*{box-sizing:border-box}body{margin:0}.layout{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#fbfcf9;border-right:1px solid var(--line);padding:27px 16px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:10px;margin:0 8px 54px;color:var(--ink);text-decoration:none;font:800 21px Manrope,sans-serif;letter-spacing:-1.2px}.brand-logo{width:37px;height:37px;background:var(--green);border-radius:12px;display:grid;place-items:center;font-size:22px}.brand-logo span,.footer-brand span{color:#69992c}.brand small{display:block;margin-top:3px;color:#999d94;font:700 8px 'DM Sans',sans-serif;letter-spacing:1.3px}.nav-caption,.overline{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#9ba095}.nav-caption{padding:0 11px 11px}.nav-item{height:42px;display:flex;align-items:center;gap:12px;padding:0 11px;margin:2px 0;border-radius:8px;text-decoration:none;color:#72776e;font-size:12px}.nav-item.selected{background:#eef4e5;color:#3d5428;font-weight:600}.nav-symbol{font-size:17px}.nav-count{margin-left:auto;padding:3px 8px;border-radius:12px;background:#e6e9e1;font-size:10px}.nav-active-dot{width:5px;height:5px;background:#83b43f;border-radius:50%;margin-left:auto}.side-bottom{margin-top:auto;padding:15px 10px 4px;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px}.side-bottom b{display:block;font-size:10px;font-weight:600}.side-bottom small{display:block;color:#9b9f96;font-size:9px;margin-top:3px}.status-light{width:8px;height:8px;background:#76bb49;border-radius:50%;box-shadow:0 0 0 4px #76bb4922}.side-clock{margin-left:auto;color:#d0d3cd;font-size:9px}main{margin-left:230px;padding:0 42px;max-width:1600px}.header{height:65px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7e0}.crumb{font-size:9px;letter-spacing:1.1px;color:#979b92;font-weight:700}.crumb span{padding:0 7px;color:#c5c8c1}.header-right{display:flex;align-items:center;gap:18px}.date-label{font-size:10px;color:#858a80;text-transform:capitalize}.profile{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#4a4e46;font:600 10px 'DM Sans',sans-serif}.profile-icon{width:28px;height:28px;background:#e8eedf;color:#536a36;border-radius:50%;display:grid;place-items:center;font-weight:700}.chevron{font-size:16px;color:#92968d}.welcome{padding:31px 0 24px;display:flex;justify-content:space-between;align-items:flex-end}.welcome h1{font:700 28px Manrope,sans-serif;letter-spacing:-1.2px;margin:8px 0 4px}.welcome p{font-size:12px;color:#858a80;margin:0}.welcome .overline{display:flex;align-items:center;gap:7px}.welcome .overline i{width:6px;height:6px;border-radius:50%;background:#8abd43}.button{border:0;border-radius:7px;padding:10px 14px;font:600 11px 'DM Sans',sans-serif;cursor:pointer;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.main-button{background:var(--green);color:#27331d;box-shadow:0 3px 8px #8eb83b20}.main-button:hover{background:#b7e95a}.main-button span{font-size:16px;vertical-align:-1px;margin-right:3px}.light-button{background:#fff;border:1px solid #e5e7df;color:#555a50}.metrics{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:11px}.metric{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:9px;min-height:123px;padding:15px 15px 12px}.metric-dark{background:#283225;border-color:#283225;color:#fff}.metric-label{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;color:#777d72;font-size:10px;font-weight:500}.metric-dark .metric-label{color:#d6ddce}.metric-glyph{font-size:15px;color:#bdf36b}.metric-value{position:relative;z-index:1;font:700 30px Manrope,sans-serif;letter-spacing:-1.5px;margin:9px 0 4px}.metric-foot{position:relative;z-index:1;color:#a0a49b;font-size:9px}.metric-dark .metric-foot{color:#c0c8b8}.metric-bullet{display:inline-block;width:5px;height:5px;border-radius:50%;background:#bdf36b;margin-right:5px;vertical-align:1px}.metric-icon{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;font-size:14px}.icon-blue{background:#e8f2fa;color:#6691b2}.icon-amber{background:#fcf1df;color:#c38c3f}.icon-green{background:#edf4e4;color:#73a33e}.icon-violet{background:#f0ebf8;color:#9177bb}.dark-rings{position:absolute;width:120px;height:120px;border:1px solid #ffffff13;border-radius:50%;right:-52px;bottom:-76px;box-shadow:0 0 0 16px #ffffff09,0 0 0 32px #ffffff06}.board{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.board-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 15px}.board-heading h2{margin:5px 0 0;font:700 16px Manrope,sans-serif;letter-spacing:-.4px}.board-heading h2 span{font:500 10px 'DM Sans',sans-serif;color:#9da198;letter-spacing:0;margin-left:4px}.controls{padding:0 20px 13px;display:flex;align-items:center;gap:10px}.search{width:min(340px,50%);height:34px;border:1px solid #e7e9e2;border-radius:6px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#9a9e95}.search span{font-size:18px}.search input{border:0;outline:none;width:100%;font:10px 'DM Sans',sans-serif;color:#41463e;background:transparent}.search input::placeholder{color:#aaaea6}.filter-label{display:flex;align-items:center;gap:7px;color:#a0a49b;font-size:9px}.filter-label select{height:34px;border:1px solid #e7e9e2;border-radius:6px;padding:0 24px 0 9px;color:#656a60;background:#fff;font:10px 'DM Sans',sans-serif}.showing{margin-left:auto;color:#9a9e95;font-size:9px}.records{padding:0 9px 8px}.record{border-top:1px solid #f0f1ed;display:grid;grid-template-columns:minmax(185px,1.35fr) minmax(120px,.85fr) minmax(170px,1.3fr) minmax(130px,.9fr) minmax(112px,.75fr) 28px;gap:12px;align-items:center;padding:12px 11px}.record-head{display:grid;grid-template-columns:minmax(185px,1.35fr) minmax(120px,.85fr) minmax(170px,1.3fr) minmax(130px,.9fr) minmax(112px,.75fr) 28px;gap:12px;padding:0 11px 9px;color:#9da197;font-size:8px;font-weight:700;letter-spacing:1px}.bike-info{display:flex;align-items:center;gap:9px;min-width:0}.bike-thumb{height:35px;width:35px;flex:0 0 35px;border-radius:9px;background:#f0f3eb;color:#718d4f;display:grid;place-items:center;font-size:18px}.bike-name{font-size:10px;font-weight:700;color:#383d34;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bike-plate{font-size:8px;letter-spacing:.6px;color:#9ba095;margin-top:4px}.customer{font-size:9px;color:#555b51}.date-cell{font-size:9px;color:#7f857a}.request-main{font-size:9px;color:#555a51;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-sub{font-size:8px;color:#a0a49b;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-select{appearance:none;max-width:100%;border:0;border-radius:20px;padding:6px 8px;font:600 8px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}.status-select.s-queue{background:#f0f1ee;color:#73796e}.status-select.s-diagnosis{background:#eaf2f9;color:#5c88ad}.status-select.s-approval{background:#fff2dc;color:#ae772b}.status-select.s-parts{background:#f0eaf9;color:#8767b4}.status-select.s-repair{background:#edf4e4;color:#688f3e}.status-select.s-ready{background:#e9f4e5;color:#5f903e}.status-select.s-delivered{background:#f0f1ee;color:#7d8279}.status-select.s-rejected{background:#fae9e6;color:#b3685c}.row-actions{display:flex;justify-content:flex-end;gap:2px}.row-actions button{width:25px;height:25px;border:0;background:transparent;color:#9ca096;border-radius:5px;cursor:pointer;font-size:13px}.row-actions button:hover{background:#f0f2ed;color:#41463e}.empty-state{text-align:center;padding:35px 15px 42px}.empty-state[hidden]{display:none}.empty-illustration{width:46px;height:46px;margin:0 auto 12px;display:grid;place-items:center;border-radius:14px;background:#f0f4e9;color:#73924d;font-size:25px}.empty-state h3{font:700 14px Manrope,sans-serif;margin:0;color:#484e44}.empty-state p{font-size:10px;color:#999e94;margin:7px 0 16px}footer{display:flex;align-items:center;gap:11px;padding:19px 2px;color:#a1a59c;font-size:8px;letter-spacing:.8px;font-weight:700}.footer-brand{font:800 12px Manrope,sans-serif;letter-spacing:-.6px;color:#555a50}.footer-right{margin-left:auto;font-size:7px;letter-spacing:.7px}dialog{width:min(720px,calc(100% - 24px));max-height:92vh;overflow:auto;padding:0;border:0;border-radius:12px;box-shadow:0 22px 80px #1e281a38;color:#33382f}dialog::backdrop{background:#182016aa;backdrop-filter:blur(3px)}dialog form{padding:22px 25px 20px}.dialog-title-row{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:15px;border-bottom:1px solid var(--line)}.dialog-title-row h2{font:700 20px Manrope,sans-serif;margin:5px 0 0;letter-spacing:-.6px}.close{width:29px;height:29px;border:0;border-radius:7px;background:#f2f3ef;color:#6d7367;font-size:20px;cursor:pointer}.form-section{padding:16px 0;border-bottom:1px solid #eff0ec}.form-section-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.form-section-title>span{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:#eef4e5;color:#668740;font:700 9px Manrope,sans-serif}.form-section-title b{display:block;font:700 11px Manrope,sans-serif;color:#454a41}.form-section-title small{display:block;margin-top:3px;color:#9a9f94;font-size:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.form-grid label,.field-label{display:flex;flex-direction:column;gap:5px;color:#6e746a;font-size:9px;font-weight:600}.form-grid input,.form-grid select,.form-grid textarea,.field-label textarea,.fault-row input,.fault-row select{width:100%;border:1px solid #e5e8e0;border-radius:6px;padding:9px;background:#fff;color:#383d34;font:10px 'DM Sans',sans-serif;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.field-label textarea:focus,.fault-row input:focus{border-color:#a8d369;box-shadow:0 0 0 2px #bdf36b32}.form-grid input::placeholder,.form-grid textarea::placeholder,.field-label textarea::placeholder,.fault-row input::placeholder{color:#b0b4aa}.form-grid .wide{grid-column:1/-1}.service-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.service-option{display:flex;align-items:center;gap:7px;min-height:33px;padding:7px 8px;border:1px solid #e9ebe5;border-radius:6px;color:#555b50;font-size:9px;cursor:pointer}.service-option:has(input:checked){border-color:#b5d785;background:#f5f9ef;color:#49632c}.service-option input{accent-color:#7da940}.field-label textarea{resize:vertical}.fault-heading{display:flex;justify-content:space-between;align-items:center;margin:13px 0 7px;color:#9ba095;font-size:8px;font-weight:700;letter-spacing:1px}.text-button{border:0;background:transparent;color:#709b3b;font:600 9px 'DM Sans',sans-serif;cursor:pointer}.fault-row{display:grid;grid-template-columns:155px 1fr 26px;gap:7px;margin:7px 0}.fault-row select{font-size:9px}.fault-row button{border:0;border-radius:5px;background:#f4f4f0;color:#91968c;font-size:16px;cursor:pointer}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:15px}.toast{position:fixed;right:20px;bottom:20px;padding:11px 16px;border-radius:7px;background:#283225;color:white;font-size:11px;box-shadow:0 8px 20px #17200e30;z-index:8;animation:pop .18s ease}@keyframes pop{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){main{padding:0 25px}.sidebar{width:205px}main{margin-left:205px}.metrics{grid-template-columns:repeat(4,1fr)}.metric-dark{grid-column:span 2}.record,.record-head{grid-template-columns:minmax(160px,1.25fr) minmax(100px,.8fr) minmax(150px,1.15fr) minmax(112px,.8fr) 28px}.record-head span:nth-child(3),.record .date-cell{display:none}}
@media(max-width:720px){.sidebar{display:none}main{margin:0;padding:0 15px}.header{height:55px}.crumb{font-size:8px}.header-right{gap:10px}.date-label{font-size:9px}.profile-name,.chevron{display:none}.welcome{padding:25px 0 18px;gap:8px;align-items:flex-start}.welcome h1{font-size:22px}.welcome p{font-size:10px}.welcome>.button{padding:9px 10px;font-size:9px;white-space:nowrap}.metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metric{min-height:103px;padding:12px}.metric-dark{grid-column:span 2}.metric-value{font-size:25px;margin:7px 0 2px}.metric-label{font-size:9px}.metric-foot{font-size:8px}.board{margin-top:15px}.board-heading{padding:15px 13px 12px}.board-heading h2{font-size:14px}.board-heading .button{font-size:9px;padding:8px}.controls{padding:0 13px 11px;flex-wrap:wrap}.search{width:100%;max-width:none;flex-basis:100%}.filter-label{flex:1}.filter-label select{flex:1}.showing{font-size:8px}.records{padding:0 7px 7px}.record-head{display:none}.record{grid-template-columns:minmax(130px,1.2fr) minmax(115px,1fr) 28px;gap:7px;padding:10px 5px}.record .customer{display:none}.record .request-cell{grid-column:1/3;grid-row:2;padding-left:44px;margin-top:-4px}.record .status-cell{grid-column:2;grid-row:1;justify-self:start}.record .row-actions{grid-column:3;grid-row:1}.bike-thumb{width:30px;height:30px;flex-basis:30px}.bike-name{font-size:9px}.status-select{font-size:7px;padding:5px 6px}.footer-right{display:none}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.service-options{grid-template-columns:1fr 1fr}.fault-row{grid-template-columns:120px 1fr 25px}dialog form{padding:18px}.dialog-title-row h2{font-size:18px}}
.field-note{font-size:8px;font-weight:400;color:#9a9f94;line-height:1.35}.catalog-credit{margin-left:auto;color:#858a80;text-decoration:none;font-size:8px;letter-spacing:.2px}.catalog-credit:hover{color:#4e652f;text-decoration:underline}
.auth-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f4f5f1}.login-card{width:min(100%,390px);padding:30px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 60px #20291c12}.login-card h1{margin:22px 0 6px;font:700 24px Manrope,sans-serif}.login-card p{margin:0 0 18px;color:#858a80;font-size:12px}.login-card label{display:block;margin:14px 0;color:#555a50;font-size:11px}.login-card input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #e5e7df;border-radius:6px;font:12px 'DM Sans',sans-serif}.login-card .button{width:100%;margin-top:6px}.auth-error{color:#a43131!important;margin:12px 0!important}.logout-button{border:1px solid #e5e7df;border-radius:6px;padding:7px 10px;background:#fff;color:#555a50;font:600 10px 'DM Sans',sans-serif;cursor:pointer}.logout-button[hidden]{display:none}.auth-gate[hidden]{display:none}.local-import-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 14px;padding:14px 16px;border:1px solid #e9ebe5;border-radius:9px;background:#fff}.local-import-banner b{font-size:11px}.local-import-banner p{margin:4px 0 0;color:#858a80;font-size:10px}
/* Larger type for easier reading */
.brand{font-size:22px}.brand small{font-size:9px}.nav-caption,.overline{font-size:11px}.nav-item{font-size:14px}.nav-count{font-size:11px}.side-bottom b{font-size:12px}.side-bottom small{font-size:11px}.crumb{font-size:11px}.date-label{font-size:12px}.profile{font-size:12px}.welcome h1{font-size:32px}.welcome p{font-size:14px}.button{font-size:13px}.metric-label{font-size:12px}.metric-value{font-size:32px}.metric-foot{font-size:11px}.board-heading h2{font-size:18px}.board-heading h2 span{font-size:12px}.search input,.filter-label select{font-size:12px}.filter-label,.showing{font-size:11px}.record-head{font-size:10px}.bike-name{font-size:12px}.bike-plate{font-size:10px}.customer,.date-cell,.request-main{font-size:11px}.request-sub{font-size:10px}.status-select{font-size:10px}.row-actions button{font-size:15px}.empty-state h3{font-size:16px}.empty-state p{font-size:12px}footer{font-size:10px}.footer-right{font-size:9px}.dialog-title-row h2{font-size:22px}.form-section-title b{font-size:13px}.form-section-title small{font-size:11px}.form-grid label,.field-label{font-size:11px}.form-grid input,.form-grid select,.form-grid textarea,.field-label textarea,.fault-row input,.fault-row select{font-size:12px}.service-option{font-size:11px}.field-note{font-size:10px}.fault-heading{font-size:10px}.text-button{font-size:11px}.login-card h1{font-size:27px}.login-card p{font-size:14px}.login-card label{font-size:13px}.login-card input{font-size:14px}.auth-error{font-size:13px}.logout-button{font-size:12px}.local-import-banner b{font-size:13px}.local-import-banner p{font-size:12px}
@media(max-width:720px){.crumb{font-size:9px}.date-label{font-size:10px}.welcome h1{font-size:27px}.welcome p{font-size:13px}.welcome>.button{font-size:11px}.metric-value{font-size:28px}.metric-label{font-size:11px}.metric-foot{font-size:10px}.board-heading h2{font-size:16px}.board-heading .button{font-size:11px}.showing{font-size:10px}.bike-name{font-size:11px}.status-select{font-size:9px}}
/* LXL Motos brand palette */
:root{color:#171719;background:#f5f5f6;--ink:#171719;--muted:#77777e;--line:#e5e5e8;--green:#f23826}
.sidebar{background:#fff;border-right-color:#e5e5e8}.brand{display:block;width:180px;height:64px;margin:0 8px 38px;padding:0}.brand-logo-image{display:block;width:180px;height:64px;object-fit:cover;object-position:center;mix-blend-mode:multiply}
.main-button{background:#f23826;color:#fff;box-shadow:0 3px 8px #f2382625}.main-button:hover{background:#d92d1d}.main-button span{color:#fff}.nav-item.selected{background:#f0f0f2;color:#171719}.nav-active-dot,.status-light{background:#f23826}.status-light{box-shadow:0 0 0 4px #f2382622}.metric-glyph,.metric-bullet{color:#f23826;background:#f23826}.icon-green{background:#fde9e7;color:#d92d1d}.status-select.s-diagnosis{background:#ececef;color:#56565d}.status-select.s-approval{background:#eeedf0;color:#56565d}.status-select.s-parts{background:#e9e9ec;color:#56565d}.status-select.s-repair{background:#fde9e7;color:#b92c20}.status-select.s-ready{background:#fbd8d4;color:#a92419}.status-select.s-rejected{background:#f8e2e0;color:#a92419}.form-section-title>span,.service-option:has(input:checked){background:#f1f1f3;color:#b92c20}.service-option:has(input:checked){border-color:#edaaa3}.service-option input{accent-color:#e53524}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.field-label textarea:focus,.fault-row input:focus{border-color:#ef766a;box-shadow:0 0 0 2px #f2382620}.catalog-credit:hover,.text-button{color:#d92d1d}.brand-logo span,.footer-brand span{color:#f23826}.metric-glyph{color:#f23826;background:transparent}.metric-bullet{background:#f23826}.welcome .overline i{background:#f23826}.icon-blue,.icon-amber,.icon-violet{background:#eeeeef;color:#5d5d64}.bike-thumb,.empty-illustration{background:#efeff1;color:#5d5d64}.brand{height:82px;margin-bottom:22px}.brand-logo-image{height:82px;object-fit:cover;object-position:center}.brand{height:auto;margin:0 8px 20px;overflow:visible}.brand-logo-image{display:block;width:180px;max-width:100%;height:auto;object-fit:contain;object-position:center;mix-blend-mode:multiply}
/* Improve readability of secondary text */
.brand small{font-size:10px;color:#74757b}.nav-caption,.overline{font-size:12px;color:#74757b}.crumb{font-size:12px;color:#73747a}.date-label{font-size:13px;color:#6d6e74}.side-bottom b{font-size:13px}.side-bottom small{font-size:12px;color:#73747a}.welcome p{color:#6d6e74}.metric-label{font-size:13px;color:#686970}.metric-dark .metric-label{color:#e1e1e3}.metric-foot{font-size:12px;color:#707178}.metric-dark .metric-foot{color:#d0d0d3}.board-heading h2 span{font-size:13px;color:#74757b}.filter-label,.showing{font-size:12px;color:#707178}.search input::placeholder{color:#77787e}.record-head{font-size:11px;color:#77787e}.bike-plate,.request-sub{font-size:12px;color:#74757b}.customer,.date-cell,.request-main{font-size:12px}.empty-state p{font-size:13px;color:#72737a}footer{font-size:11px;color:#74757b}.footer-right{font-size:10px}.field-note{font-size:11px;color:#74757b}.form-section-title small{font-size:12px;color:#74757b}.fault-heading{font-size:11px;color:#74757b}.catalog-credit{font-size:10px;color:#707178}.local-import-banner p{font-size:13px;color:#6d6e74}
@media(max-width:720px){.crumb{font-size:10px}.date-label{font-size:11px}.metric-label{font-size:12px}.metric-foot{font-size:11px}.showing{font-size:11px}.record-head{font-size:10px}.bike-plate,.request-sub{font-size:11px}.customer,.date-cell,.request-main{font-size:11px}.empty-state p{font-size:12px}.field-note{font-size:11px}.catalog-credit{font-size:10px}}
/* Centered LXL Motos login header */
.login-brand{display:block;width:min(100%,240px);height:90px;margin:0 auto 8px;object-fit:cover;object-position:center;mix-blend-mode:multiply}.login-card h1{margin:8px 0 6px;text-align:center}.login-card>p:not(.auth-error){text-align:center}.login-brand{height:125px}