:root{
 --primary:#10b7a5;--primary-dark:#078f81;--secondary:#0d2238;--bg:#f4f7fb;--card:#fff;
 --text:#17293b;--muted:#75879a;--line:#e4ebf2;--danger:#df4f5f;--warning:#e5a119;
 --success:#159c65;--info:#2d7fe5;--purple:#7857ef;--shadow:0 14px 38px rgba(13,34,56,.08);
 --radius:18px;--sidebar:286px;--speed:.22s
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.65}
body[data-theme="dark"]{--bg:#07131f;--card:#102235;--text:#eef6fb;--muted:#9db0bf;--line:#22384b;--shadow:0 16px 38px rgba(0,0,0,.28)}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%}
[hidden]{display:none!important}
.icon{display:inline-block;vertical-align:middle;flex:none}
h1,h2,h3,p{margin-top:0}
h1{font-size:26px;margin-bottom:4px}h2{font-size:19px;margin-bottom:5px}h3{font-size:16px}
p{color:var(--muted)}
input,select,textarea{width:100%;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;padding:12px 14px;outline:0;transition:var(--speed)}
input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(16,183,165,.12)}
textarea{resize:vertical}
label{display:flex;flex-direction:column;gap:7px;font-weight:700}
.btn{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 17px;
 border-radius:12px;border:1px solid transparent;font-weight:800;transition:transform var(--speed),box-shadow var(--speed),background var(--speed),border-color var(--speed),color var(--speed)
}
.btn .icon{transition:transform var(--speed)}
.btn:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(13,34,56,.14)}
.btn:hover .icon{transform:translateX(-2px)}
.btn:active{transform:translateY(0) scale(.98);box-shadow:none}
.btn-primary{background:linear-gradient(135deg,var(--primary),#0da394);color:#fff}
.btn-primary:hover{background:linear-gradient(135deg,#13c7b4,var(--primary-dark))}
.btn-outline{background:var(--card);color:var(--text);border-color:var(--line)}
.btn-outline:hover{border-color:var(--primary);color:var(--primary-dark)}
.btn-google{background:var(--card);border-color:var(--line)}
.btn-sm{min-height:35px;padding:7px 12px;font-size:12px}.btn-block{width:100%}
.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);display:grid;place-items:center;transition:var(--speed)}
.icon-btn:hover{transform:translateY(-2px) rotate(-2deg);color:var(--primary);border-color:var(--primary);box-shadow:0 8px 18px rgba(13,34,56,.12)}
.icon-btn:active{transform:scale(.96)}
.icon-btn.small{width:34px;height:34px;border-radius:9px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}
.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}
.card-head h2{margin-bottom:2px}.card-head p{margin-bottom:0}
.alert{padding:13px 16px;border-radius:12px;margin-bottom:18px;border:1px solid;transition:.35s}
.alert-success{background:rgba(21,156,101,.1);color:var(--success);border-color:rgba(21,156,101,.25)}
.alert-danger{background:rgba(223,79,95,.1);color:var(--danger);border-color:rgba(223,79,95,.25)}
.alert-hide{opacity:0;transform:translateY(-8px);pointer-events:none}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid .full{grid-column:1/-1}
.stack-form{display:flex;flex-direction:column;gap:15px}.form-actions{display:flex;justify-content:flex-end}
.content-grid{display:grid;gap:22px}.content-grid.two-thirds{grid-template-columns:minmax(0,2fr) minmax(290px,1fr)}
.stack-cards{display:flex;flex-direction:column;gap:22px}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}
th,td{padding:14px 12px;text-align:right;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-size:12px;color:var(--muted);background:rgba(117,135,154,.04)}tbody tr:hover{background:rgba(16,183,165,.03)}
.subtext{display:block;color:var(--muted);font-size:12px;margin-top:2px}.serial-link{font-weight:900;color:var(--primary-dark)}
.empty-cell,.empty-state{text-align:center;color:var(--muted);padding:38px!important}.empty-state.full{grid-column:1/-1}
.badge{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}
.badge-success{background:rgba(21,156,101,.12);color:var(--success)}.badge-danger{background:rgba(223,79,95,.12);color:var(--danger)}
.badge-warning{background:rgba(229,161,25,.14);color:#b97800}.badge-info{background:rgba(45,127,229,.12);color:var(--info)}
.badge-primary{background:rgba(16,183,165,.12);color:var(--primary-dark)}.badge-purple{background:rgba(120,87,239,.12);color:var(--purple)}
.badge-muted{background:rgba(117,135,154,.14);color:var(--muted)}
.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#4bd6c8);color:#fff;font-weight:900;flex:none}.avatar.large{width:55px;height:55px;font-size:18px}
.brand-mark{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,var(--primary),#4dd7ca);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 12px 25px rgba(16,183,165,.3)}
.brand-logo-image{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:#fff}.brand-logo-image img{width:100%;height:100%;object-fit:contain}.brand-name{font-weight:900}

/* Login */
.login-body{min-height:100vh;background:var(--card)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr}
.login-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#061827,#0e3653);color:#fff;padding:44px 54px;display:flex;flex-direction:column}
.admin-visual{background:radial-gradient(circle at 18% 18%,rgba(16,183,165,.2),transparent 30%),linear-gradient(145deg,#06131f,#102f4b)}
.login-panel{display:grid;place-items:center;padding:35px;background:var(--card)}
.login-form-wrap{width:min(430px,100%)}.login-brand,.portal-brand{display:flex;align-items:center;gap:11px;font-size:22px;position:relative;z-index:3}
.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px}
.visual-glow{position:absolute;width:450px;height:450px;border-radius:50%;background:rgba(16,183,165,.22);filter:blur(72px);left:-120px;bottom:-140px;animation:glow 7s ease-in-out infinite alternate}
@keyframes glow{to{transform:translate(145px,-85px) scale(1.12)}}
.visual-copy{margin:auto 0;max-width:570px;position:relative;z-index:3}.visual-copy h1{font-size:44px;line-height:1.3;margin:18px 0}.visual-copy p{color:#bdd0df;font-size:17px;max-width:520px}
.security-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14)}
.floating-card,.security-card{
 position:absolute;z-index:3;background:rgba(255,255,255,.085);backdrop-filter:blur(11px);border:1px solid rgba(255,255,255,.14);
 border-radius:17px;padding:14px 17px;display:flex;align-items:center;gap:12px;box-shadow:0 18px 45px rgba(0,0,0,.18);
 animation:float 4s ease-in-out infinite alternate;transition:transform .28s,background .28s,border-color .28s,box-shadow .28s
}
.floating-card:hover,.security-card:hover{animation-play-state:paused;transform:translateY(-8px) scale(1.035) rotate(-1deg);background:rgba(16,183,165,.16);border-color:rgba(90,232,217,.5);box-shadow:0 22px 55px rgba(0,0,0,.3)}
@keyframes float{to{transform:translateY(-12px)}}
.card-one{left:8%;bottom:8%}.card-two{left:47%;bottom:16%;animation-delay:.8s}
.security-a{left:7%;bottom:8%}.security-b{left:37%;bottom:18%;animation-delay:.55s}.security-c{left:67%;bottom:8%;animation-delay:1.1s}
.floating-card strong,.floating-card span{display:block}.floating-card span{color:#bdd0df;font-size:12px}
.login-heading{margin-bottom:24px}.login-heading h2{font-size:30px;margin-bottom:5px}.login-heading p{margin-bottom:0}.admin-kicker{display:block;color:var(--primary);font-weight:900;margin-bottom:5px}
.auth-form{display:flex;flex-direction:column;gap:17px}.input-icon{position:relative}.input-icon>.icon{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--muted)}.input-icon input{padding-right:43px}
.password-toggle{position:absolute;left:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--muted)}
.remember-row{display:flex;flex-direction:row;align-items:center;gap:9px;font-weight:500}.remember-row input{width:18px;height:18px;accent-color:var(--primary)}
.login-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:23px}.login-footer a{color:var(--primary-dark);font-weight:800}
.secure-note{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:12px;margin-top:21px}.mobile-login-logo{display:none}

/* Admin */
.sidebar{position:fixed;right:0;top:0;bottom:0;width:var(--sidebar);z-index:60;background:linear-gradient(180deg,var(--secondary),#081725);color:#d5e3ed;padding:22px 16px;display:flex;flex-direction:column}
.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 7px 22px}.sidebar-brand .brand-name{font-size:20px;color:#fff}.sidebar-close{display:none;margin-right:auto;background:transparent;color:#fff;border-color:rgba(255,255,255,.15)}
.sidebar-nav{display:flex;flex-direction:column;gap:7px;overflow:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:#b6c8d6;font-weight:800;transition:var(--speed)}
.nav-item:hover{background:rgba(255,255,255,.06);color:#fff;transform:translateX(-3px)}.nav-item.active{background:linear-gradient(90deg,rgba(16,183,165,.23),rgba(16,183,165,.06));color:#69e4d7;border-right:3px solid var(--primary)}
.sidebar-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:18px 8px 0;display:flex;gap:11px;align-items:center}.sidebar-user strong,.sidebar-user span{display:block}.sidebar-user span{color:#8fa5b6;font-size:12px}
.admin-main{margin-right:var(--sidebar);min-height:100vh}.topbar{height:84px;background:var(--card);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 28px;position:sticky;top:0;z-index:40}
.topbar-start,.topbar-actions{display:flex;align-items:center;gap:12px}.topbar-start h1{margin:0;font-size:22px}.topbar-start p{margin:0}.mobile-menu{display:none}.page-content{padding:25px 28px 45px}
.sidebar-overlay{display:none}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}
.stat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;display:grid;grid-template-columns:auto 1fr;gap:14px;position:relative;overflow:hidden;transition:var(--speed)}
.stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(13,34,56,.12)}.stat-card p{margin:0}.stat-card strong{font-size:26px}.stat-foot{grid-column:1/-1;color:var(--muted);font-size:12px}
.stat-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center}.stat-icon.teal{background:rgba(16,183,165,.13);color:var(--primary)}.stat-icon.blue{background:rgba(45,127,229,.12);color:var(--info)}.stat-icon.orange{background:rgba(229,161,25,.14);color:var(--warning)}.stat-icon.green{background:rgba(21,156,101,.12);color:var(--success)}
.progress-list{display:flex;flex-direction:column;gap:18px;margin-bottom:22px}.progress-item>div:first-child{display:flex;justify-content:space-between}.progress{height:8px;background:var(--bg);border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;border-radius:20px}.progress-success{background:var(--success)}.progress-info{background:var(--info)}.progress-warning{background:var(--warning)}.progress-danger{background:var(--danger)}
.filters{display:grid;grid-template-columns:minmax(260px,1fr) 180px 180px auto;gap:12px;margin-bottom:18px}.filter-search{position:relative}.filter-search>.icon{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--muted)}.filter-search input{padding-right:42px}
.table-actions{display:flex;gap:7px}.responsive-head{align-items:center}.detail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.detail-head h2{font-size:30px;margin:5px 0}.detail-actions{display:flex;gap:10px}.back-link{color:var(--muted)}
.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.detail-grid .full{grid-column:1/-1}.detail-grid span{display:block;color:var(--muted);font-size:12px}.detail-grid strong{display:block;margin-top:4px}
.timeline{display:flex;flex-direction:column}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:12px;padding-bottom:21px;position:relative}.timeline-item:before{content:"";position:absolute;right:6px;top:14px;bottom:0;width:2px;background:var(--line)}.timeline-item:last-child:before{display:none}.timeline-dot{width:14px;height:14px;border-radius:50%;background:var(--primary);margin-top:4px;z-index:1}.timeline-item p{margin:2px 0}.timeline-item small{color:var(--muted)}
.barcode-card{text-align:center}.barcode-card svg{max-width:100%}.delivery-code{font-size:28px;letter-spacing:5px}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-links a{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px;border:1px solid var(--line);border-radius:12px;transition:var(--speed)}.quick-links a:hover{transform:translateY(-3px);color:var(--primary);border-color:var(--primary)}
.settings-form{display:flex;flex-direction:column;gap:22px}.file-field span{font-weight:400;color:var(--muted);font-size:12px}.switch-label{flex-direction:row;align-items:center}.switch-label input{display:none}.switch{width:46px;height:26px;border-radius:20px;background:#c5ced7;position:relative;transition:.2s}.switch:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;right:3px;top:3px;transition:.2s}.switch-label input:checked+.switch{background:var(--primary)}.switch-label input:checked+.switch:after{right:23px}.serial-preview{border:1px dashed var(--primary);border-radius:12px;padding:12px 15px;display:flex;justify-content:space-between;align-items:center}.serial-preview strong{font-size:20px}.sticky-save{position:sticky;bottom:16px;display:flex;justify-content:flex-start;z-index:20}
.permissions-box{max-height:330px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:12px}.permission-group{padding:10px 0;border-bottom:1px solid var(--line)}.check-row{flex-direction:row;align-items:center;font-weight:500;margin-top:8px}.check-row input{width:17px;height:17px}
.modal{position:fixed;inset:0;background:rgba(5,16,27,.62);z-index:100;display:none;place-items:center;padding:20px}.modal.show{display:grid}.modal-card{width:min(500px,100%);max-height:90vh;overflow:auto;background:var(--card);border-radius:20px;padding:24px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.3);animation:modalIn .2s ease}.modal-card.modal-lg{width:min(850px,100%)}.modal-close{position:absolute;left:16px;top:16px}@keyframes modalIn{from{opacity:0;transform:translateY(15px) scale(.97)}}
.zone-grid,.courier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.zone-card,.courier-card{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--card);transition:var(--speed)}.zone-card:hover,.courier-card:hover{transform:translateY(-4px);box-shadow:0 17px 35px rgba(13,34,56,.1);border-color:rgba(16,183,165,.4)}
.zone-card-icon{width:48px;height:48px;border-radius:15px;background:rgba(16,183,165,.12);color:var(--primary);display:grid;place-items:center;margin-bottom:13px}.zone-card-body h3{margin-bottom:2px}.zone-card-body p{margin-bottom:5px}.zone-card-body span{color:var(--muted);font-size:12px}
.zone-metrics,.courier-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}.zone-metrics div,.courier-metrics div{background:var(--bg);border-radius:12px;padding:10px;text-align:center}.zone-metrics strong,.zone-metrics span,.courier-metrics strong,.courier-metrics span{display:block}.zone-metrics span,.courier-metrics span{font-size:11px;color:var(--muted)}
.zone-card-footer,.courier-card-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.courier-card-top{display:flex;align-items:center;gap:11px}.courier-card-top>span{margin-right:auto}.courier-card-top h3{margin:0}.courier-card-top p{margin:0}.courier-zones{display:flex;align-items:flex-start;gap:7px;color:var(--muted);padding:14px 0;border-bottom:1px solid var(--line)}
.zone-selector{border-top:1px solid var(--line);padding-top:14px}.zone-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.check-card{font-weight:500}.check-card input{display:none}.check-card span{display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:10px 12px;border-radius:11px;transition:.2s}.check-card input:checked+span{border-color:var(--primary);background:rgba(16,183,165,.1);color:var(--primary-dark)}

