:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1b2835;background:#f5f7f9;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:#fff;border:1px solid #dce4ea;border-radius:16px;width:min(100%,440px);padding:32px;box-shadow:0 12px 36px #102a4310}.brand{color:#075a66;letter-spacing:.08em;margin:0 0 24px;font-size:1.15rem;font-weight:800}h1{margin:0 0 8px;font-size:1.7rem}p{line-height:1.5}.muted{color:#657786;margin:0 0 24px}label{margin:16px 0 6px;font-weight:600;display:block}input,select{color:#1b2835;background:#fff;border:1px solid #b9c8d3;border-radius:8px;width:100%;padding:12px 13px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #167c8a}.primary{color:#fff;background:#075a66;border:0;border-radius:8px;width:100%;margin-top:24px;padding:13px;font-weight:700}.primary:disabled{opacity:.6;cursor:wait}.secondary{color:#1b2835;background:#fff;border:1px solid #9db2be;border-radius:8px;padding:10px 14px}.error{color:#8b1c1c;background:#fff0f0;border:1px solid #f5c8c8;border-radius:8px;margin-top:18px;padding:10px 12px}.link{color:#075a66;font-weight:600}.dashboard{align-self:start;width:min(100%,900px);margin-top:7vh}.dashboard-head{justify-content:space-between;align-items:start;gap:20px;display:flex}.note{background:#e7f3f4;border-left:4px solid #167c8a;border-radius:6px;margin-top:24px;padding:18px 20px}.dashboard-link{width:auto;margin-top:4px;text-decoration:none;display:inline-block}.secondary-link{margin-left:10px}.registrations-shell{display:block}.registrations{width:min(100%,1120px);margin:4vh auto}.registrations-head{margin-bottom:20px}.registrations-head .brand{margin-bottom:10px}.text-button{white-space:nowrap;text-decoration:none;display:inline-block}.tabs{border-bottom:1px solid #cbd8df;flex-wrap:wrap;gap:8px;display:flex}.tab{color:#435969;background:0 0;border:0;border-bottom:3px solid #0000;padding:12px 16px;font-weight:700}.tab.active{color:#075a66;border-bottom-color:#075a66}.registration-section{padding:24px 0}.section-heading h2{margin:0 0 6px}.section-heading p{color:#526675;margin:0 0 24px}.registration-form{background:#fff;border:1px solid #dce4ea;border-radius:12px;margin-bottom:22px;padding:22px}.registration-form h3{margin:0 0 8px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;display:grid}.form-actions{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.primary.compact{width:auto}.records{gap:10px;display:grid}.record{background:#fff;border:1px solid #dce4ea;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.record p{color:#526675;margin:5px 0}.record small{color:#667987}.record-details{flex:1;min-width:0}.preflight-result{background:#f4f7f7;border-radius:8px;margin-top:14px;padding:12px 14px}.preflight-result strong{margin-top:8px;display:block}.preflight-result strong:first-child{margin-top:0}.preflight-result ul{margin:6px 0 12px;padding-left:20px}.preflight-result li{margin:4px 0}.record-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.badge{color:#176142;background:#e7f6ee;border-radius:999px;padding:4px 10px;font-size:.85rem}.badge.inactive{color:#704b11;background:#fff2d9}.link-button{color:#075a66;background:0 0;border:0;padding:5px;font-weight:700;text-decoration:underline}.success{color:#176142;background:#e7f6ee;border:1px solid #b8dec9;border-radius:8px;padding:10px 12px}.search-line{gap:8px;margin-bottom:8px;display:flex}.search-line .secondary{flex:none}.registration-form small{color:#657786;margin-top:5px;display:block}.vehicle-options{flex-wrap:wrap;gap:8px;display:flex}.check-option{border:1px solid #cbd8df;border-radius:8px;align-items:center;gap:8px;margin:4px 0 12px;padding:10px 12px;font-weight:500;display:inline-flex}.check-option input{width:auto;margin:0}@media (max-width:650px){.form-grid{grid-template-columns:1fr}.record,.dashboard-head{flex-direction:column;align-items:start}.record-actions{width:100%}.secondary-link{margin-left:0}}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#12223a;--navy:#0b1f3a;--navy-soft:#153456;--blue:#0b5ed7;--blue-hover:#0849ad;--surface:#fff;--canvas:#f3f7fc;--border:#dce6f1;--muted:#5f7085;--red:#b42318;--orange:#9a5b00;--green:#177245;background:#f3f7fc;font-family:Segoe UI,Inter,Arial,sans-serif}body{background:var(--canvas);color:#12223a}h1,h2,h3,h4{color:#132d4d;letter-spacing:-.025em}h1{font-size:clamp(1.75rem,2.2vw,2.25rem);line-height:1.16}h2{font-size:1.35rem}button,input,select{font-family:inherit}button{transition:background-color .16s,border-color .16s,transform .16s}button:not(:disabled):active{transform:translateY(1px)}input,select{color:#18324f;background:#fff;border:1px solid #b9c8db;border-radius:9px;min-height:44px;padding:10px 13px}input:hover,select:hover{border-color:#8ca6c4}input:focus,select:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #76a8f3}label{color:#243e5c;margin:17px 0 7px;font-size:.88rem;font-weight:700}.muted{color:var(--muted)}.primary{background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:9px;min-height:43px;margin-top:0;padding:10px 17px;font-weight:700;box-shadow:0 5px 13px #0b5ed71b}.primary:not(:disabled):hover{background:var(--blue-hover);border-color:var(--blue-hover)}.primary:disabled{cursor:not-allowed;opacity:.55}.secondary{color:#23425f;background:#fff;border:1px solid #c4d3e3;border-radius:9px;min-height:42px;font-weight:650}.secondary:not(:disabled):hover{background:#eef5fd;border-color:#9bb9dc}.link,.link-button{color:#0955bd}.link-button{border-radius:7px;padding:7px 9px;text-decoration:none}.link-button:hover{background:#edf4ff;text-decoration:underline}.error{color:#9c241d;background:#fff2f1;border:1px solid #f0cbc7;border-radius:9px}.success{color:#17633e;background:#e9f7ef;border:1px solid #b9dec9;border-radius:9px}.auth-shell{background:#fff;grid-template-columns:minmax(420px,42%) minmax(0,58%);min-height:100vh;display:grid}.auth-panel{background:#fff;flex-direction:column;min-height:100vh;padding:clamp(28px,4vw,64px);display:flex}.auth-brand{color:var(--navy)}.auth-brand .brand-copy strong{font-size:1.48rem}.auth-brand .brand-copy>span{color:#52677f;font-size:.8rem}.auth-content{width:min(100%,398px);margin:auto;padding:42px 0 60px}.auth-eyebrow{color:#0b5ed7;letter-spacing:.12em;text-transform:uppercase;margin:0 0 13px;font-size:.76rem;font-weight:800}.auth-content h1{margin-bottom:12px;font-size:clamp(2rem,3vw,2.4rem)}.auth-content .muted{margin-bottom:31px}.auth-content label{margin-top:20px}.auth-content input{min-height:48px}.auth-content .primary{width:100%;min-height:49px;margin-top:24px;font-size:1rem}.auth-help{color:#63748a;margin:25px 0 0;font-size:.88rem}.auth-footer{color:#78899b;font-size:.78rem}.auth-visual{background:#0c2746 url(/images/login-truck.webp) 50% 57%/cover no-repeat;min-height:100vh;position:relative;overflow:hidden}.auth-visual:after{content:"";background:linear-gradient(#061a31aa 0%,#061a3112 43%,#051729c4 100%);position:absolute;inset:0}.auth-visual-copy{z-index:1;color:#fff;position:absolute;top:clamp(35px,5vw,76px);left:clamp(30px,5vw,80px);right:35px}.auth-visual-copy span{letter-spacing:.15em;color:#b9dcff;font-size:.78rem;font-weight:800}.auth-visual-copy h2{color:#fff;text-shadow:0 3px 15px #03112085;max-width:520px;margin:14px 0;font-size:clamp(2rem,3.2vw,3.35rem);line-height:1.08}.auth-visual-copy p{color:#e0edfb;max-width:490px;font-size:1rem}.auth-visual-foot{z-index:1;color:#d9e9fa;font-size:.82rem;position:absolute;bottom:31px;left:clamp(30px,5vw,80px)}.setup-shell{background:radial-gradient(circle at 80% 5%,#d4e7ff 0%,#f3f7fc 35% 100%)}.setup-card{border-color:#cfdfed;box-shadow:0 20px 55px #12345b17}.setup-brand{margin-bottom:24px}.setup-card .primary{width:100%;margin-top:24px}.app-shell{grid-template-columns:clamp(240px,21vw,300px) minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{color:#e7f2ff;background:linear-gradient(175deg,#0b1f3a 0%,#0c294b 60%,#0a203d 100%);flex-direction:column;height:100vh;padding:25px 15px 16px;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:5px 0 25px #0b25401a}.sidebar-brand{padding:1px 10px 24px}.brand-identity{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#2f91ef,#0b5ed7);border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 5px 16px #0a5fd668}.brand-mark svg{width:34px;height:34px}.brand-copy{min-width:0;line-height:1.15;display:block}.brand-copy strong,.brand-copy>span{display:block}.brand-copy strong{letter-spacing:.01em;white-space:nowrap;font-size:1.15rem}.brand-copy>span{letter-spacing:.01em;white-space:nowrap;margin-top:4px;font-size:.69rem}.sidebar-brand .brand-copy>span{color:#98b8da}.sidebar-organization{background:#ffffff12;border:1px solid #ffffff1b;border-radius:10px;margin:2px 9px 19px;padding:13px 14px}.sidebar-organization span{color:#99b9dd;letter-spacing:.13em;margin-bottom:4px;font-size:.65rem;font-weight:800;display:block}.sidebar-organization strong{color:#f0f7ff;overflow-wrap:anywhere;font-size:.83rem;font-weight:700;line-height:1.35;display:block}.sidebar-nav{flex:1;align-content:start;gap:4px;display:grid}.nav-group{gap:3px;display:grid}.nav-main{color:#bcd2e9;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;min-height:43px;padding:9px 14px;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}.nav-main svg,.sidebar-logout svg{flex:none;width:19px;height:19px}.nav-main:hover,.nav-main.section-active{color:#fff;background:#ffffff0d}.nav-main.active{color:#fff;background:#2d72c9;box-shadow:0 4px 12px #061c3780}.nav-parent{cursor:pointer}.nav-chevron{margin-left:auto;font-size:1.25rem;line-height:1;transition:transform .18s;transform:rotate(-90deg)}.nav-chevron.open{transform:rotate(0)}.nav-children{border-left:1px solid #6386a75c;margin:0 0 8px 23px;padding-left:15px;display:grid}.nav-child{color:#aac4de;border-radius:7px;padding:9px 10px;font-size:.84rem;line-height:1.3;text-decoration:none;display:block}.nav-child:hover{color:#fff;background:#ffffff0d}.nav-child.active{color:#fff;background:#ffffff1a;font-weight:750}.sidebar-bottom{border-top:1px solid #ffffff24;padding:15px 10px 0}.sidebar-user{align-items:center;gap:10px;min-width:0;display:flex}.user-avatar{color:#fff;background:#477ab3;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.sidebar-user strong,.sidebar-user small{white-space:nowrap;text-overflow:ellipsis;max-width:170px;display:block;overflow:hidden}.sidebar-user strong{font-size:.82rem}.sidebar-user small{color:#aac4de;margin-top:2px;font-size:.72rem}.sidebar-logout{color:#bcd2e9;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;margin-top:9px;padding:10px 0;font-size:.8rem;display:flex}.sidebar-logout:hover{color:#fff}.app-workspace{background:var(--canvas);min-width:0}.workspace-topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:20px;height:70px;padding:0 clamp(22px,3vw,45px);display:flex}.workspace-location{color:#7990a7;align-items:center;gap:11px;font-size:.85rem;display:flex}.workspace-location strong{color:#2a4663}.environment-badge{color:#185089;white-space:nowrap;background:#eef6ff;border:1px solid #bdd5f0;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:.75rem;font-weight:800;display:inline-flex}.environment-dot{background:#287bd3;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #cce2fa}.workspace-content{max-width:1560px;margin:0 auto;padding:clamp(20px,3vw,42px)}.mobile-menu-button,.sidebar-scrim{display:none}.mobile-menu-button{border:1px solid var(--border);width:40px;height:40px;color:var(--navy);background:#fff;border-radius:8px;justify-content:center;align-items:center}.mobile-menu-button svg{width:20px;height:20px}.app-shell .shell{min-height:0;padding:0;display:block}.app-shell .registrations,.app-shell .dashboard{width:100%;max-width:none;margin:0}.app-shell .brand{display:none}.dashboard-head,.registrations-head{justify-content:space-between;align-items:flex-start;gap:18px;margin:0 0 22px;display:flex}.dashboard-head h1,.registrations-head h1{margin:0 0 7px}.dashboard-head .muted,.registrations-head .muted{margin:0}.note{color:#23425f;background:#eaf3ff;border-left:4px solid #3882dd;border-radius:10px;margin:20px 0 24px;padding:17px 20px}.note p{margin:5px 0 0}.note strong{color:#153d69}.dashboard-link{margin-top:0}.secondary-link{margin-left:0}.dashboard-intro{color:#5e7188;max-width:700px;margin:0 0 25px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:23px 0 28px;display:grid}.metric-card{border:1px solid var(--border);background:#fff;border-radius:13px;padding:21px 23px;box-shadow:0 8px 25px #12345b08}.metric-card span{color:#60758d;font-size:.82rem;font-weight:700;display:block}.metric-card strong{color:#143a68;margin-top:10px;font-size:2rem;line-height:1;display:block}.metric-card.attention strong{color:var(--orange)}.metric-card.accepted strong{color:var(--green)}.dashboard-actions{flex-wrap:wrap;gap:11px;margin:22px 0 28px;display:flex}.dashboard-panel{border:1px solid var(--border);background:#fff;border-radius:13px;padding:24px}.dashboard-panel h2{margin:0 0 10px}.dashboard-panel p{color:#5e7188;margin:0 0 15px}.dashboard-panel-links{flex-wrap:wrap;gap:10px;display:flex}.registration-section{padding:10px 0 20px}.section-heading h2{margin:0 0 5px}.section-heading p{color:#667a8e;margin:0 0 19px}.registration-form{border:1px solid var(--border);background:#fff;border-radius:13px;padding:clamp(20px,2.5vw,32px);box-shadow:0 8px 25px #12345b08}.registration-form h3{border-top:1px solid #e7eef6;margin:28px 0 9px;padding-top:25px;font-size:1.03rem}.registration-form h3:first-child{border-top:0;margin-top:0;padding-top:0}.registration-form h4{margin:0;font-size:1rem}.form-grid{gap:0 22px}.form-actions{border-top:1px solid #e7eef6;align-items:center;margin-top:23px;padding-top:21px}.registration-form small{color:#6a7c90}.registration-form .registration-section{background:#f8fbff;border:1px solid #e5edf6;border-radius:10px;margin-top:13px;padding:18px 20px}.vehicle-options{gap:8px}.check-option{background:#f8fbff;border-color:#d2e0ee;font-size:.88rem}.check-option:has(input:checked){background:#eaf3ff;border-color:#7faee7}.search-line{align-items:stretch}.search-line .secondary{min-height:44px}.records{gap:12px}.record{border:1px solid var(--border);border-radius:12px;align-items:flex-start;padding:20px 22px;box-shadow:0 5px 18px #12345b07}.record p{color:#5b7086}.record strong{color:#1c3958}.record small{color:#74869a;margin-top:7px;display:block}.record-actions{justify-content:flex-end;gap:6px;max-width:325px}.badge{font-weight:750}.badge.inactive{color:#875609;background:#fff1d6}.badge.status-accepted{color:#13683d;background:#e6f6ec}.badge.status-sending{color:#18599b;background:#e7f2ff}.badge.status-unknown{color:#8b5100;background:#fff0dd}.badge.status-draft{color:#355471;background:#eaf1f8}.preflight-result{background:#f3f7fc;border:1px solid #e2eaf3}.tabs{border-bottom-color:#d8e4ef;margin-bottom:18px}.tab{color:#5c7085}.tab.active{border-bottom-color:var(--blue);color:var(--blue)}.operation-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:19px;display:flex}.operation-filter{background:#eaf0f7;border:1px solid #dce6f1;border-radius:10px;flex-wrap:wrap;gap:5px;padding:4px;display:inline-flex}.operation-filter button{color:#45617e;background:0 0;border:0;border-radius:7px;padding:8px 12px;font-size:.82rem;font-weight:700}.operation-filter button.active{color:#0b55b5;background:#fff;box-shadow:0 2px 7px #12345b17}.operation-record .record-details>strong{font-size:1.02rem}.operation-record .record-actions .primary{margin-top:6px}.ciot-number-button{color:#075a3b;font:inherit;text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline;display:inline}.ciot-number-button:hover{color:#063e2a}.ciot-dialog{color:#18324f;background:#fff;border:1px solid #c9d8e7;border-radius:16px;width:min(850px,100vw - 32px);max-height:min(85vh,900px);padding:0;box-shadow:0 24px 80px #061a3166}.ciot-dialog[open]{flex-direction:column;display:flex}.ciot-dialog::backdrop{background:#07182caa}.ciot-dialog-heading{justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 10px;display:flex}.ciot-dialog-heading h2{margin:6px 0 0}.ciot-dialog-eyebrow{color:#0b5ed7;letter-spacing:.1em;text-transform:uppercase;font-size:.73rem;font-weight:800}.ciot-dialog-close{color:#254766;background:#edf3f9;border:0;border-radius:8px;flex:none;width:34px;height:34px;font-size:1.5rem;line-height:1}.ciot-dialog-close:hover{background:#dceaf8}.ciot-dialog-note{color:#355b7d;background:#eef6ff;border-radius:8px;margin:0 28px 12px;padding:10px 12px;font-size:.85rem}.ciot-dialog-content{min-height:0;padding:0 28px 20px;overflow-y:auto}.ciot-dialog-content section{border-bottom:1px solid #e0e8f1;padding:17px 0}.ciot-dialog-content section:last-child{border-bottom:0}.ciot-dialog-content h3{margin:0 0 13px;font-size:1rem}.ciot-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 22px;margin:0;display:grid}.ciot-detail-grid div{overflow-wrap:anywhere;min-width:0}.ciot-detail-grid dt{color:#65798d;margin-bottom:3px;font-size:.76rem;font-weight:700}.ciot-detail-grid dd{color:#193955;margin:0;font-size:.91rem}.ciot-payment{background:#f8fbfe;border:1px solid #e0e9f2;border-radius:10px;padding:14px}.ciot-payment+.ciot-payment{margin-top:10px}.ciot-payment>strong{margin-bottom:11px;display:block}.ciot-dialog-footer{border-top:1px solid #e0e8f1;justify-content:flex-end;padding:16px 28px;display:flex}@media (max-width:1100px){.record{flex-direction:column}.record-actions{justify-content:flex-start;width:100%;max-width:none}}@media (max-width:900px){.app-shell{display:block}.app-sidebar{z-index:50;width:min(300px,86vw);transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-105%)}.app-sidebar.open{transform:translate(0)}.sidebar-scrim{z-index:40;background:#07182ca6;border:0;width:100%;display:block;position:fixed;inset:0}.mobile-menu-button{display:inline-flex}.workspace-topbar{justify-content:flex-start}.environment-badge{margin-left:auto}.auth-shell{grid-template-columns:minmax(360px,48%) minmax(0,52%)}}@media (max-width:700px){.auth-shell{flex-direction:column;display:flex}.auth-panel{flex:1;width:100%;min-width:0;min-height:auto;padding:25px 25px 18px}.auth-content{width:100%;min-width:0;padding:38px 0 33px}.auth-visual{background-position:50% 59%;order:-1;width:100%;min-height:150px}.auth-visual-copy{top:20px;left:25px;right:20px}.auth-visual-copy h2{max-width:320px;margin:7px 0;font-size:1.4rem}.auth-visual-copy p,.auth-visual-foot{display:none}.workspace-content{padding:19px 16px 30px}.workspace-topbar{height:62px;padding:0 16px}.workspace-location span:first-child,.workspace-location span:nth-child(2){display:none}.environment-badge{padding:6px 8px;font-size:.68rem}.metric-grid{grid-template-columns:1fr;gap:10px}.dashboard-head,.registrations-head{flex-direction:column}.form-grid{grid-template-columns:1fr}.record{padding:18px}.operation-toolbar{align-items:stretch}.operation-filter{width:100%}.operation-filter button{flex:1}.ciot-dialog-heading{padding:20px 18px 10px}.ciot-dialog-note{margin:0 18px 10px}.ciot-dialog-content{padding:0 18px 14px}.ciot-detail-grid{grid-template-columns:1fr}.ciot-dialog-footer{padding:13px 18px}}@media (prefers-reduced-motion:reduce){button,.app-sidebar,.nav-chevron{transition:none}}