:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#101b2c;background:#fafbfd;font-synthesis:none;font-size:15px;--navy:#0d1c2e;--red:#df080d;--border:#e0e5ec;--muted:#657287}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2b8fff;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}button{border:1px solid var(--red);border-radius:8px;background:linear-gradient(#ed1117,#cf0005);color:#fff;min-height:38px;padding:8px 16px;font-weight:650;box-shadow:0 2px 3px #c3000010}button.secondary{background:#fff;color:#c9090e;border-color:#e0e5ec;box-shadow:none}a{color:#c9090e}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.18;letter-spacing:-1.15px;font-weight:750}h2{font-size:22px;letter-spacing:-.6px}h3{font-size:18px}p{line-height:1.6}svg{flex-shrink:0}.workspace{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:274px;background-color:var(--navy);color:#fff;display:flex;flex-direction:column;z-index:30;isolation:isolate}.sidebar:before,.auth-brand:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b192dfc,#0b192df5 38%,#0b192db0 65%,#0b192d55),url(/brand/motorway.jpg) center bottom/cover no-repeat;z-index:-1}.sidebar-brand{display:flex;flex-direction:column;align-items:center;gap:13px;padding:25px 20px 30px}.logo-window{width:224px;height:81px;overflow:hidden;background:#fff;border-radius:6px;position:relative;flex-shrink:0}.logo-window img{position:absolute;width:382px;height:382px;max-width:none;left:-80px;top:-151px}.brand-pill{border-radius:30px;color:#fff;background:var(--red);font-size:17px;font-weight:700;padding:7px 19px;display:inline-block}.sidebar nav{padding:0 9px;display:flex;flex-direction:column;gap:7px}.sidebar nav button{background:transparent;border-color:transparent;box-shadow:none;display:flex;text-align:left;align-items:center;gap:15px;min-height:51px;padding:11px 15px;border-radius:9px;font-weight:520;font-size:17px;white-space:nowrap;color:#f7f9fc}.sidebar nav button:hover{background:#ffffff12}.sidebar nav button[aria-current=page]{background:linear-gradient(120deg,#ed1217,#d00006);border-color:#f12b2e;box-shadow:0 4px 10px #00000015;font-weight:650}.nav-count{margin-left:auto;background:#df080d;border-radius:9px;min-width:27px;text-align:center;font-size:14px;padding:3px 6px}.sidebar nav button[aria-current] .nav-count{background:#ffffff25}.sidebar-footer{margin-top:auto;padding:24px;font-size:12px;color:#c5d0dd;line-height:1.7}.sidebar-footer>span:last-child{display:block;padding-left:13px;opacity:.65}.online-dot,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#18b85a;margin-right:6px}.workspace-body{margin-left:274px}.dashboard-header{min-height:97px;padding:18px 29px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff}.header-title p{color:var(--muted);font-size:17px;margin-top:2px}.header-tools{display:flex;align-items:center;gap:18px}.icon-button{background:#fff;color:#101b2c;border:1px solid #edf0f4;border-radius:50%;width:48px;height:48px;padding:12px;box-shadow:0 2px 4px #10243a06;display:flex;align-items:center;justify-content:center}.notification-button{position:relative}.notification-button i{position:absolute;right:10px;top:7px;width:10px;height:10px;background:var(--red);border-radius:50%;border:1px solid white}.profile{display:flex;align-items:center;gap:12px}.profile div{display:flex;flex-direction:column;gap:4px}.profile strong{font-size:16px}.profile div span{font-size:14px;color:var(--muted)}.avatar{width:50px;height:50px;display:grid;place-items:center;background:#db090e;color:#fff;border-radius:50%;font-size:20px;font-weight:700}.sign-out{background:transparent;color:#59687b;border:0;box-shadow:none;font-size:12px;padding:6px;min-height:38px}.mobile-menu{display:none}.workspace-main{padding:21px 23px 30px;max-width:1800px;margin:auto}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;margin-bottom:27px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:0 2px 4px #12345603;min-height:139px;display:flex;align-items:flex-start;gap:20px;text-align:left;color:#0d1420;padding:19px 20px;font-weight:500}.stat-card.red{background:linear-gradient(135deg,snow,#fff5f5);border-color:#f9dedf;--tone:#df080d;--bubble:#fde4e5}.stat-card.blue{background:linear-gradient(135deg,#fbfdff,#f0f7ff);border-color:#dbe8fa;--tone:#007dff;--bubble:#e0efff}.stat-card.orange{background:linear-gradient(135deg,#fffdfa,#fff8f3);border-color:#fae5d8;--tone:#fb7614;--bubble:#fff0df}.stat-card.green{background:linear-gradient(135deg,#f8fefa,#f0fcf5);border-color:#d8efdf;--tone:#00a33b;--bubble:#e0f8e9}.stat-icon{border-radius:50%;background:var(--bubble);color:var(--tone);display:grid;place-items:center;width:64px;height:64px;flex-shrink:0}.stat-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.stat-copy>strong{font-size:38px;line-height:1.1;letter-spacing:-1px;font-weight:750}.stat-copy>span{font-size:16px;line-height:1.3;white-space:nowrap}.stat-copy small{font-size:11px;margin-top:6px;color:#128e38;font-weight:650;background:#e9f9ed;border-radius:20px;padding:4px 7px;align-self:flex-start}.stat-card.orange small{background:#fff0e5;color:#b65a10}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.98fr) minmax(290px,1fr);gap:23px;margin-bottom:22px}.panel{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 5px #0d1c2e06;overflow:hidden;margin:0}.panel-heading{min-height:65px;padding:18px 21px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading h2{display:flex;align-items:center;gap:12px;white-space:nowrap}.panel-heading h2 svg{color:var(--red);width:26px;height:26px}.text-button{display:flex;align-items:center;gap:8px;background:transparent;color:#d0050a;border:0;box-shadow:none;padding:3px;min-height:30px;white-space:nowrap;font-size:14px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;background:#f5f7fa;font-weight:650;color:#18243a;padding:13px 20px;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;white-space:nowrap}td{padding:14px 20px;border-bottom:1px solid #edf0f5;white-space:nowrap}td strong{font-size:14px}td button{min-height:33px;padding:5px 13px;font-size:13px}.source-chip{color:#245c9b;background:#edf5ff;border-radius:5px;padding:4px 7px;font-size:11px}.dashboard-right{display:flex;flex-direction:column;gap:21px}.review-list{padding:0 20px 17px}.review-list button{display:flex;align-items:center;gap:12px;padding:6px 0;background:#fff;color:#18202b;border:0;box-shadow:none;width:100%;text-align:left;min-height:38px;font-weight:500}.review-square{width:20px;height:20px;border:1.5px solid #dce1e8;border-radius:5px;flex-shrink:0}.review-list b{margin-left:auto;border-radius:20px;min-width:37px;padding:3px 10px;background:#ffebec;color:#d7090f;text-align:center}.alert-preview{padding:0 13px 13px;display:grid;gap:7px}.alert-preview button{display:flex;align-items:center;gap:9px;background:#fff4e1;color:#624310;border:0;box-shadow:none;font-size:13px;text-align:left}.alert-preview button span{flex:1}.alert-preview button+button{background:#edf5ff;color:#225587}.alerts-empty{display:flex;align-items:center;justify-content:center;color:#69778a;font-size:13px;min-height:72px;padding:10px}.empty-state{min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px 24px;gap:10px;color:#8391a3}.empty-state svg{color:#c0ccda}.empty-state h3{color:#26384f;font-size:18px}.empty-state p{font-size:13px;max-width:320px}.empty-state button{margin-top:6px}.quick-panel .panel-heading{padding-bottom:14px;min-height:61px}.quick-actions{padding:0 14px 14px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.quick-actions button{min-height:94px;background:#fff;border-color:#dce2e9;color:#111c2d;box-shadow:0 1px 2px #00000004;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-weight:650;padding:12px 8px}.quick-actions svg{color:#df080d}.quick-actions .primary-action{background:linear-gradient(#ed1117,#d70006);color:#fff;border-color:#db0006}.quick-actions .primary-action svg{color:#fff}.quick-actions button:hover,.stat-card:hover{filter:brightness(.98)}.device-settings{margin-top:25px;color:#738096;font-size:12px;border-top:1px solid #e7ebf1;padding-top:16px}.device-settings summary{cursor:pointer}.device-settings p{margin:12px 0;max-width:700px}.device-settings button{font-size:12px}.workspace-main>article,.workspace-main>section:not(.panel),.workspace-main>form{background:#fff;border:1px solid var(--border);border-radius:13px;padding:23px;margin:0 0 20px;box-shadow:0 2px 4px #10243a03}.workspace-main article:not(.stat-card){margin:15px 0;border:1px solid #e0e6ee;border-radius:12px;padding:20px;background:#fff}.workspace-main article h3{margin-bottom:8px}.workspace-main article p{color:#5c6a7c;font-size:14px;margin:8px 0;overflow-wrap:anywhere}.workspace-main article button+button{margin-left:7px}.workspace-main>form h3{margin-bottom:18px}label{display:block;font-size:13px;font-weight:600;color:#49566a;margin:12px 0}input:not([type=checkbox]),select,textarea{display:block;width:100%;min-height:42px;padding:9px 12px;border:1px solid #d9e0e9;border-radius:7px;font:inherit;background:#fff;color:#18263b;margin-top:6px}input:focus,select:focus,textarea:focus{outline:2px solid #bfdcff;border-color:#69a9ed}input[type=checkbox]{accent-color:var(--red);margin-right:8px}textarea{min-height:90px}fieldset{border:1px solid #e0e6ee;border-radius:8px;display:flex;gap:20px;flex-wrap:wrap}.inline{display:flex;flex-wrap:wrap;gap:15px;align-items:end}.inline>label{flex:1 1 140px}.inline button{margin-bottom:12px}.filter-bar{display:flex;gap:16px;background:#fff;border:1px solid var(--border);border-radius:11px;padding:5px 20px;margin-bottom:20px}.filter-bar label{min-width:200px}.customer-form{scroll-margin-top:20px}.upload{display:block;background:#eff6ff;border:1px dashed #9bbce2;padding:18px;border-radius:10px;margin-bottom:20px}.ocr{max-width:100%;max-height:350px;object-fit:contain;display:block;margin-bottom:15px}.highlight{outline:3px solid #77b0fa}.notice{background:#edf5ff;border:1px solid #d0e4fc;color:#214a76;border-radius:9px;padding:13px 18px;margin-bottom:20px;line-height:1.5}.auth-shell{min-height:100vh;display:grid;grid-template-columns:38% 1fr}.auth-brand{background:#0d1c2e;color:#fff;position:relative;isolation:isolate;padding:60px 40px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.auth-brand h2{font-size:42px;margin-top:65px;line-height:1.2}.auth-brand p{color:#b9c7d7;max-width:260px}.auth-main{align-self:center;width:min(480px,100%);padding:30px;margin:auto}.auth-main h1{margin-bottom:15px}.auth-main p{color:#6b788b;margin-bottom:22px}.auth-main form>button{margin-top:15px}.auth-main form>button+button{margin-left:7px}.drawer-scrim{display:none}@media(min-width:1700px){.stat-card{gap:25px}.stat-copy>span{font-size:18px}.stat-copy small{font-size:12px}table{font-size:14px}}@media(max-width:1380px){.sidebar{width:245px}.workspace-body{margin-left:245px}.sidebar nav button{font-size:15px;gap:12px}.sidebar-brand{padding:23px 10px 29px}.logo-window{transform:scale(.93);margin:-3px}.workspace-main{padding:20px}.stat-grid{gap:14px}.stat-card{padding:17px 14px;gap:11px}.stat-icon{width:49px;height:49px}.stat-copy>strong{font-size:33px}.stat-copy>span{font-size:14px}.stat-copy small{font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:18px}.panel-heading{padding:17px}.panel-heading h2{font-size:20px}.quick-actions{gap:10px;font-size:13px}th,td{padding:13px}.dashboard-header{padding:18px 23px}.header-tools{gap:12px}}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:20px;gap:20px;min-height:126px}.stat-copy>span{font-size:16px}.stat-copy small{font-size:11px}.dashboard-grid{grid-template-columns:1fr}.dashboard-right{display:grid;grid-template-columns:1fr 1fr;align-items:start}.empty-state{min-height:240px}.profile div{display:none}.quick-actions{grid-template-columns:repeat(3,1fr)}.dashboard-header h1{font-size:28px}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .18s;width:274px}.sidebar.is-open{transform:translate(0)}.workspace-body{margin-left:0}.mobile-menu{display:flex;width:40px;height:40px;flex-shrink:0}.dashboard-header{padding:15px;gap:12px;min-height:86px}.dashboard-header h1{font-size:24px;letter-spacing:-.7px}.header-title{flex:1;min-width:0}.header-title p{font-size:12px}.profile{display:none}.header-tools{gap:7px}.header-tools .icon-button{width:39px;height:39px}.sign-out{font-size:10px}.workspace-main{padding:16px}.stat-grid{gap:12px;margin-bottom:18px}.stat-card{padding:16px 12px;gap:10px;min-height:133px}.stat-icon{width:37px;height:37px}.stat-icon svg{width:22px;height:22px}.stat-copy>strong{font-size:31px}.stat-copy>span{font-size:13px;white-space:normal}.stat-copy small{font-size:10px;padding:3px 5px}.dashboard-grid{gap:16px;margin-bottom:16px}.dashboard-right{grid-template-columns:1fr;gap:16px}.panel-heading{padding:16px}.panel-heading h2{font-size:19px;gap:9px}.quick-actions{grid-template-columns:repeat(2,1fr)}.quick-actions button:last-child{grid-column:1/-1}.text-button{font-size:12px}.drawer-scrim{display:block;position:fixed;inset:0;background:#07132180;z-index:29;border:0;border-radius:0}.filter-bar{flex-wrap:wrap;gap:0}.filter-bar label{min-width:0;width:100%}.inline>label{flex-basis:100%}.workspace-main>form{padding:18px}.auth-shell{grid-template-columns:1fr}.auth-brand{padding:22px;align-items:center}.auth-brand h2,.auth-brand p{display:none}.auth-main{padding:25px;margin:25px auto}.sidebar-footer{padding-top:40px}}.preview-note{font-size:11px;color:#738096;margin-bottom:15px}.enquiry-form-heading{background:#fff;border:1px solid var(--border);border-radius:13px;margin-bottom:16px;flex-wrap:wrap}.customer-form[hidden]{display:none}.customer-form-heading{display:flex;justify-content:space-between;align-items:start;gap:14px;flex-wrap:wrap}.customer-form-heading h3{flex:1}.customer-form-heading button{flex-shrink:0}.customer-form>.compact-hint{margin-top:12px}@media(max-width:760px){.enquiry-form-heading{padding:16px}.enquiry-form-heading>button{width:100%}.customer-form-heading h3{min-width:150px}.customer-form-heading button{font-size:12px}}.collapsible-panel>.panel-heading{flex-wrap:wrap}.collapsible-panel>.panel-heading h2{white-space:normal}.collapsible-panel>div[hidden]{display:none}.confirmed-panel>.collapsible-panel{border-left:0;border-right:0;border-radius:0;box-shadow:none}.collapsible-panel .assignment-details p{white-space:normal;overflow-wrap:anywhere}@media(max-width:760px){.collapsible-panel>.panel-heading{align-items:flex-start}.collapsible-panel>.panel-heading button{max-width:100%;white-space:normal}}.confirmed-panel .panel-heading{flex-wrap:wrap}.compact-hint{font-size:12px;color:#65758b;margin:7px 0}.confirmed-filters{display:flex;flex-wrap:wrap;gap:14px;padding:0 20px 12px}.confirmed-filters label{flex:1 1 170px;margin:0}.confirmed-filters label:first-child{flex-grow:2}.customer-subline{display:block;font-size:11px;color:#65758b;margin-top:5px}.customer-actions{display:flex;gap:6px;flex-wrap:wrap}.customer-actions button{min-height:36px}.deletion-note,.empty-customers{padding:8px 20px}.customer-detail-panel{margin:16px;padding:18px;border:1px solid var(--border);border-radius:10px;overflow-wrap:anywhere}.customer-detail-panel>.panel-heading{padding:0 0 12px;min-height:0}.customer-detail-panel>p{font-size:14px;color:#5c6a7c}.confirmed-panel td{vertical-align:top}.confirmed-panel .assignment-details{min-width:150px}.confirmed-panel td:first-child{white-space:normal;min-width:170px}@media(max-width:760px){.confirmed-filters{padding:0 14px 12px}.confirmed-filters label{flex-basis:100%}.confirmed-panel .panel-heading>button{width:100%}.customer-detail-panel{margin:12px;padding:14px}}.customer-panel-heading{flex-wrap:wrap;gap:12px}.customer-tabs{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.customer-tabs [role=tab]{display:flex;align-items:center;gap:8px;background:transparent;border:0;border-bottom:3px solid transparent;border-radius:6px 6px 0 0;box-shadow:none;color:#5c6a7c;padding:10px 9px;font-size:15px;min-height:44px}.customer-tabs [role=tab][aria-selected=true]{color:var(--red);background:#fff1f2;border-bottom-color:var(--red);font-weight:700}.customer-tabs [role=tab]:focus-visible{outline:2px solid #69a9ed;outline-offset:2px}.customer-tabs svg{width:20px;height:20px;flex-shrink:0}.recent-panel [role=tabpanel][hidden]{display:none}@media(max-width:760px){.customer-tabs{width:100%;gap:3px}.customer-tabs [role=tab]{font-size:12px;padding:10px 6px;gap:5px;flex:1}.customer-tabs svg{width:17px;height:17px}}.assignment-details{max-width:300px;white-space:normal;font-size:13px}.assignment-details summary{cursor:pointer;min-height:36px;padding:8px 0;overflow-wrap:anywhere}.assignment-name{color:#165eac;text-decoration:underline;text-underline-offset:3px;font-weight:650}.assignment-state{color:#5c6a7c}.assignment-details summary:focus-visible{outline:2px solid #69a9ed;outline-offset:3px;border-radius:3px}.assignment-content{min-width:190px;max-width:100%;padding:12px;background:#f5f8fc;border:1px solid #dce5ef;border-radius:8px;overflow-wrap:anywhere}.assignment-content p{margin:8px 0}.assignment-content h4{margin:14px 0 8px}.assignment-content ol{padding-left:19px;margin:0}.assignment-content li{margin:0 0 12px}.assignment-content li span{display:block;margin-top:5px}.customer-assignment{margin:14px 0}.customer-assignment>strong{font-size:13px}.recent-panel td{vertical-align:top}.recent-panel .assignment-details{min-width:150px}.table-scroll:focus-visible{outline:2px solid #69a9ed;outline-offset:-2px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}