/* Portal */
.portal-body{padding-bottom:20px}.portal-topbar{height:78px;padding:0 28px;background:var(--card);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:40}.portal-actions{display:flex;align-items:center;gap:10px}.portal-main{max-width:1240px;margin:auto;padding:26px}.portal-title{margin-bottom:18px}.portal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.portal-stats>div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.portal-stats span,.portal-stats strong{display:block}.portal-stats strong{font-size:28px;margin-top:4px}
.portal-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.portal-quick-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:5px;transition:var(--speed)}.portal-quick-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow)}.portal-quick-card .icon{color:var(--primary)}
.portal-list-head{display:flex;justify-content:flex-end;margin-bottom:14px}.simple-order-list,.delivery-list{display:flex;flex-direction:column;gap:13px}.simple-order{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;transition:var(--speed)}.simple-order:hover{transform:translateY(-2px);border-color:var(--primary)}.simple-order strong,.simple-order span{display:block}
.courier-summary{display:flex;justify-content:space-between;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:18px}.courier-summary span,.courier-summary strong{display:block}.courier-summary strong{font-size:26px}
.delivery-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.delivery-card-head{display:flex;justify-content:space-between;gap:10px}.delivery-card-head h2{margin:7px 0 2px}.delivery-card-head p{margin:0}.serial-chip{color:var(--primary-dark);font-weight:900}
.delivery-info{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}.delivery-info .full{grid-column:1/-1}.delivery-info span,.delivery-info strong{display:block}.delivery-info span{color:var(--muted);font-size:12px}
.courier-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.courier-actions a{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px;border-radius:11px;font-weight:800;transition:var(--speed)}.courier-actions a:hover{transform:translateY(-2px);filter:brightness(.97)}
.action-call{background:rgba(45,127,229,.12);color:var(--info)}.action-whatsapp{background:rgba(21,156,101,.12);color:var(--success)}.action-map{background:rgba(120,87,239,.12);color:var(--purple)}
.mobile-order-detail{max-width:760px;margin:auto;display:flex;flex-direction:column;gap:15px}.order-status-strip{display:flex;justify-content:space-between;align-items:center}.customer-title{display:flex;align-items:center;gap:13px}.customer-title h2,.customer-title p{margin:0}.courier-actions.big{margin-top:17px;margin-bottom:0}.info-sections>div{padding:13px 0;border-bottom:1px solid var(--line)}.info-sections>div:last-child{border:0}.info-sections span,.info-sections strong{display:block}.info-sections span{font-size:12px;color:var(--muted)}
.upload-zone{border:2px dashed var(--line);border-radius:17px;padding:34px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:13px}.upload-zone .icon{color:var(--primary)}.import-columns{margin-top:20px}.mobile-bottom-nav{display:none}

