:root{--ink:#183b36;--green:#216c56;--mint:#e8f3eb;--muted:#7b8885;--line:#e5ebe6;--bg:#f6f8f5;--orange:#eabf85}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,"Segoe UI",sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.brand{font-size:36px;font-weight:750;letter-spacing:-2px;display:flex;align-items:center;gap:10px}.brand-mark{font-size:30px;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#c6e4a0;color:#1e4938;font-style:italic}.brand-dot{color:#97b968;margin-left:-10px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-story{background:#153f35;color:white;padding:48px 10%;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;width:460px;height:460px;border:1px solid #ffffff08;border-radius:50%;bottom:30px;right:-180px;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02;pointer-events:none}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#6f897d}.auth-story>.eyebrow{margin-top:60px;color:#a6c1b3}.auth-story h1{font-size:clamp(42px,4.7vw,72px);font-weight:550;line-height:1.12;letter-spacing:-3px;margin:24px 0}.auth-story em{font-style:normal;color:#c6e4a0}.auth-story>p{max-width:350px;line-height:1.9;color:#b3c8be;font-size:15px}.journey-art{height:130px;position:relative;margin-top:25px;max-width:360px}.art-line{position:absolute;left:15px;top:35px;width:80%;height:45px;border:2px dashed #819e81;border-bottom:0;border-radius:50px 50px 0 0;transform:rotate(-10deg)}.art-start,.art-end{position:absolute;top:46px;font-size:26px;color:#c6e4a0}.art-start{left:0}.art-end{right:10%;top:10px}.art-package{position:absolute;left:44%;top:4px;background:#c6e4a0;color:#204d3c;border:7px solid #153f35;border-radius:17px;padding:6px 15px;font-size:29px}.journey-art small{position:absolute;bottom:0;font-size:11px;color:#9bb3a5}.story-footer{display:flex;gap:30px;font-size:11px;color:#9ab6a6;margin-top:auto;padding-top:35px}.auth-form-section{padding:70px max(40px,13%);align-self:center}.pill{font-size:10px;letter-spacing:1px;border-radius:6px;padding:7px 10px;display:inline-block;background:var(--mint);color:#4c775a;font-weight:650}.auth-form-section h2{font-size:28px;letter-spacing:-1px;margin:27px 0 10px}.muted{color:var(--muted);font-size:12px;line-height:1.6}label{display:block;font-size:12px;font-weight:600;margin-bottom:16px}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #dce4dc;border-radius:8px;background:white;padding:12px 13px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #216c5611}.tabs{display:flex;border-bottom:1px solid var(--line);margin:30px 0}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 15px;color:var(--muted);flex:1}.tabs button.active{border-color:var(--green);color:var(--green);font-weight:600}.primary{background:var(--green);color:white;border:0;border-radius:8px;padding:13px 20px;font-weight:600;font-size:12px;display:inline-flex;justify-content:center;align-items:center;gap:25px}.primary:hover{background:#185640}.wide{width:100%}.auth-note{display:flex;gap:13px;align-items:center;border-top:1px solid var(--line);margin-top:35px;padding-top:20px;color:#657c6c}.auth-note>span{font-size:27px}.auth-note p{font-size:12px;line-height:1.8}.auth-note small{color:var(--muted);font-size:11px}.error{color:#b4423a;font-size:12px;line-height:1.6}.error:empty{display:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:235px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:31px 23px;display:flex;flex-direction:column}.sidebar .brand{font-size:33px}.workspace-label{font-size:8px;letter-spacing:1.6px;color:#9aa69e;margin-top:43px}.workspace{margin-top:12px;font-size:12px;font-weight:600;padding:13px;background:var(--bg);border:1px solid var(--line);border-radius:8px}.sidebar nav{display:flex;flex-direction:column;gap:6px;margin-top:25px}.sidebar nav button{display:flex;align-items:center;gap:13px;background:none;border:0;padding:13px;border-radius:7px;text-align:left;font-size:12px;color:#7a8880}.sidebar nav button span{font-size:19px}.sidebar nav button.active{background:#eaf2e7;color:var(--green);font-weight:650}.sidebar nav small{margin-left:auto;font-size:10px;background:#d8e6d1;padding:2px 6px;border-radius:4px}.sidebar-note{margin-top:auto;padding:20px 15px;border-radius:10px;background:#f4f6ef}.sidebar-note>span{font-size:25px}.sidebar-note h3{font-size:12px}.sidebar-note p{font-size:11px;color:var(--muted);line-height:1.8}.profile{display:flex;align-items:center;gap:9px;padding-top:24px;margin-top:25px;border-top:1px solid var(--line)}.avatar{background:#f1e5ce;color:#7c6841;display:grid;place-items:center;border-radius:50%;width:33px;height:33px;font-size:11px;font-weight:700}.profile strong{font-size:11px;display:block;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.profile button{margin-left:auto;border:0;background:none;color:var(--muted);font-size:22px}main{margin-left:235px;width:calc(100% - 235px);padding:0 40px}.topbar{display:flex;justify-content:space-between;align-items:center;height:80px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.topbar>div{display:flex;gap:23px;align-items:center}.sync{font-size:10px;color:#61886d}.sync.offline{color:#b36a36}.country{border-left:1px solid var(--line);padding-left:22px;font-size:10px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:36px 0 25px}.page-heading h1{font-size:29px;letter-spacing:-1px;margin:9px 0 6px;font-weight:600}.page-heading p{margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:27px}.stat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px}.stat>div{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#7c8a80}.stat i{font-style:normal;background:var(--bg);border-radius:7px;width:29px;height:29px;display:grid;place-items:center;font-size:16px;color:#7b9669}.stat strong{display:block;font-size:28px;font-weight:550;margin:12px 0 5px}.stat small{font-size:10px;color:#92a08f}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.panel{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}.section-heading{display:flex;justify-content:space-between;align-items:center;padding:22px}.section-heading h2,.detail-panel h2{font-size:15px;margin:0;font-weight:600}.section-heading p{font-size:10px;margin-bottom:0}.section-heading .pill{font-size:9px}.filters{display:flex;align-items:center;gap:6px;border-top:1px solid #f1f4ef;border-bottom:1px solid var(--line);padding:13px 17px;flex-wrap:wrap}.filters button{background:none;border:0;border-radius:6px;padding:7px 9px;color:var(--muted);font-size:10px}.filters button.active{background:var(--mint);color:var(--green);font-weight:600}.filters input{width:130px;padding:7px;font-size:10px;margin:0 0 0 auto;border-color:transparent;background:var(--bg)}.order-card{padding:20px 22px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .2s}.order-card:hover,.order-card.selected{background:#f8faf6}.order-card:last-child{border-bottom:0}.order-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.order-card h3{font-size:13px;margin:9px 0 15px;font-weight:600}.order-id{font-size:9px;letter-spacing:.8px;color:#91a08f}.status{font-size:9px;padding:5px 8px;border-radius:5px;background:var(--status-background,#eef2eb);color:var(--status-color,#63804d);white-space:nowrap}.address{display:flex;gap:9px;font-size:11px;margin:8px 0;color:#7b897f}.address b{color:#8ca285;font-size:10px}.address.dropoff b{color:#c3a36d}.order-bottom{margin-top:15px;display:flex;gap:15px;color:#8d9a90;font-size:10px}.order-bottom strong{margin-left:auto;color:#406b53}.detail-panel{padding:23px}.detail-panel>.eyebrow{display:block;margin-bottom:14px}.detail-panel>h3{font-size:16px;margin:13px 0}.detail-panel>.muted{font-size:11px}.detail-panel hr{border:0;border-top:1px solid var(--line);margin:20px 0}.proposal{border:1px solid var(--line);border-radius:8px;padding:13px;margin-top:12px}.proposal strong{font-size:12px}.proposal>div{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:11px;color:var(--muted)}.proposal b{font-size:17px;color:var(--ink)}.proposal button{padding:8px 12px;margin-top:13px;font-size:10px}.tip-panel{margin-top:19px;background:#edf0df;border:1px solid #e4e8d4;border-radius:11px;padding:23px}.tip-panel .eyebrow{font-size:8px}.tip-panel h3{font-size:19px;font-weight:500;letter-spacing:-.5px;line-height:1.4}.tip-panel p{font-size:11px;line-height:1.9;color:#7d886c}.tip-panel>span:last-child{font-size:10px;color:#697c52;display:block;margin-top:20px}.empty{padding:50px 25px;text-align:center;color:#94a08f}.empty>span{font-size:38px;display:block;margin-bottom:15px;color:#b1c0a6}.empty h3{font-size:14px;color:#60765e;font-weight:550}.empty p{font-size:11px;line-height:1.9;max-width:260px;margin:0 auto}.empty .primary{margin-top:20px}.inline-button{border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:7px;color:var(--green);font-size:11px;margin-top:10px}.danger{color:#b36b55}.fleet-card{border-top:1px solid var(--line);padding:20px;display:flex;align-items:center;gap:16px}.fleet-card h3{font-size:13px;margin:0 0 6px}.fleet-card p{font-size:11px;color:var(--muted);margin:0}.fleet-card button{margin-left:auto}.route-svg{width:100%;height:220px;background:#f1f5ed;border-radius:9px;margin:12px 0}.location-list{font-size:10px;line-height:1.9;color:#82917c;max-height:150px;overflow:auto}footer{padding:28px 0;font-size:10px;color:#a3ada1;display:flex;justify-content:space-between}dialog{border:1px solid var(--line);border-radius:15px;padding:27px;width:min(500px,92vw);max-height:90vh;color:var(--ink);box-shadow:0 30px 120px #16372c22}dialog::backdrop{background:#0f302b66;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.dialog-head h2{font-size:21px;letter-spacing:-.5px;margin:0}.dialog-head button{background:none;border:0;font-size:26px;color:#7c8e79}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.help{font-size:11px;line-height:1.7;color:var(--muted);margin-bottom:18px}#toast{position:fixed;bottom:25px;right:25px;background:#163f34;color:#fff;padding:15px 22px;border-radius:10px;box-shadow:0 5px 30px #0002;font-size:12px;z-index:10}@media(min-width:1500px){main{padding-left:65px;padding-right:65px}.content-grid{grid-template-columns:minmax(0,1fr) 340px}.auth-form-section{padding-right:22%;padding-left:18%}}@media(max-width:1150px){main{padding:0 25px}.sidebar{width:205px;padding:30px 17px}main{margin-left:205px;width:calc(100% - 205px)}.content-grid{grid-template-columns:1fr}.detail-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tip-panel{margin-top:0}.stats{gap:10px}.stat{padding:15px}.auth-form-section{padding:50px 35px}}@media(max-width:700px){.auth-shell{display:block}.auth-story{padding:28px}.auth-story>.eyebrow{margin-top:28px}.auth-story h1{font-size:42px}.auth-story>p,.journey-art,.story-footer{display:none}.auth-story h1 br:first-child{display:none}.auth-form-section{padding:35px 25px}.auth-form-section h2{font-size:24px}.sidebar{width:70px;padding:20px 10px}.sidebar .brand{font-size:0;gap:0}.sidebar .brand-mark{font-size:29px}.brand-dot,.workspace-label,.workspace,.sidebar-note,.profile,.sidebar nav small{display:none}.sidebar nav button{font-size:0;padding:12px 14px}.sidebar nav button span{font-size:21px}.sidebar nav{margin-top:35px}main{margin-left:70px;width:calc(100% - 70px);padding:0 16px}.topbar{height:65px}.topbar>span,.country{display:none}.topbar>div{margin-left:auto}.page-heading{margin-top:25px;align-items:flex-start;gap:12px;flex-direction:column}.page-heading h1{font-size:25px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat strong{font-size:25px}.content-grid,.detail-column{display:block}.detail-column{margin-top:20px}.tip-panel{margin-top:20px}.section-heading{padding:17px}.filters{padding:10px}.filters input{width:100%;margin-top:5px}.order-card{padding:17px}.fleet-card{flex-wrap:wrap}.fleet-card button{margin-left:0}footer span{display:none}}

.mobile-logout{display:none}@media(max-width:700px){.mobile-logout{display:block;border:0;background:none;color:var(--green);font-size:23px}}
.users-filter{padding:0 22px 20px;display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.users-filter label{margin:0;flex:1;min-width:150px}.users-filter label:first-child{flex:2}.users-filter .primary{margin-bottom:1px}.user-row{padding:18px 22px;border-top:1px solid var(--line);display:flex;align-items:center;gap:14px}.user-info{flex:1;min-width:0}.user-info h3{font-size:13px;margin:0 0 6px;overflow-wrap:anywhere}.user-info p{font-size:11px;color:var(--muted);margin:5px 0;overflow-wrap:anywhere}.user-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.user-row .inline-button{margin-top:0}.users-pagination{padding:15px 22px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:11px;color:var(--muted);gap:10px}.users-pagination button{margin:0}#users-error{padding:0 22px}.user-role-note{background:var(--bg);padding:12px;border-radius:8px}@media(max-width:700px){.user-row{padding:16px;gap:10px;flex-wrap:wrap}.users-filter{padding:0 16px 18px}.users-pagination{padding:15px 10px}.user-row .avatar{display:none}}
.search-field{position:relative}.search-field>.ruta-icon{position:absolute;left:12px;top:12px;color:var(--muted);font-size:20px}.search-field input{padding-left:40px}.profile button{color:var(--green)}.fleet-card .avatar,.user-row .avatar{background:var(--mint);color:var(--green)}@media(max-width:700px){.sidebar nav button{padding:12px 13px}}

.address-picker{margin-bottom:18px}.address-picker>label{display:block;margin-bottom:8px}.address-picker>input{width:100%}.address-suggestions{border:1px solid var(--line);border-radius:10px;background:#fff;max-height:210px;overflow-y:auto;margin-top:6px}.address-suggestions>button{display:block;width:100%;padding:12px;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink);font:inherit;font-size:12px;line-height:1.6}.address-suggestions>button:last-child{border-bottom:0}.address-suggestions>button:hover,.address-suggestions>button[aria-selected="true"]{background:#edf4e9}.address-hint{display:block;margin-top:6px;line-height:1.6}

.system-actions{display:flex;gap:16px;flex-wrap:wrap;padding:0 24px}.system-note{padding:0 24px}.health-badge{display:inline-block;border-radius:6px;padding:5px 8px;font-size:10px;white-space:nowrap;background:#edf0ed;color:#6a7874}.health-ok{background:#e8f3e9;color:#216c56}.health-warning{background:#fff3da;color:#926313}.health-error{background:#fceae7;color:#a83c2d}.system-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:14px;padding:16px 24px}.system-check{padding:18px;border:1px solid var(--line);border-radius:12px}.system-check>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.system-check h3{font-size:13px;margin:0}.system-check p,.system-config p,.system-guides p{font-size:12px;line-height:1.8;color:var(--muted)}.system-config,.system-guides{padding:8px 24px 24px}.system-config>h3,.system-guides>h3{font-size:16px}.system-config article{border-bottom:1px solid var(--line);padding:14px 0}.system-config article>div{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.system-config code{font-size:12px;color:#216c56}.system-config strong{font-size:12px;overflow-wrap:anywhere}.system-config article p{margin-bottom:0}.system-guides details{padding:15px 0;border-bottom:1px solid var(--line)}.system-guides summary{cursor:pointer;font-size:13px;font-weight:600}.system-actions button:disabled{opacity:.6;cursor:wait}

.usb-recovery{margin:0 24px 22px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#f6f8f5}.usb-recovery>.section-heading{padding:0;gap:12px;flex-wrap:wrap}.usb-recovery h3{font-size:15px;margin-top:0}.usb-recovery p{font-size:12px;line-height:1.7}.usb-recovery .system-actions{padding:0;align-items:flex-end}.usb-recovery label{margin:0;max-width:100%}
.sidebar{overflow-y:auto}.sidebar>*{flex-shrink:0}
.topbar .mobile-logout{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--green);font-size:12px;font-weight:600;white-space:nowrap}
.topbar .mobile-logout:hover{background:var(--mint)}.topbar .mobile-logout .ruta-icon{font-size:20px}
@media(max-height:800px) and (min-width:701px){.sidebar-note{display:none}.profile{margin-top:auto;padding-top:16px}}
@media(max-width:700px){.topbar>div{gap:10px}.topbar .mobile-logout{padding:8px}}
.topbar{position:sticky;top:0;z-index:5;background:var(--bg)}
.location-picker-map{height:280px;border:1px solid var(--line);border-radius:10px;margin:10px 0}.address-picker [id$="-map-picker"]{padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:10px;margin:10px 0}.address-picker .location-confirm{width:100%}.address-picker .location-gps{margin-bottom:14px}.address-picker .location-address{background:#fff}
.session-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.session-card{text-align:center;max-width:360px}.session-card img{display:block;margin:0 auto 20px}.session-card p{color:var(--muted);font-size:14px;line-height:1.7}.session-card .primary{margin-top:12px}
.recovery-card{width:min(420px,100%);padding:28px;background:#fff;border:1px solid var(--line);border-radius:14px}.recovery-card h1{font-size:24px}.order-history{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.history-event{padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.6}.history-event small{display:block;color:var(--muted)}.delivery-proof{padding:14px;margin:16px 0;border:1px solid var(--line);border-radius:10px;background:var(--mint)}.delivery-proof strong{display:block;font-size:24px;letter-spacing:4px}.notification-item{padding:14px 0;border-bottom:1px solid var(--line)}.notification-item.unread{border-left:3px solid var(--green);padding-left:12px}.notification-item p{font-size:13px;line-height:1.6}.notification-item small{color:var(--muted)}#notifications-button{margin:0;white-space:nowrap}#notifications-count{background:var(--mint);padding:2px 6px;border-radius:8px}@media(max-width:700px){.topbar>div{gap:6px}.topbar .sync{max-width:70px}#notifications-button{font-size:10px;padding:8px 5px}.topbar .mobile-logout{font-size:10px;padding:8px 5px}}
#archive-filters{padding:18px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}#archive-filters label{margin:0}#archive-pagination{padding:16px}.checkbox-label{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.7}.checkbox-label input{width:auto;margin-top:4px}.order-history textarea{width:100%}
.finance-summary { display:flex; flex-wrap:wrap; gap:16px; margin:20px 0; }
.finance-summary article { flex:1 1 180px; padding:16px; background:#f3f6f2; border-radius:12px; }
.finance-row { border-bottom:1px solid #dce4dc; padding:16px 0; overflow-wrap:anywhere; }
.finance-row p { margin:8px 0; }