/* Installer */
.install-body{min-height:100vh;background:linear-gradient(135deg,#071827,#0e3653);padding:30px}.install-shell{max-width:900px;margin:auto}.install-card{background:#fff;color:#17293b;border-radius:25px;padding:32px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.install-brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}

@media(max-width:1100px){
 .stats-grid{grid-template-columns:repeat(2,1fr)}.zone-grid,.courier-grid{grid-template-columns:repeat(2,1fr)}.content-grid.two-thirds{grid-template-columns:1fr}.portal-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:850px){
 .login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh}.mobile-login-logo{display:flex;align-items:center;gap:10px;margin-bottom:30px}
 .sidebar{transform:translateX(110%);transition:.25s}.sidebar.open{transform:translateX(0)}.sidebar-close,.mobile-menu{display:grid}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:55}.sidebar-open .sidebar-overlay{display:block}
 .admin-main{margin-right:0}.topbar{padding:0 16px}.page-content{padding:18px 15px 35px}.topbar-start p{display:none}.topbar-actions .btn span{display:none}
 .filters{grid-template-columns:1fr 1fr}.filters .filter-search{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.zone-checks{grid-template-columns:repeat(2,1fr)}
 .portal-main{padding:18px 14px 90px}.portal-topbar{padding:0 14px}.portal-user{display:none}.mobile-bottom-nav{position:fixed;bottom:0;right:0;left:0;z-index:50;background:var(--card);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:7px 4px calc(7px + env(safe-area-inset-bottom))}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;font-size:11px;color:var(--muted)}
}
@media(max-width:600px){
 h1{font-size:22px}.card{padding:17px}.stats-grid,.zone-grid,.courier-grid,.portal-stats,.portal-quick{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.filters .filter-search{grid-column:auto}
 .detail-head{align-items:flex-start;flex-direction:column}.detail-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.detail-grid .full{grid-column:auto}
 .topbar{height:72px}.topbar-start h1{font-size:18px}.page-content{padding-top:14px}.responsive-head{align-items:flex-start;flex-direction:column}.responsive-head .btn{width:100%}
 .zone-checks{grid-template-columns:1fr}.simple-order{align-items:flex-start;gap:12px}.courier-actions{grid-template-columns:repeat(3,1fr)}.courier-actions a{font-size:12px;flex-direction:column}.delivery-info{grid-template-columns:1fr}.delivery-info .full{grid-column:auto}
}

.compact-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.zone-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-left:7px;vertical-align:middle}
.areas-cell{max-width:300px;white-space:normal}
.zones-text{display:block;max-width:260px;white-space:normal;color:var(--muted)}
.zone-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.zone-check-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:11px;background:var(--card);font-weight:500;transition:var(--speed)}
.zone-check-card:hover{border-color:var(--primary);transform:translateY(-2px)}
.zone-check-card input{width:17px;height:17px;accent-color:var(--primary)}
.zone-check-card small,.zone-check-card strong{display:block}.zone-check-card small{color:var(--muted)}
.field-title{display:block;margin-bottom:10px}.modal-large{width:min(820px,100%)}
@media(max-width:700px){.compact-stats{grid-template-columns:1fr}.zone-check-grid{grid-template-columns:1fr}}