:root{--bg:#f5f7f3;--card:#fff;--ink:#172018;--muted:#667268;--green:#1f6b3a;--green2:#2f8f4e;--soft:#e8f3eb;--line:#dfe7e0;--warn:#b77a00;--danger:#a83b32;--dark:#0f1b12;--blue:#2c5c89;--shadow:0 14px 40px rgba(18,35,22,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1180px,92%);margin:auto}.row-between{display:flex;justify-content:space-between;align-items:center;gap:16px}.topbar{background:var(--dark);color:#e5efe7;padding:10px 0;font-size:13px}.navbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}.brand{font-weight:900;line-height:1.05}.brand small{display:block;font-size:10px;letter-spacing:.14em;color:var(--green2);margin-top:4px}.nav-links{display:flex;gap:18px;font-size:14px;color:#3c4940}.nav-actions{display:flex;gap:8px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:12px;padding:11px 15px;font-weight:800;cursor:pointer}.btn.primary{background:var(--green);color:#fff}.btn.secondary{background:var(--dark);color:#fff}.btn.ghost{background:#fff;border:1px solid var(--line)}.btn.soft{background:var(--soft);color:var(--green)}.full-btn{width:100%}.hero{padding:68px 0 42px;background:linear-gradient(115deg,#edf6ef 0%,#fafcf9 52%,#e5f1e6 100%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.hero h1{font-size:clamp(40px,6vw,70px);line-height:.98;margin:16px 0}.hero p{font-size:18px;color:var(--muted);line-height:1.7}.eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;background:var(--soft);color:var(--green);font-size:12px;font-weight:800}.hero-photo{border-radius:26px;overflow:hidden;min-height:430px;background:url('../img/agro-reference.jpg') center/cover no-repeat;box-shadow:var(--shadow);position:relative}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(15,27,18,.6))}.hero-label{position:absolute;z-index:2;left:22px;bottom:20px;color:#fff}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.stat,.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.stat strong,.metric strong{display:block;font-size:24px}.section{padding:58px 0}.section.alt{background:#edf3ee}.head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.head h2{font-size:34px;margin:8px 0 0}.head p{max-width:620px;color:var(--muted);line-height:1.6}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(20,32,22,.04)}.product-visual{height:180px;background:linear-gradient(135deg,#dcebdd,#f8fbf8);display:grid;place-items:center;font-size:48px}.card-body{padding:17px}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--soft);color:var(--green);font-size:11px;font-weight:800}.price{font-size:20px;font-weight:900}.muted{color:var(--muted)}.small{font-size:13px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.feature b{display:block;margin-bottom:7px}.feature p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.workflow{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.flow{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;font-size:13px}.flow span{display:block;color:var(--green);font-weight:900;margin-bottom:5px}.footer{background:var(--dark);color:#dce7de;padding:42px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.footer p,.footer small{color:#aab9ad}.form-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:800}.field input,.field select,.field textarea{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.full{grid-column:1/-1}.summary{background:#f7faf7;border:1px solid var(--line);border-radius:14px;padding:16px}.summary .line{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--line)}.summary .line:last-child{border-bottom:0}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.step{padding:12px;border:1px solid var(--line);background:#f2f5f2;border-radius:12px;font-size:12px}.step.done{background:var(--soft);color:var(--green);font-weight:800}.step.current{background:#fff6df;color:#8c6200;border-color:#efd291;font-weight:800}.drawer{position:fixed;right:-440px;top:0;width:min(420px,94vw);height:100vh;background:#fff;z-index:80;padding:20px;box-shadow:-10px 0 40px rgba(0,0,0,.16);transition:.25s;overflow:auto}.drawer.open{right:0}.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.36);z-index:70}.overlay.show{display:block}.cart-item{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.cart-total{display:flex;justify-content:space-between;font-size:19px;padding:18px 0}.platform-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.platform{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.platform h3{margin-top:0}.platform ul{padding-left:18px;color:var(--muted);line-height:1.8;font-size:14px}
/* App platforms */
.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--dark);color:#dfe9e1;padding:22px 16px;z-index:50;display:flex;flex-direction:column}.app-brand{color:#fff;padding:5px 10px 20px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a,.sidebar-bottom a{padding:11px 12px;border-radius:10px;color:#becbbf;font-size:14px}.sidebar nav a.active,.sidebar nav a:hover{background:#203426;color:#fff}.sidebar-bottom{margin-top:auto}.app-shell{margin-left:250px;min-height:100vh}.app-top{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}.app-top small{display:block;color:var(--muted);font-size:11px}.user-chip{background:var(--soft);color:var(--green);padding:8px 12px;border-radius:999px;font-weight:800;font-size:13px}.mobile-menu{display:none}.app-main{padding:26px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px}.page-head h1{margin:0;font-size:30px}.page-head p{margin:5px 0 0;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.metric small{color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:18px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;white-space:nowrap}.table th{color:#59645b;font-size:12px}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.status.success{background:#e6f5e9;color:#23713b}.status.warning{background:#fff4da;color:#916300}.status.info{background:#e8f0f8;color:#325f89}.status.danger{background:#fae7e4;color:#a34237}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px}.quick h3{margin:0 0 8px}.timeline{display:flex;gap:8px;flex-wrap:wrap}.timeline .node{flex:1;min-width:120px;padding:11px;border-radius:12px;background:#f0f3f0;border:1px solid var(--line);font-size:12px}.timeline .node.ok{background:var(--soft);color:var(--green);font-weight:800}.delivery-card{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.action-row{display:flex;gap:8px;flex-wrap:wrap}.notice{padding:14px;border-radius:12px;background:#fff9e9;border:1px solid #f0daa1;color:#765300;font-size:13px}
@media(max-width:1000px){.nav-links{display:none}.grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.platform-cards{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:repeat(3,1fr)}.hero-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.topbar .row-between span:last-child{display:none}.nav-actions .ghost{display:none}.stats,.grid,.feature-grid,.platform-cards,.form-grid,.metrics,.quick-grid{grid-template-columns:1fr}.workflow,.steps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.app-shell{margin-left:0}.mobile-menu{display:inline-flex;border:0;background:transparent;font-size:22px}.app-main{padding:18px}.page-head{align-items:flex-start;flex-direction:column}.delivery-card{grid-template-columns:1fr}.hero-photo{min-height:330px}}

.public-menu{display:none}
@media(max-width:1000px){.public-menu{display:inline-flex}.nav-inner{flex-wrap:wrap}.nav-links.open{display:flex;order:4;width:100%;flex-wrap:wrap;padding:12px 0}}
@media(max-width:760px){.checkout-grid{grid-template-columns:1fr!important}.head{flex-direction:column;align-items:flex-start}.brand{font-size:14px}.nav-inner{gap:8px}}

/* Application components */
.auth-container{max-width:580px}.auth-container h1{font-size:36px;margin-bottom:12px}
.catalog-filters{display:flex;align-items:end;gap:16px;margin-bottom:26px;flex-wrap:wrap}.catalog-filters .field{flex:1;min-width:200px}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-grid .panel{height:100%}
.empty-state{padding:36px;color:var(--muted);text-align:center}.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0}
.history-list{list-style:none;padding:0}.history-list li{border-left:3px solid var(--green);padding:8px 16px;margin-bottom:12px}.history-list small{display:block;color:var(--muted);margin-top:4px}
button:disabled{opacity:.5;cursor:not-allowed}input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:2px}a:focus-visible,button:focus-visible{outline:3px solid var(--green2);outline-offset:3px}
@media(max-width:760px){.detail-grid{grid-template-columns:1fr}.app-top{padding:0 12px;gap:8px}.user-chip{display:none}.catalog-filters{align-items:stretch}.catalog-filters .field{min-width:100%}.pagination{font-size:12px;flex-wrap:wrap}}

/* PROBOMO — fresh, expressive, accessible */
:root{--bg:#f8f9f4;--ink:#193d32;--muted:#617168;--green:#216449;--green2:#307e58;--soft:#e9f2e7;--line:#e2e8dc;--dark:#173c30;--lime:#e1ed9a;--coral:#eea87b;--shadow:0 18px 48px rgba(25,61,50,.08)}
body{line-height:1.55;letter-spacing:-.015em}h1,h2,h3,.brand{letter-spacing:-.045em;line-height:1.12}h1,h2{font-weight:800}h3{font-size:21px}.container{width:min(1200px,90%)}.topbar{font-size:12px;padding:8px 0}.navbar{background:rgba(248,249,244,.95)}.nav-inner{padding:20px 0}.brand{font-size:25px}.brand-dot{color:#a4b850}.brand small{font-size:9px;letter-spacing:.19em}.nav-links{gap:24px;font-weight:600}.nav-links a{position:relative;padding:8px 0}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--green);border-radius:3px;transition:width .2s}.nav-links a:hover:after,.nav-links a[aria-current]:after{width:100%}.nav-links a[aria-current]{color:var(--green)}.btn{border-radius:12px;padding:13px 20px;font-weight:700;font-size:14px;min-height:44px;transition:transform .18s,background .18s,box-shadow .18s}.btn.primary{box-shadow:0 4px 12px #21644918}.btn.primary:hover{background:#184d38;box-shadow:0 7px 18px #21644924;transform:translateY(-2px)}.btn.ghost{background:transparent}.btn.ghost:hover,.btn.soft:hover{background:var(--soft);transform:translateY(-2px)}.btn:active{transform:scale(.97)}.btn:disabled{transform:none;box-shadow:none}.btn.primary span[aria-hidden]{font-size:20px}.nav-actions #cartCount{background:var(--lime);color:var(--dark);border-radius:50%;min-width:23px;height:23px;display:grid;place-items:center;font-size:12px}.hero{background:radial-gradient(ellipse at 70% 35%,#e9efcf,transparent 60%),#f8f9f4;padding:70px 0 75px}.hero-grid{gap:70px;grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(48px,6vw,80px);line-height:1.02;margin:24px 0;letter-spacing:-.065em}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green);letter-spacing:-.055em}.hero p{font-size:17px;max-width:490px;line-height:1.75}.eyebrow{padding:7px 12px;letter-spacing:.015em;font-weight:700}.live-dot{width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:8px}.hero .action-row{margin-top:28px;gap:12px}.hero-promises{display:flex;gap:22px;margin-top:35px;font-size:12px;flex-wrap:wrap}.hero-promises span{display:flex;gap:8px;align-items:center}.hero-promises b{color:var(--green);font-size:11px;background:var(--soft);border-radius:50%;padding:5px 7px}.hero-scene{position:relative;padding:16px 0 35px}.hero-photo{min-height:510px;border-radius:120px 24px 24px 24px;background-position:center;box-shadow:var(--shadow)}.hero-label{left:30px;bottom:35px}.hero-label b{display:block;font-size:28px;line-height:1.2;letter-spacing:-.035em}.photo-tag{display:block;font-size:12px;margin-bottom:12px}.harvest-sticker{position:absolute;right:-18px;top:0;background:var(--lime);color:var(--dark);padding:25px 22px;border-radius:50%;transform:rotate(10deg);font-size:13px;line-height:1.5;box-shadow:0 8px 22px #193d3212}.floating-note{position:absolute;bottom:0;left:-30px;display:flex;align-items:center;background:#fff;border-radius:18px;padding:7px 24px 7px 4px;box-shadow:var(--shadow);gap:10px}.floating-note .plant-art{width:90px;height:75px;color:var(--green)}.floating-note b,.floating-note span{display:block}.floating-note span{font-size:13px;color:var(--muted)}.section{padding:72px 0}.head{margin-bottom:30px}.head h2{font-size:clamp(28px,3vw,40px);margin-top:15px}.head h1{font-size:clamp(34px,4vw,48px);margin:15px 0 0}.section.alt{background:#edf2e4}.grid{gap:24px}.card{border-radius:20px;border-color:#e5e9df;box-shadow:0 4px 20px #193d3204;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-visual{height:220px;position:relative;background:#ecf1df;overflow:hidden}.product-visual .plant-art{width:230px;height:180px;color:var(--green);transition:transform .35s}.card:hover .plant-art{transform:rotate(-4deg) scale(1.04)}.card:nth-child(3n+2) .product-visual{background:#fae9de}.card:nth-child(3n+3) .product-visual{background:#f1efcf}.product-caption{position:absolute;bottom:14px;left:18px;font-size:11px;font-weight:600;border:1px solid #193d3220;border-radius:50px;padding:4px 9px;color:var(--green)}.card-body{padding:24px}.card-body h3{margin:15px 0 8px}.price{letter-spacing:-.04em;font-size:23px}.badge{background:var(--soft);font-size:11px}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.journey{background:#fff;border-radius:18px;padding:30px;border:1px solid var(--line)}.journey-number{display:grid;place-items:center;background:var(--lime);border-radius:14px;width:50px;height:50px;font-size:22px;font-weight:800;transform:rotate(-5deg)}.journey:nth-child(2) .journey-number{background:#f6d5bf;transform:rotate(4deg)}.journey:nth-child(3) .journey-number{background:#dcebdc}.journey h3{margin-top:25px}.journey p{color:var(--muted);font-size:14px;line-height:1.8}.journey a{display:inline-block;font-size:13px;font-weight:700;margin-top:15px}.journey a:hover{text-decoration:underline}.harvest-banner{background:#eaf0cf;border-radius:28px;padding:48px 60px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px}.harvest-banner h2{font-size:clamp(30px,4vw,46px);margin:20px 0}.harvest-banner p{max-width:480px;color:var(--muted);margin-bottom:25px}.harvest-banner>.plant-art{width:100%;color:var(--green)}.footer{padding:60px 0}.footer a:hover{color:var(--lime)}.footer .brand small{color:var(--lime)}
.sidebar{width:260px;background:#173c30;padding:30px 18px}.app-shell{margin-left:260px}.app-brand{font-size:30px;margin-bottom:22px}.app-brand small{color:#cadbaf;font-size:10px}.sidebar nav{gap:10px}.sidebar nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:12px 14px;transition:background .2s,color .2s;color:#d2dfd6}.sidebar nav a.active{background:var(--lime);color:var(--dark);font-weight:700}.sidebar nav a:hover:not(.active){background:#ffffff14}.nav-mark{font-size:19px;width:22px}.nav-group summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;cursor:pointer;border-radius:10px;min-height:46px;font-size:14px;color:#d2dfd6}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:hover{background:#ffffff14}.nav-group[open] summary{color:var(--lime)}.nav-group[open] summary span{transform:rotate(180deg)}.nav-group a{margin:4px 0 0 14px;font-size:13px!important}.sidebar-bottom{border-top:1px solid #ffffff20;padding-top:20px}.app-top{height:82px;padding:0 34px;background:#ffffffd9;backdrop-filter:blur(12px)}.app-main{padding:38px;max-width:1560px;margin:auto}.page-head{margin-bottom:32px;align-items:center}.page-head h1{font-size:36px;margin-top:12px}.page-head p{margin-top:10px;max-width:650px}.metrics{gap:20px;margin-bottom:36px}.metric{padding:24px;border-radius:18px;position:relative;border-color:var(--line);box-shadow:0 3px 12px #193d3203}.metric:before{content:"";display:block;width:25px;height:5px;border-radius:3px;background:var(--green);margin-bottom:18px}.metric:nth-child(2):before{background:#9fae45}.metric:nth-child(3):before{background:#ce8157}.metric:nth-child(4):before{background:#689b9b}.metric strong{font-size:32px;letter-spacing:-.05em;margin-bottom:5px}.panel,.form-card{padding:28px;border-radius:20px;box-shadow:0 4px 18px #193d3203}.table th{background:#f8faf5;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:15px}.table td{padding:18px 15px}.table tbody tr:hover{background:#f9fbf6}.table a{font-weight:700;color:var(--green)}.field{gap:9px}.field label{font-size:13px;font-weight:600}.field input,.field select,.field textarea{padding:14px;min-height:48px;border-radius:11px;transition:border-color .2s,box-shadow .2s}.field input:hover,.field select:hover,.field textarea:hover{border-color:#a7bca8}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px #21644915}.form-grid{gap:20px}.auth-container{max-width:560px}.auth-container h1{font-size:40px}.drawer{padding:28px;border-radius:24px 0 0 24px;transition:right .3s cubic-bezier(.2,.8,.2,1)}.overlay{background:#102d2470;backdrop-filter:blur(3px)}.empty-state{background:#f7f9f2;border:1px dashed #cad5be;border-radius:16px;padding:45px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--dark);color:#fff;padding:14px 24px;border-radius:14px;z-index:100;box-shadow:var(--shadow);font-size:14px;max-width:90vw}.reveal{animation:rise-in .55s ease both}@keyframes rise-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.hero-grid{gap:35px}.hero h1{font-size:64px}.nav-links{gap:15px}.app-main{padding:28px}.hero-photo{min-height:460px}}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:58px}.hero-photo{min-height:450px}.hero-promises{gap:12px}.journey-grid{gap:15px}.journey{padding:22px}}
@media(max-width:760px){.container{width:90%}.nav-inner{padding:15px 0}.brand{font-size:23px}.hero{padding:38px 0 42px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:62px}.hero p{font-size:16px}.hero-scene{padding:15px 12px 30px}.hero-photo{min-height:360px;border-radius:80px 20px 20px 20px}.harvest-sticker{right:0;padding:19px}.floating-note{left:0}.section{padding:46px 0}.journey-grid{grid-template-columns:1fr}.harvest-banner{grid-template-columns:1fr;padding:30px;gap:10px}.harvest-banner>.plant-art{max-height:180px}.sidebar{width:260px}.app-shell{margin-left:0}.app-main{padding:22px 16px}.app-top{height:72px;padding:0 16px}.app-top .btn{padding:10px;font-size:12px}.page-head h1{font-size:29px}.metrics{grid-template-columns:1fr 1fr;gap:12px}.metric{padding:18px}.metric strong{font-size:27px}.panel,.form-card{padding:20px}.hero-promises{font-size:11px}.nav-actions .btn{padding:10px 12px}.hero .action-row .btn{width:100%}.hero-label b{font-size:25px}.footer-grid{gap:24px}.product-visual{height:200px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.card:hover,.btn:hover,.btn:active,.card:hover .plant-art{transform:none}}
@media(max-width:760px){.nav-actions .ghost{display:inline-flex;font-size:12px;padding:10px}.nav-inner{gap:8px}.public-menu{padding:10px;min-width:44px}.nav-actions{gap:5px}.brand{font-size:21px}.nav-links.open{gap:10px 20px}.nav-links.open a{min-height:44px;display:flex;align-items:center}}
@media(max-width:380px){.nav-actions{width:100%;justify-content:flex-end}.nav-inner>.brand{margin-right:auto}}
.hero-photo{background:radial-gradient(circle at 80% 20%,#f0e7b1 0 14%,transparent 14.2%),linear-gradient(150deg,#d8e6bb,#adc992);isolation:isolate}.hero-photo:after{background:linear-gradient(180deg,transparent 50%,#173c30d9)}.hero-photo:before{content:"";position:absolute;width:140%;height:200px;left:-25%;bottom:-40px;background:#6e9565;border-radius:50%;transform:rotate(-12deg);z-index:-1}.hero-illustration{position:absolute;inset:20px 0 60px;display:grid;place-items:center}.hero-illustration .plant-art{width:90%;height:100%;color:#285f43}.hero-label{z-index:2}
/* Transparent logo: natural proportions, no white tile or positional crop. */
.logo-window{display:flex;align-items:center;width:180px;height:116px;background:transparent;overflow:visible;border-radius:0}
.brand-logo{display:block;position:static;max-width:100%;width:100%;height:100%;object-fit:contain}
.app-brand{padding:0 4px 20px;margin-bottom:12px}.app-brand .logo-window{width:210px;height:135px}.app-brand small{margin:12px 0 0 8px}
.footer .logo-window{width:190px;height:123px}
.navbar .nav-inner{min-height:80px;padding:10px 0;flex-wrap:nowrap}.navbar .brand{flex-shrink:0}.navbar .logo-window{width:94px;height:60px}.navbar .nav-actions{flex-wrap:nowrap;max-width:none}.navbar .nav-links{align-items:center}
@media(max-width:1100px) and (min-width:1001px){.nav-links{gap:12px}.nav-actions .btn{padding:11px 12px}}
@media(max-width:1000px){.navbar .nav-inner{flex-wrap:wrap}.navbar .nav-links.open{padding:4px 0 8px}}
@media(max-width:760px){.navbar{position:sticky;top:0}.navbar .nav-inner{min-height:68px;padding:8px 0;gap:8px}.navbar .logo-window{width:80px;height:52px}.navbar .public-menu{margin-left:auto}.navbar .nav-actions{width:auto;gap:6px}.navbar .nav-actions .btn{min-height:44px;padding:10px;font-size:12px}}
@media(max-width:360px){.navbar .nav-actions .btn{padding:8px}.navbar .nav-inner{gap:5px}.navbar .public-menu{min-width:40px;padding:8px}.navbar .logo-window{width:70px;height:46px}}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px}.contact-grid .feature{padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.contact-grid h2{font-size:24px;margin:0}.contact-grid p{overflow-wrap:anywhere;line-height:1.7}.contact-grid .btn{margin-top:auto}.contact-symbol{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--lime);color:var(--dark);font-size:25px;font-weight:700}.contact-grid article:nth-child(2) .contact-symbol{background:#f6d5bf}.contact-hours{margin-top:8px!important}
.product-photo{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.brand-story{max-width:850px;font-size:18px;line-height:1.8;color:var(--muted);margin:0 0 30px}
.hero-photo-real{background:var(--soft)}.hero-photo-real:before{display:none}.hero-activity-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}.activity-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.activity-gallery figure{margin:0;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line)}.activity-gallery img{display:block;width:100%;height:230px;object-fit:cover;transition:transform .25s}.activity-gallery figure:hover img{transform:scale(1.025)}.activity-gallery figcaption{padding:18px;font-weight:600}.product-photo{object-fit:contain}
@media(max-width:1000px){.activity-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.activity-gallery{grid-template-columns:1fr}.activity-gallery img{height:240px}}
.preserve-lines{white-space:pre-line}.editor-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:start}.editor-controls{min-width:0}.editor-tabs{display:flex;gap:8px;margin-bottom:20px;background:var(--soft);padding:6px;border-radius:14px}.editor-tab{display:flex;gap:8px;align-items:center;justify-content:center;flex:1;min-height:46px;padding:10px;border:0;border-radius:10px;color:var(--muted);background:transparent;cursor:pointer;font-weight:600;transition:background .2s,color .2s}.editor-tab span{font-size:11px}.editor-tab.selected{background:#fff;color:var(--green);box-shadow:0 3px 12px #193d320b}.editor-controls .panel h2{font-size:24px}.editor-controls .form-grid{margin-bottom:24px}.editor-controls [hidden],.editor-preview [hidden]{display:none}.photo-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.photo-option{position:relative;display:block;border:2px solid var(--line);border-radius:12px;padding:5px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.photo-option:has(input:checked){border-color:var(--green);box-shadow:0 0 0 2px #21644912}.photo-option input{position:absolute;top:12px;left:12px;accent-color:var(--green);width:18px;height:18px}.photo-option img{width:100%;height:110px;object-fit:cover;border-radius:8px;display:block}.photo-option span{display:block;font-size:12px;font-weight:600;padding:10px 4px}.publish-option{padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:16px}.publish-option label{display:flex;gap:14px;align-items:flex-start;cursor:pointer}.publish-option input[type=checkbox]{width:22px;height:22px;accent-color:var(--green);flex-shrink:0}.publish-option small{display:block;color:var(--muted);margin-top:5px}.editor-save{display:flex;justify-content:space-between;align-items:center;gap:14px;position:sticky;bottom:12px;background:#fff;padding:18px;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:5}.editor-save span{color:var(--muted);font-size:12px}.editor-save span.unsaved{color:#946118}.editor-preview{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;position:sticky;top:106px;max-height:calc(100vh - 130px);overflow-y:auto}.preview-caption{padding:18px 24px;border-bottom:1px solid var(--line);background:#fff}.preview-caption small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.preview-hero{padding:25px;background:var(--bg)}.preview-hero h2{font-size:34px;margin:20px 0;overflow-wrap:anywhere}.preview-hero p,.preview-section p{font-size:13px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.preview-hero figure{position:relative;margin:22px 0 0;border-radius:18px;overflow:hidden}.preview-hero img{display:block;width:100%;height:190px;object-fit:cover}.preview-hero figcaption{padding:15px;background:var(--dark);color:#fff;font-size:14px}.preview-section{padding:24px;border-top:1px solid var(--line)}.preview-section h3{font-size:22px;overflow-wrap:anywhere}.preview-gallery-images{display:flex;gap:8px}.preview-gallery-images img{width:calc((100% - 16px)/3);height:85px;object-fit:cover;border-radius:8px}.preview-footer{background:var(--dark);color:#fff;padding:24px;font-size:13px;overflow-wrap:anywhere}.field-error{color:var(--danger);font-size:12px}
@media(max-width:1100px){.editor-layout{grid-template-columns:1fr}.editor-preview{position:static;max-height:none;order:-1}.preview-hero img{height:240px}.preview-hero{display:grid;grid-template-columns:1fr 1fr;gap:14px}.preview-hero>.eyebrow{justify-self:start;grid-column:1/-1}.preview-hero figure{grid-column:2;grid-row:2/4;margin:0}.preview-hero h2,.preview-hero p{margin:0}}
@media(max-width:760px){.editor-tabs{gap:3px}.editor-tab{font-size:12px;padding:8px}.editor-save{flex-wrap:wrap}.editor-save .btn{width:100%}.preview-hero{display:block}.preview-hero h2{font-size:28px;margin:15px 0}.preview-hero figure{margin-top:15px}.preview-hero img{height:150px}.editor-preview{order:initial}.photo-options{gap:10px}.photo-option img{height:95px}}
.notifications-link{white-space:nowrap}.notifications-link span,[data-unread-badge]{font-size:11px;min-width:22px;padding:2px 6px;border-radius:999px;background:var(--lime);color:var(--dark)}.notification-filters{display:flex;gap:10px;margin-bottom:20px}.notification-card{display:flex;align-items:flex-start;gap:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:14px;transition:border-color .2s,background .2s}.notification-card.is-unread{border-color:#b7d2b8;background:#fcfef9}.notification-indicator{flex-shrink:0;width:10px;height:10px;border-radius:50%;background:var(--green);margin-top:8px}.is-read .notification-indicator{background:var(--line)}.notification-copy{flex:1;min-width:0}.notification-copy h2{font-size:20px;margin:0 0 10px}.notification-copy p{color:var(--muted);overflow-wrap:anywhere}.notification-copy small{color:var(--muted);font-size:12px}.notification-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1000px){.notification-card{flex-wrap:wrap}.notification-actions{width:100%;justify-content:flex-start}}@media(max-width:760px){.notifications-link{font-size:11px;padding:8px!important}.notification-card{padding:18px}.notification-copy h2{font-size:18px}.app-top{gap:6px}.app-top>div:first-of-type small{display:none}}
.media-library-image{display:block;width:100%;height:200px;object-fit:cover}

#upload-preview:empty{display:none}.grid>.empty-state{grid-column:1/-1}
[data-custom-smtp][hidden],#gmail-help[hidden]{display:none!important}

/* Normalize Safari's native category control without altering the filter layout. */
.catalog-filters #category {
    -webkit-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    min-height: 52px;
    padding: 14px 44px 14px 14px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%23216449' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 18px 18px;
    color: var(--ink);
    -webkit-text-fill-color: var(--ink);
    font: inherit;
    line-height: 1.4;
    cursor: pointer;
}
.catalog-filters #category:hover { border-color: #a7bca8; }
.catalog-filters #category:focus {
    outline: 2px solid var(--green);
    outline-offset: 2px;
    border-color: var(--green);
}

/* Shared, dismissible feedback for public, client, delivery, and admin screens. */
.toast-container{position:fixed;top:96px;right:24px;z-index:120;display:grid;gap:14px;width:min(410px,calc(100vw - 32px));max-height:calc(100vh - 120px);overflow-y:auto;pointer-events:none}
.toast{position:relative;top:auto;right:auto;bottom:auto;left:auto;transform:none;width:100%;max-width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) 40px;align-items:start;gap:14px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 44px rgba(18,35,22,.18);color:var(--ink);pointer-events:auto;animation:toast-in .42s cubic-bezier(.2,.8,.2,1) both}
.toast-success{border-left:4px solid var(--green2)}.toast-error{border-left:4px solid var(--danger)}.toast-info{border-left:4px solid var(--blue)}
.toast-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--soft);color:var(--green);font-weight:900}.toast-error .toast-icon{background:#fff0ed;color:var(--danger)}.toast-info .toast-icon{background:#e8f0f8;color:var(--blue)}
.toast-copy{min-width:0}.toast-copy>b{display:block;margin:1px 0 4px;font-size:14px;color:var(--dark)}.toast-copy p,.toast-copy ul{margin:0;color:var(--muted);font-size:13px;line-height:1.55;overflow-wrap:anywhere}.toast-copy ul{padding-left:18px}.toast-copy li+li{margin-top:4px}
.toast-close{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:var(--bg);color:var(--dark);font-size:24px;line-height:1;cursor:pointer;transition:background .18s,transform .18s}.toast-close:hover{background:var(--soft);transform:scale(1.04)}.toast-close:focus-visible{outline:3px solid var(--green2);outline-offset:2px}
.toast.no-motion{animation:none}@keyframes toast-in{from{opacity:0;transform:translate3d(-42px,0,0) scale(.94)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@media(max-width:760px){.toast-container{top:76px;left:12px;right:12px;width:auto;max-height:calc(100vh - 92px)}.toast{grid-template-columns:34px minmax(0,1fr) 40px;gap:12px;padding:17px 16px;border-radius:14px}.toast-close{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.toast{animation:none!important}}
.password-field{position:relative;width:100%}.password-field>input{width:100%;padding-right:104px!important}.password-toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:78px;min-height:38px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--green);font-size:12px;font-weight:800;cursor:pointer;transition:background .18s,border-color .18s}.password-toggle:hover{background:var(--soft);border-color:#a7bca8}.password-toggle:focus-visible{outline:3px solid var(--green2);outline-offset:2px}
@media (forced-colors: active) {
    .catalog-filters #category {
        -webkit-appearance: auto;
        appearance: auto;
        background-image: none;
        -webkit-text-fill-color: currentColor;
    }
}

select:not([multiple]) {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 36px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m7 10 5 5 5-5' stroke='%23216449' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px 16px;
}
@media (forced-colors: active) {
    select:not([multiple]) {
        -webkit-appearance: auto;
        appearance: auto;
        background-image: none;
    }
}

.tracking-page{padding:clamp(42px,7vw,82px) 0;background:radial-gradient(ellipse at 76% 18%,#eaf1d7 0,transparent 36%),var(--bg)}
.tracking-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);align-items:center;gap:clamp(36px,7vw,92px);max-width:1020px;margin:0 auto}
.tracking-intro{max-width:440px}
.tracking-intro>.eyebrow{gap:7px}
.tracking-intro h1{margin:18px 0 14px;color:var(--dark);font-size:clamp(38px,5.2vw,60px);letter-spacing:-.065em;line-height:1.02}
.tracking-intro h1 em{color:var(--green);font-family:Georgia,serif;font-weight:400}
.tracking-intro>p{max-width:410px;margin:0;color:var(--muted);font-size:15px;line-height:1.75}
.tracking-help-list{display:grid;gap:15px;margin:30px 0 20px}
.tracking-help-list>div{display:flex;align-items:center;gap:12px}
.tracking-help-list>div>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;background:var(--soft);color:var(--green);font-size:10px;font-weight:850}
.tracking-help-list p{display:grid;gap:3px;margin:0}
.tracking-help-list strong{color:var(--dark);font-size:12px}
.tracking-help-list small{color:var(--muted);font-size:11px}
.tracking-contact-link{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:12px;font-weight:800}
.tracking-contact-link:hover{text-decoration:underline;text-underline-offset:3px}
.tracking-content{display:grid;gap:13px;min-width:0}
.tracking-search-card{display:grid;gap:15px;padding:clamp(20px,3vw,30px);border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 16px 44px rgba(25,61,50,.07)}
.tracking-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:3px}
.tracking-card-heading>span{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:13px;background:var(--soft);color:var(--green);font-size:22px}
.tracking-card-heading h2{margin:0;color:var(--dark);font-size:17px;letter-spacing:-.035em}
.tracking-card-heading p{margin:3px 0 0;color:var(--muted);font-size:11px}
.tracking-search-card .field{gap:6px}
.tracking-search-card .field label{color:var(--ink);font-size:11px;font-weight:750}
.tracking-search-card .field input{width:100%;min-height:46px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:13px;transition:border-color .16s,box-shadow .16s}
.tracking-search-card .field input::placeholder{color:#929b91}
.tracking-search-card .field input:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px #21644917}
.tracking-search-card>.btn{min-height:46px;justify-content:space-between;padding:11px 15px}
.tracking-privacy{display:flex;align-items:flex-start;gap:7px;margin:0;color:var(--muted);font-size:10px;line-height:1.5}
.tracking-privacy span{color:var(--green);font-size:14px;font-weight:800}
.tracking-result{display:grid;gap:9px;padding:19px 21px;border:1px solid #d8e6d8;border-radius:16px;background:#f3f8ef}
.tracking-result-top{display:flex;align-items:center;gap:8px}
.tracking-result-icon{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:10px;background:#e1f0e2;color:#287345;font-size:15px;font-weight:850}
.tracking-result-label{color:#287345;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.tracking-result h2{margin:0;color:var(--dark);font-size:19px;letter-spacing:-.035em}
.tracking-delivery-date{display:flex;align-items:center;gap:10px;padding-top:10px;border-top:1px solid #dce8d8}
.tracking-delivery-date>span{color:var(--green);font-size:19px}
.tracking-delivery-date>div{display:grid;gap:2px}
.tracking-delivery-date small{color:var(--muted);font-size:10px}
.tracking-delivery-date strong{color:var(--dark);font-size:13px}
.tracking-result-empty{grid-template-columns:31px minmax(0,1fr);align-items:start;border-color:#eddfca;background:#fffaf1}
.tracking-result-empty .tracking-result-icon{background:#fff0d6;color:#9b6b14}
.tracking-result-empty h2{font-size:14px}
.tracking-result-empty p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.55}
@media(max-width:760px){.tracking-page{padding:34px 0 48px}.tracking-layout{grid-template-columns:minmax(0,1fr);gap:27px}.tracking-intro{max-width:none}.tracking-intro h1{font-size:clamp(36px,10vw,48px);margin:13px 0 10px}.tracking-intro>p{font-size:13px}.tracking-help-list{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 13px}.tracking-help-list>div{align-items:flex-start;gap:8px}.tracking-help-list>div>span{flex-basis:29px;height:29px;border-radius:9px}.tracking-help-list small{font-size:10px}.tracking-search-card{gap:12px;padding:18px;border-radius:16px}}

.driver-remittance-overview{grid-template-columns:repeat(3,minmax(0,1fr))}
.driver-remittance-overview article>div{min-width:0}
.driver-remittance-overview small{display:block;max-width:180px;line-height:1.35}
.remittance-form{margin:0}
.remittance-form .table{min-width:880px}
.remittance-checkbox{display:grid;place-items:center;width:30px;height:30px;cursor:pointer}
.remittance-checkbox input{width:17px;height:17px;accent-color:var(--green);cursor:pointer}
.remittance-not-selectable{color:#aab2a9}
.remittance-status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#f0f2ed;color:#68736a;font-size:9px;font-weight:800;line-height:1.35}
.remittance-status.is-available{background:#fff4dc;color:#91620a}
.remittance-status.is-submitted{background:#eaf0fb;color:#45658c}
.remittance-status.is-received{background:#e8f3e9;color:#287345}
.remittance-submit-panel{display:grid;gap:13px;margin-top:15px;padding:16px;border:1px solid #dce8d8;border-radius:13px;background:#f7faf4}
.remittance-submit-panel>div:first-child strong{color:var(--dark);font-size:13px}
.remittance-submit-panel>div:first-child p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.5}
.remittance-fields{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto;align-items:end;gap:9px}
.remittance-fields .field{gap:5px}
.remittance-fields .field span{color:var(--ink);font-size:10px;font-weight:750}
.remittance-fields input{width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:10px}
.remittance-fields .btn{min-height:38px;padding:8px 12px;font-size:10px;white-space:nowrap}
.remittance-error{margin:0;color:var(--danger);font-size:11px}
.remittance-history{margin-top:16px}
.remittance-history-list{display:grid;gap:8px}
.remittance-history-list article{display:flex;align-items:center;gap:10px;min-width:0;padding:11px;border:1px solid #edf0e9;border-radius:11px;background:#fff}
.remittance-history-icon{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:10px;background:var(--soft);color:var(--green);font-size:16px}
.remittance-history-copy{display:grid;gap:3px;min-width:0;flex:1}
.remittance-history-copy strong{color:var(--dark);font-size:11px}
.remittance-history-copy small{color:var(--muted);font-size:9px;overflow-wrap:anywhere}
.remittance-admin-overview{grid-template-columns:repeat(2,minmax(0,1fr));max-width:600px}
.remittance-admin-filter{display:flex;align-items:center;gap:9px;margin:0 0 14px;padding:10px 12px}
.remittance-admin-filter label{color:var(--ink);font-size:11px;font-weight:750}
.remittance-admin-filter select{min-width:190px;min-height:38px;padding:7px 34px 7px 10px;border:1px solid var(--line);border-radius:9px;background-color:#fff;color:var(--ink);font-size:10px}
.remittance-admin-filter .btn{min-height:38px;padding:7px 10px;font-size:10px}
.remittance-admin-list .table{min-width:880px}
.remittance-order-list{display:grid;gap:4px;min-width:145px}
.remittance-order-list a{display:flex;justify-content:space-between;gap:10px;color:var(--green);font-size:10px;font-weight:750}
.remittance-order-list a:hover{text-decoration:underline}
.remittance-order-list a span{color:var(--muted);font-weight:500;white-space:nowrap}
.remittance-admin-note{display:block;margin-top:4px;color:var(--muted);font-size:9px;line-height:1.4}
.remittance-admin-list td form{margin:0}
.remittance-admin-list .payment-open{min-height:34px;padding:7px 9px;font-size:9px}
@media(max-width:900px){.remittance-fields{grid-template-columns:1fr 1fr}.remittance-fields .btn{grid-column:1/-1}.remittance-admin-overview{max-width:none}}
@media(max-width:680px){.driver-remittance-overview{grid-template-columns:1fr 1fr;gap:7px}.driver-remittance-overview article{min-height:66px;padding:9px}.driver-remittance-overview article:last-child{grid-column:1/-1}.driver-remittance-overview strong{font-size:14px}.remittance-fields{grid-template-columns:1fr}.remittance-fields .btn{grid-column:auto;width:100%}.remittance-submit-panel{padding:12px}.remittance-history-list article{align-items:flex-start;flex-wrap:wrap}.remittance-history-list .remittance-status{margin-left:42px}.remittance-admin-filter{display:grid;grid-template-columns:1fr auto}.remittance-admin-filter label{grid-column:1/-1}.remittance-admin-filter select{width:100%;min-width:0}.remittance-admin-overview{grid-template-columns:1fr 1fr}}
.dashboard-remittances{margin:0 0 23px;padding:16px;border:1px solid #e3e9dc;border-radius:15px;background:#fff}
.dashboard-remittances .dashboard-section-heading{margin:0 0 12px}
.dashboard-remittances .dashboard-section-heading h2{display:flex;align-items:center;gap:8px}
.dashboard-remittances .dashboard-section-heading h2 span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#fff1d5;color:#94640a;font-size:10px}
.dashboard-remittance-list{display:grid;gap:8px}
.dashboard-remittance-card{display:grid;grid-template-columns:minmax(190px,1fr) minmax(110px,.5fr) minmax(180px,.8fr) auto;align-items:center;gap:14px;padding:12px;border:1px solid #edf0e9;border-radius:11px;background:#fbfcf9}
.dashboard-remittance-driver{display:flex;align-items:center;gap:9px;min-width:0}
.dashboard-remittance-driver>span{display:grid;place-items:center;flex:0 0 33px;height:33px;border-radius:10px;background:var(--soft);color:var(--green);font-size:16px}
.dashboard-remittance-driver>div{display:grid;gap:3px;min-width:0}
.dashboard-remittance-driver strong,.dashboard-remittance-amount strong,.dashboard-remittance-orders strong{color:var(--dark);font-size:11px}
.dashboard-remittance-driver small,.dashboard-remittance-amount small,.dashboard-remittance-orders small{display:block;color:var(--muted);font-size:9px;line-height:1.4}
.dashboard-remittance-amount,.dashboard-remittance-orders{min-width:0}
.dashboard-remittance-orders strong{display:block;margin-top:3px;overflow-wrap:anywhere}
.dashboard-remittance-orders a{color:var(--green)}
.dashboard-remittance-orders a:hover{text-decoration:underline}
.dashboard-remittance-card form{margin:0}
.dashboard-remittance-card .btn{min-height:34px;padding:7px 10px;font-size:9px;white-space:nowrap}
@media(max-width:1050px){.dashboard-remittance-card{grid-template-columns:minmax(180px,1fr) minmax(120px,.6fr) auto}.dashboard-remittance-orders{grid-column:1/3}.dashboard-remittance-card form{grid-column:3;grid-row:1/3}}
@media(max-width:680px){.dashboard-remittances{padding:12px}.dashboard-remittances .dashboard-section-heading{align-items:flex-start;flex-direction:column}.dashboard-remittance-card{grid-template-columns:1fr 1fr;gap:9px}.dashboard-remittance-driver{grid-column:1/-1}.dashboard-remittance-orders{grid-column:1/-1}.dashboard-remittance-card form{grid-column:1/-1;grid-row:auto}.dashboard-remittance-card .btn{width:100%}}
.app-modal{width:min(460px,calc(100vw - 32px));max-width:none;max-height:min(90vh,720px);padding:0;overflow:auto;border:1px solid #e4eae0;border-radius:19px;background:transparent;color:var(--ink);box-shadow:0 24px 80px rgba(15,35,26,.25);animation:app-modal-in .22s cubic-bezier(.2,.8,.2,1) both}
.app-modal::backdrop{background:rgba(18,38,29,.48);backdrop-filter:blur(3px);animation:app-backdrop-in .18s ease-out both}
.app-modal-panel{display:grid;gap:18px;padding:24px;background:#fff}
.app-modal-heading{display:flex;align-items:flex-start;gap:13px}
.app-modal-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:var(--soft);color:var(--green);font-size:17px;font-weight:850}
.app-modal-copy{min-width:0}
.app-modal-copy h2{margin:2px 0 6px;color:var(--dark);font-size:17px;letter-spacing:-.035em}
.app-modal-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.app-modal-input{width:100%;min-height:43px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:13px}
.app-modal-input:focus{outline:2px solid var(--green);outline-offset:2px}
.app-modal-actions{display:flex;justify-content:flex-end;gap:8px}
.app-modal-actions .btn{min-height:40px;padding:9px 14px;font-size:11px}
@keyframes app-modal-in{from{opacity:0;transform:translateY(9px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes app-backdrop-in{from{opacity:0}to{opacity:1}}
@media(max-width:520px){.app-modal-panel{gap:15px;padding:19px}.app-modal-copy h2{font-size:15px}.app-modal-actions{display:grid;grid-template-columns:1fr 1fr}.app-modal-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.app-modal,.app-modal::backdrop{animation:none}}

.logistics-page-head{align-items:center}.logistics-jump-links{flex-shrink:0}.logistics-jump-links .btn span{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#fff;color:var(--green);font-size:11px}.logistics-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.logistics-section{min-width:0;scroll-margin-top:110px}.logistics-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 6px}.logistics-section-head h2{font-size:24px;margin:9px 0 0}.logistics-count{flex-shrink:0;padding:7px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:700;color:var(--muted)}.logistics-hint{min-height:42px;margin:8px 0 16px;font-size:13px;line-height:1.6}.logistics-record-list{display:grid;gap:22px;margin-top:12px}.logistics-card{padding:0;margin-bottom:0}.logistics-create{background:#fbfcf8;border-color:#cfdccf}.logistics-add-summary,.logistics-record-summary{display:grid;align-items:center;gap:12px;list-style:none;cursor:pointer}.logistics-add-summary::-webkit-details-marker,.logistics-record-summary::-webkit-details-marker{display:none}.logistics-add-summary{grid-template-columns:40px minmax(0,1fr) 24px;padding:16px}.logistics-add-summary>span:nth-child(2){display:grid;gap:3px}.logistics-add-summary b,.logistics-record-name b{font-size:14px;color:var(--ink)}.logistics-add-summary small,.logistics-record-name small{color:var(--muted);font-size:12px;line-height:1.45}.logistics-record-summary{grid-template-columns:40px minmax(0,1fr) auto 20px;padding:14px 16px}.logistics-record-name{display:grid;gap:4px;min-width:0}.logistics-disclosure{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;color:var(--muted);font-size:18px;transition:transform .2s,background .2s}.logistics-add-summary:hover .logistics-disclosure,.logistics-record-summary:hover .logistics-disclosure{background:var(--soft);color:var(--green)}.logistics-create[open]>.logistics-add-summary,.logistics-record[open]>.logistics-record-summary{margin-bottom:18px;border-bottom:1px solid var(--line)}.logistics-create[open]>.logistics-add-summary .logistics-disclosure,.logistics-record[open]>.logistics-record-summary .logistics-disclosure{transform:rotate(180deg)}.logistics-add-summary:focus-visible,.logistics-record-summary:focus-visible{outline:3px solid var(--green2);outline-offset:2px;border-radius:10px}.logistics-create>form,.logistics-edit-form{padding:0 18px 18px}.logistics-add-icon,.logistics-record-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--soft);color:var(--green);font-size:24px;font-weight:600}.logistics-create .logistics-add-icon{background:var(--lime);color:var(--dark)}.logistics-form-grid{gap:15px}.logistics-form-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:2px}.logistics-active{display:inline-flex;align-items:center;gap:9px;min-height:42px;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer}.logistics-active input[type=checkbox]{width:19px;height:19px;accent-color:var(--green)}.logistics-empty{padding:24px;background:#f9faf6;border:1px dashed #bdcbbb;text-align:center}.logistics-empty h3{margin:0 0 6px}.logistics-empty p{margin:0;color:var(--muted);font-size:13px}
@media(max-width:1100px){.logistics-columns{grid-template-columns:1fr;gap:28px}.logistics-hint{min-height:0}}
@media(max-width:760px){.logistics-page-head{align-items:flex-start;flex-direction:column}.logistics-jump-links{width:100%}.logistics-jump-links .btn{flex:1}.logistics-section-head h2{font-size:21px}.logistics-record-summary{grid-template-columns:36px minmax(0,1fr) auto 18px;gap:9px;padding:12px}.logistics-record-summary .status{font-size:10px;padding:4px 6px}.logistics-form-footer{align-items:stretch}.logistics-form-footer .btn{width:100%}.logistics-active{order:0}}
.driver-page-head{margin-bottom:22px}.driver-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:30px}.driver-overview-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:16px}.driver-overview-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:var(--soft);color:var(--green);font-size:20px;font-weight:800}.driver-overview-icon.is-available{background:#e8f3e8}.driver-overview-card small{display:block;color:var(--muted);font-size:12px}.driver-overview-card strong{display:block;margin-top:3px;color:var(--dark);font-size:22px;line-height:1.1}.driver-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px}.driver-toolbar h2{margin:0;font-size:22px}.driver-toolbar p{margin:5px 0 0;font-size:13px}.driver-search{display:flex;align-items:center;gap:10px;width:min(330px,45%);min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted)}.driver-search>span:first-child{font-size:21px}.driver-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink)}.driver-search:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #21644915}.driver-search kbd{flex:none;padding:4px 6px;border:1px solid var(--line);border-radius:6px;background:var(--bg);font-size:10px;color:var(--muted)}.driver-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}.driver-card{min-width:0;padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 16px #193d3206}.driver-card-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.driver-avatar{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:15px;background:var(--lime);color:var(--dark);font-size:19px;font-weight:800}.driver-identity{flex:1;min-width:0}.driver-identity h3{margin:0 0 4px;font-size:17px;overflow-wrap:anywhere}.driver-identity a{color:var(--muted);font-size:13px}.driver-identity a:hover{color:var(--green);text-decoration:underline}.driver-card-head .status{flex:none}.driver-delivery-count{display:flex;align-items:center;gap:7px;padding:14px 0;color:var(--muted);font-size:12px}.driver-delivery-count>span{color:var(--green);font-weight:800}.driver-delivery-count strong{color:var(--ink);font-size:14px}.driver-zones{min-width:0;margin:0;padding:0;border:0}.driver-zones legend{width:100%;margin-bottom:10px;font-size:13px;font-weight:800;color:var(--ink)}.driver-zones legend small{margin-left:5px;color:var(--muted);font-size:11px;font-weight:400}.driver-zone-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.driver-zone-option{display:flex;align-items:center;gap:8px;min-width:0;min-height:42px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fbfcf9;color:var(--ink);font-size:12px;line-height:1.35;cursor:pointer;transition:border-color .15s,background .15s}.driver-zone-option:has(input:checked){border-color:#9abca0;background:var(--soft)}.driver-zone-option input{flex:0 0 16px;width:16px;height:16px;margin:0;accent-color:var(--green)}.driver-zone-option>span{min-width:0;overflow-wrap:anywhere}.driver-zone-option small{color:#9a6b24;font-size:10px}.driver-zone-option.is-inactive{color:var(--muted)}.driver-zone-option input:disabled{opacity:.45}.driver-form-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:17px;padding:14px;background:#f7f9f4;border:1px solid var(--line);border-radius:12px}.driver-availability{display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer}.driver-availability>input{flex:0 0 19px;width:19px;height:19px;accent-color:var(--green)}.driver-availability span{display:grid;gap:3px}.driver-availability strong{font-size:12px}.driver-availability small{color:var(--muted);font-size:10px;line-height:1.4}.driver-form-footer .btn{min-height:42px}.driver-no-zones{margin:0;padding:12px;border-radius:10px;background:#fff8e7;color:#765300;font-size:12px;line-height:1.5}.driver-no-zones a{font-weight:800;text-decoration:underline}.driver-empty{grid-column:1/-1}.driver-no-results{grid-column:1/-1;margin:0;padding:25px;text-align:center;color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:14px}.driver-card[hidden],.driver-no-results[hidden]{display:none!important}
@media(max-width:1100px){.driver-grid{grid-template-columns:1fr}}
@media(max-width:760px){.driver-overview{gap:8px;margin-bottom:22px}.driver-overview-card{gap:8px;padding:12px 10px;border-radius:13px}.driver-overview-icon{flex-basis:32px;width:32px;height:32px;border-radius:10px;font-size:16px}.driver-overview-card small{font-size:10px;line-height:1.25}.driver-overview-card strong{font-size:19px}.driver-toolbar{align-items:stretch;flex-direction:column;gap:12px}.driver-search{width:100%}.driver-grid{gap:12px}.driver-card{padding:17px}.driver-card-head{gap:9px}.driver-avatar{flex-basis:40px;height:40px}.driver-identity h3{font-size:15px}.driver-card-head .status{font-size:10px;padding:5px 7px}.driver-zone-options{grid-template-columns:1fr}.driver-form-footer{grid-template-columns:1fr}.driver-form-footer .btn{width:100%}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.delivery-page-head{align-items:center}.delivery-page-head .btn{flex:none}.delivery-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px}.delivery-status-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:92px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:16px;transition:transform .18s,border-color .18s,box-shadow .18s}.delivery-status-card:hover{transform:translateY(-2px);border-color:#b5cbb7;box-shadow:0 8px 22px #193d3210}.delivery-status-card.is-selected{border-color:var(--green);box-shadow:0 0 0 2px #21644912}.delivery-status-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--soft);color:var(--green);font-size:20px;font-weight:800}.delivery-status-mark.status-ready{background:#fff2d8;color:#9b6b00}.delivery-status-mark.status-delivering{background:#e8f0f8;color:#325f89}.delivery-status-card small,.delivery-order-head small,.delivery-order-details small{display:block;color:var(--muted);font-size:11px}.delivery-status-card strong{display:block;margin-top:2px;color:var(--dark);font-size:23px;line-height:1.1}.delivery-status-label{max-width:105px;color:var(--muted);font-size:11px;text-align:right;line-height:1.4}.delivery-filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,220px) auto auto;gap:10px;align-items:center;margin-bottom:24px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px}.delivery-search-field,.delivery-status-select{display:flex;align-items:center;gap:9px;min-width:0;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--muted)}.delivery-search-field:focus-within,.delivery-status-select:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #21644915}.delivery-search-field>span:first-child{font-size:20px}.delivery-search-field input,.delivery-status-select select{width:100%;min-width:0;min-height:42px;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.delivery-status-select select{cursor:pointer}.delivery-results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.delivery-results-head h2{margin:0;font-size:21px}.delivery-results-head>span{color:var(--muted);font-size:12px}.delivery-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.delivery-order-card{min-width:0;padding:20px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 4px 16px #193d3206}.delivery-order-ready{border-left:4px solid #d6aa43}.delivery-order-assigned{border-left:4px solid #7daa82}.delivery-order-delivering{border-left:4px solid #7198b9}.delivery-order-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line)}.delivery-order-head h3{margin:4px 0 0;font-size:17px;letter-spacing:.01em}.delivery-order-customer{display:flex;align-items:center;gap:11px;padding:14px 0}.delivery-detail-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:var(--soft);color:var(--green);font-size:18px}.delivery-order-customer strong,.delivery-order-customer a{display:block}.delivery-order-customer strong{font-size:14px}.delivery-order-customer a{margin-top:3px;color:var(--muted);font-size:12px}.delivery-order-customer a:hover{color:var(--green);text-decoration:underline}.delivery-order-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.delivery-order-details>div{min-width:0}.delivery-order-details strong{display:block;margin-top:4px;color:var(--ink);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.delivery-order-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px}.delivery-order-footer>span{min-width:0;color:var(--muted);font-size:11px;line-height:1.4;overflow-wrap:anywhere}.delivery-order-footer .btn{flex:none;font-size:12px}.delivery-empty{grid-column:1/-1;padding:42px 24px;text-align:center;background:#fbfcf8;border:1px dashed #bdcbbb}.delivery-empty-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 14px;border-radius:16px;background:var(--soft);color:var(--green);font-size:22px;font-weight:800}.delivery-empty h2{margin:0 0 8px;font-size:21px}.delivery-empty p{max-width:500px;margin:0 auto 18px;color:var(--muted);font-size:13px;line-height:1.6}
@media(max-width:1100px){.delivery-order-grid{grid-template-columns:1fr}}
@media(max-width:760px){.delivery-page-head{align-items:flex-start;flex-direction:column}.delivery-page-head .btn{width:100%}.delivery-status-grid{gap:8px}.delivery-status-card{grid-template-columns:32px minmax(0,1fr);gap:7px;padding:10px;min-height:76px}.delivery-status-mark{width:32px;height:32px;border-radius:10px;font-size:16px}.delivery-status-card strong{font-size:19px}.delivery-status-label{grid-column:2;max-width:none;text-align:left;font-size:10px}.delivery-filter-bar{grid-template-columns:1fr 1fr;padding:10px}.delivery-search-field{grid-column:1/-1}.delivery-filter-bar .btn{width:100%;min-height:44px;padding:10px}.delivery-results-head h2{font-size:18px}.delivery-order-card{padding:16px}.delivery-order-footer{align-items:stretch;flex-direction:column}.delivery-order-footer .btn{width:100%}}
.products-page-head{align-items:center;margin-bottom:20px}.products-page-head .btn{flex:none;gap:8px}.products-page-head .btn span{font-size:19px;line-height:1}.products-eyebrow{display:inline-block;margin-bottom:5px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.products-page-head p{max-width:560px;font-size:13px;line-height:1.5}.products-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.products-overview-card{display:flex;align-items:center;gap:12px;min-height:82px;padding:15px 17px;background:#fff;border:1px solid var(--line);border-radius:15px}.products-overview-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:#edf5ed;color:var(--green);font-size:19px;font-weight:800}.products-overview-active{background:#e8f5ed;color:#277248}.products-overview-warning{background:#fff2dc;color:#9a6b12}.products-overview-card div{min-width:0}.products-overview-card small{display:block;color:var(--muted);font-size:11px;line-height:1.3}.products-overview-card strong{display:block;margin-top:3px;color:var(--dark);font-size:22px;line-height:1}.products-overview-card.has-low-stock{border-color:#ebd9b7}.products-attention-label{margin-left:auto;padding:5px 8px;border-radius:999px;background:#fff5e5;color:#956411;font-size:10px;font-weight:800;white-space:nowrap}.products-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,200px) minmax(160px,190px) auto auto;align-items:center;gap:9px;margin-bottom:22px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:15px}.products-search,.products-select{display:flex;align-items:center;min-width:0;min-height:44px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:#fff;transition:border-color .16s,box-shadow .16s}.products-search{gap:8px;color:var(--muted)}.products-search>span:first-child{font-size:21px;line-height:1}.products-search:focus-within,.products-select:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #21644914}.products-search input,.products-select select{width:100%;min-width:0;min-height:40px;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:12px}.products-search input::placeholder{color:#929a90}.products-select select{cursor:pointer}.products-toolbar .btn{min-height:44px;padding:10px 15px;font-size:12px;white-space:nowrap}.products-results-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:11px}.products-results-head>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.products-results-head h2{margin:0;color:var(--dark);font-size:19px}.products-results-head>div>span,.products-stock-hint{color:var(--muted);font-size:11px}.products-stock-hint{display:flex;align-items:center;gap:6px}.products-stock-hint span{color:#d2a13c;font-size:9px}.products-table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 20px #193d3206}.products-table{width:100%;min-width:780px;border-collapse:collapse}.products-table th,.products-table td{padding:12px 14px;border-bottom:1px solid #edf0e9;text-align:left;vertical-align:middle}.products-table th{height:42px;background:#fbfcf9;color:#768075;font-size:10px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}.products-table td{height:70px;color:var(--ink);font-size:12px}.products-table tbody tr:last-child td{border-bottom:0}.products-table tbody tr{transition:background .15s}.products-table tbody tr:hover{background:#fbfcf8}.products-identity{display:flex;align-items:center;gap:11px;min-width:200px}.products-thumbnail{display:block;flex:0 0 44px;width:44px;height:44px;object-fit:cover;border:1px solid #edf0e9;border-radius:11px;background:#f4f6ef}.products-thumbnail-placeholder{display:grid;place-items:center;color:var(--green);font-size:17px;font-weight:800}.products-name{display:grid;gap:4px;min-width:0}.products-name strong{color:var(--dark);font-size:12px;line-height:1.3}.products-name small,.products-stock-note,.products-unit{color:var(--muted);font-size:10px}.products-category{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f0f4ec;color:#50664e;font-size:10px;font-weight:700}.products-price{color:var(--dark);font-size:12px;white-space:nowrap}.products-unit{display:block;margin-top:3px}.products-stock-cell{display:grid;justify-items:start;gap:4px}.products-stock-cell .status{padding:5px 8px;font-size:10px;white-space:nowrap}.products-stock-note{color:#9b6b14}.products-visibility{display:inline-flex;align-items:center;gap:6px;color:#297148;font-size:11px;font-weight:700;white-space:nowrap}.products-visibility i{width:7px;height:7px;border-radius:50%;background:#48a56a;box-shadow:0 0 0 3px #48a56a18}.products-visibility.is-hidden{color:#727a71}.products-visibility.is-hidden i{background:#a3aaa1;box-shadow:0 0 0 3px #a3aaa118}.products-edit-button{min-height:34px;padding:7px 9px;font-size:10px;white-space:nowrap}.products-edit-button span{margin-left:3px;color:var(--green)}.products-empty{padding:34px 18px;text-align:center}.products-empty-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 11px;border-radius:13px;background:var(--soft);color:var(--green);font-size:21px}.products-empty h3{margin:0 0 5px;color:var(--dark);font-size:15px}.products-empty p{margin:0 auto 15px;color:var(--muted);font-size:12px;line-height:1.5}.products-empty .btn{min-height:38px;padding:9px 13px;font-size:11px}.products-pagination{display:flex;justify-content:flex-end;margin-top:13px}.products-pagination nav{margin:0}.products-search-button{min-width:86px}.products-reset{display:grid;place-items:center}.products-toolbar .btn:hover,.products-edit-button:hover{transform:translateY(-1px)}
@media(max-width:1100px){.products-toolbar{grid-template-columns:minmax(180px,1fr) minmax(140px,190px) minmax(150px,180px) auto}.products-reset{grid-column:4;grid-row:2}.products-search-button{grid-column:4;grid-row:1}}
@media(max-width:760px){.products-page-head{align-items:stretch;flex-direction:column;gap:14px}.products-page-head .btn{width:100%;justify-content:center}.products-overview{gap:8px;margin-bottom:14px}.products-overview-card{gap:8px;min-height:72px;padding:10px;border-radius:12px}.products-overview-icon{flex-basis:32px;width:32px;height:32px;border-radius:10px;font-size:15px}.products-overview-card small{font-size:9px}.products-overview-card strong{font-size:18px}.products-attention-label{display:none}.products-toolbar{grid-template-columns:1fr 1fr;gap:8px;padding:9px;margin-bottom:18px}.products-search{grid-column:1/-1}.products-select{min-width:0}.products-search input,.products-select select{font-size:11px}.products-toolbar .btn{width:100%;min-height:42px;padding:9px;font-size:11px}.products-search-button{grid-column:auto;grid-row:auto}.products-reset{grid-column:auto;grid-row:auto}.products-results-head{align-items:flex-start;flex-direction:column;gap:5px}.products-results-head h2{font-size:17px}.products-stock-hint{font-size:10px}.products-table{min-width:700px}.products-table th,.products-table td{padding:10px}.products-table td{height:64px}.products-thumbnail{flex-basis:38px;width:38px;height:38px}.products-identity{gap:8px;min-width:180px}.products-pagination{justify-content:center}}
.checkout-section-page{padding-top:44px}.checkout-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.checkout-heading h1{margin:10px 0 6px;color:var(--dark);font-size:clamp(30px,4vw,42px);letter-spacing:-.04em;line-height:1.08}.checkout-heading p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.checkout-heading>.btn{flex:none}.checkout-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 22px;padding:0;list-style:none}.checkout-progress li{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--muted)}.checkout-progress li>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#f0f3ed;color:#69736a;font-size:12px;font-weight:800}.checkout-progress li.is-current{border-color:#bfd0bf;background:#f8fbf6;color:var(--dark)}.checkout-progress li.is-current>span{background:var(--green);color:#fff}.checkout-progress li div{display:grid;gap:3px}.checkout-progress strong{font-size:12px}.checkout-progress small{font-size:10px;color:var(--muted)}.checkout-login-note{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:18px;padding:15px 18px}.checkout-login-note>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff1d1;color:#916300;font-size:19px}.checkout-login-note strong{display:block;font-size:13px}.checkout-login-note p{margin:3px 0 0;color:#80651e;font-size:11px}.checkout-login-note .btn{min-height:38px;padding:9px 13px;font-size:11px}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,350px);align-items:start;gap:20px}.checkout-form{display:grid;gap:14px;min-width:0}.checkout-card{padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 5px 18px #193d3205}.checkout-card-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.checkout-step-number{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:var(--soft);color:var(--green);font-size:11px;font-weight:900;letter-spacing:.03em}.checkout-card-heading h2{margin:0;color:var(--dark);font-size:18px;letter-spacing:-.02em}.checkout-card-heading p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.checkout-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.checkout-fields .field{min-width:0}.checkout-fields .field label{display:flex;align-items:center;gap:7px}.checkout-field-full{grid-column:1/-1}.checkout-fields .field input,.checkout-fields .field select,.checkout-fields .field textarea{width:100%;min-width:0;min-height:46px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:12px}.checkout-fields .field textarea{min-height:82px;resize:vertical;line-height:1.5}.checkout-fields .field input::placeholder,.checkout-fields .field textarea::placeholder{color:#9aa197;font-size:11px}.checkout-fields .field select{cursor:pointer}.checkout-fields .field input:focus,.checkout-fields .field select:focus,.checkout-fields .field textarea:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px #21644915}.checkout-fields .field small{font-size:10px}.checkout-optional{padding:3px 6px;border-radius:999px;background:#f0f2ed;color:var(--muted);font-size:9px;font-weight:700}.checkout-payment-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.checkout-payment-option{position:relative;display:flex;align-items:flex-start;gap:9px;min-width:0;min-height:100px;padding:13px 11px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s}.checkout-payment-option:hover{border-color:#b5cbb7;background:#fbfcf9}.checkout-payment-option:has(input:checked){border-color:var(--green);background:#f7fbf6;box-shadow:0 0 0 2px #21644912}.checkout-payment-option input{position:absolute;opacity:0;pointer-events:none}.checkout-payment-check{display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;margin-top:1px;border:1.5px solid #c6cec3;border-radius:50%;background:#fff}.checkout-payment-option input:checked+.checkout-payment-check{border:5px solid var(--green)}.checkout-payment-option input:focus-visible+.checkout-payment-check{outline:3px solid #7eaa87;outline-offset:2px}.checkout-payment-copy{display:grid;gap:5px;min-width:0}.checkout-payment-copy strong{color:var(--dark);font-size:11px;line-height:1.35}.checkout-payment-copy small{color:var(--muted);font-size:10px;line-height:1.45}.checkout-submit{display:flex;justify-content:space-between;width:100%;min-height:54px;padding:14px 18px;border-radius:13px;font-size:14px;box-shadow:0 6px 16px #21644920;transition:transform .16s,box-shadow .16s}.checkout-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 20px #21644925}.checkout-submit:disabled{opacity:.55;cursor:not-allowed}.checkout-submit-note{margin:-7px 0 0;color:var(--muted);font-size:10px;text-align:center}.checkout-summary{position:sticky;top:104px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 7px 24px #193d3208}.checkout-summary-heading{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--line)}.checkout-summary-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--soft);color:var(--green);font-size:19px}.checkout-summary-heading h2{margin:0;color:var(--dark);font-size:17px}.checkout-summary-heading small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.checkout-lines{display:grid;gap:8px;min-height:42px;max-height:180px;overflow:auto;padding:13px 0;color:var(--muted);font-size:11px;line-height:1.5}.checkout-totals .line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #edf0e9;color:var(--muted);font-size:11px}.checkout-totals .line b{color:var(--dark);font-size:12px}.checkout-totals .checkout-total{margin-top:2px;padding:13px 0;border-bottom:0;color:var(--dark);font-size:13px;font-weight:800}.checkout-totals .checkout-total b{color:var(--green);font-size:20px;letter-spacing:-.04em}.checkout-summary-note{display:flex;align-items:flex-start;gap:7px;margin:5px 0 12px;padding:10px;border-radius:10px;background:#f6f8f1;color:var(--muted);font-size:10px;line-height:1.5}.checkout-summary-note span{color:var(--green);font-size:13px}.checkout-edit-cart{width:100%;justify-content:space-between;min-height:42px;padding:10px 12px;font-size:10px}.checkout-edit-cart span{color:var(--green);font-size:14px}.checkout-trust{display:flex;align-items:flex-start;gap:7px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.5}.checkout-trust span{color:var(--green);font-weight:900}
@media(max-width:980px){.checkout-layout{grid-template-columns:minmax(0,1fr) minmax(260px,310px);gap:14px}.checkout-card{padding:19px}.checkout-payment-options{grid-template-columns:1fr}.checkout-payment-option{min-height:auto}}
@media(max-width:760px){.checkout-section-page{padding:30px 0}.checkout-heading{align-items:stretch;flex-direction:column;gap:13px;margin-bottom:17px}.checkout-heading h1{font-size:31px}.checkout-heading p{font-size:12px}.checkout-heading>.btn{width:100%}.checkout-progress{gap:6px;margin-bottom:15px}.checkout-progress li{justify-content:center;min-height:52px;padding:7px;border-radius:11px}.checkout-progress li>span{flex-basis:27px;width:27px;height:27px;font-size:10px}.checkout-progress li div{gap:0}.checkout-progress strong{font-size:10px}.checkout-progress small{display:none}.checkout-login-note{grid-template-columns:32px minmax(0,1fr);gap:8px;padding:12px}.checkout-login-note>span{width:32px;height:32px}.checkout-login-note .btn{grid-column:2;justify-self:start}.checkout-layout{grid-template-columns:1fr;gap:12px}.checkout-summary{position:static;order:-1;padding:15px}.checkout-summary-heading{padding-bottom:11px}.checkout-lines{min-height:30px;padding:8px 0}.checkout-totals .line{padding:8px 0}.checkout-totals .checkout-total{padding:10px 0}.checkout-totals .checkout-total b{font-size:18px}.checkout-summary-note,.checkout-trust{font-size:9px}.checkout-edit-cart{min-height:40px}.checkout-form{gap:10px}.checkout-card{padding:16px;border-radius:14px}.checkout-card-heading{gap:9px;margin-bottom:14px}.checkout-step-number{flex-basis:32px;width:32px;height:32px;border-radius:10px;font-size:10px}.checkout-card-heading h2{font-size:16px}.checkout-card-heading p{font-size:10px}.checkout-fields{gap:12px 9px}.checkout-fields .field label{font-size:11px}.checkout-fields .field input,.checkout-fields .field select,.checkout-fields .field textarea{min-height:43px;padding:10px;font-size:11px}.checkout-fields .field textarea{min-height:72px}.checkout-payment-options{gap:7px}.checkout-payment-option{padding:11px}.checkout-payment-copy strong{font-size:11px}.checkout-payment-copy small{font-size:9px}.checkout-submit{min-height:50px;font-size:12px}.checkout-submit-note{font-size:9px}}

/* Focused layouts for operations and delivery workflows */
.order-detail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:4px 0 20px}.order-back-link{display:inline-flex;align-items:center;gap:7px;margin-bottom:16px;color:var(--green);font-size:12px;font-weight:750}.order-back-link span{font-size:18px}.order-detail-title{display:flex;align-items:center;gap:16px}.order-detail-title .eyebrow{margin-bottom:9px}.order-detail-title h1{margin:0;color:var(--dark);font-size:clamp(28px,4vw,38px);letter-spacing:-.045em}.order-detail-title p{margin:6px 0 0;color:var(--muted);font-size:12px}.order-document-actions{display:flex;flex-wrap:wrap;gap:9px}.order-document-actions .btn{font-size:11px}.order-at-a-glance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.order-at-a-glance>div{display:grid;gap:4px;padding:15px 17px;border:1px solid var(--line);border-radius:14px;background:#fff}.order-at-a-glance small,.order-delivery-meta small,.order-address-block>small{color:var(--muted);font-size:10px}.order-at-a-glance strong{color:var(--dark);font-size:14px}.order-at-a-glance span{color:var(--muted);font-size:11px}.order-detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.8fr);gap:15px;margin-bottom:15px}.order-info-card,.order-payment-card,.order-items-panel,.order-action-panel,.order-history-panel{padding:19px 21px;min-width:0}.order-panel-heading{display:flex;align-items:center;gap:11px;margin-bottom:17px}.order-panel-heading h2{margin:0;color:var(--dark);font-size:15px;letter-spacing:-.02em}.order-panel-heading p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.order-panel-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:var(--soft);color:var(--green);font-size:19px;font-weight:800}.order-payment-icon{background:#f4f1d8;color:#8d781d}.order-customer-card{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #edf0e9;border-radius:12px;background:#fbfcf9}.order-customer-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#e1eddc;color:var(--green);font-weight:850}.order-customer-card>div:nth-child(2){display:grid;gap:3px;min-width:0}.order-customer-card strong{color:var(--dark);font-size:12px}.order-customer-card a:not(.btn){color:var(--muted);font-size:11px}.order-call-button{margin-left:auto;min-height:34px;padding:7px 10px;font-size:10px}.order-address-block{padding:15px 2px}.order-address-block p,.order-instructions p{margin:5px 0 0;color:var(--ink);font-size:12px;line-height:1.6}.order-instructions{margin-top:11px;padding:10px 12px;border-radius:9px;background:#f6f8f1}.order-delivery-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:13px;border-top:1px solid var(--line)}.order-delivery-meta span{display:grid;gap:4px}.order-delivery-meta strong{font-size:11px}.order-payment-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #edf0e9}.order-payment-status>strong{color:var(--dark);font-size:13px}.order-payment-time{display:block;margin:8px 0;color:var(--muted);font-size:10px}.order-payment-note{padding:9px 10px;border-radius:9px;background:#f6f8f1;color:var(--muted);font-size:10px;line-height:1.5}.order-proof-link{min-height:34px;padding:7px 10px;font-size:10px}.order-total-lines{display:grid;gap:8px;margin-top:14px}.order-total-lines>div{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.order-total-lines strong{color:var(--ink)}.order-total-lines .order-grand-total{margin-top:4px;padding-top:12px;border-top:1px solid var(--line);color:var(--dark);font-size:13px;font-weight:800}.order-grand-total strong{color:var(--green);font-size:17px}.order-items-panel{margin-bottom:15px}.order-items-table{min-width:580px}.order-items-table td{font-size:11px}.order-items-table td:first-child{display:flex;align-items:center;gap:8px}.order-admin-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:15px}.order-action-panel{margin-bottom:15px}.order-admin-actions .order-action-panel{margin:0}.order-action-form{grid-template-columns:1fr;gap:11px}.order-action-form .field input,.order-action-form .field select,.order-action-form .field textarea{font-size:12px}.order-action-form textarea{min-height:78px}.order-actions{display:flex;flex-wrap:wrap;gap:9px}.order-actions form{display:inline-flex}.order-actions .btn{font-size:11px}.order-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.order-history-panel .history-list{margin:0;padding-left:20px}.order-history-panel .history-list li{padding:0 0 13px 4px;color:var(--green)}.order-history-panel .history-list li::marker{font-size:12px}.order-history-panel .history-list b{display:block;color:var(--dark);font-size:11px}.order-history-panel .history-list small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.order-history-panel .history-list p{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.order-history-panel .muted{font-size:11px}
.campaign-page,.driver-deliveries-page,.driver-payments-page,.dashboard-page{padding-bottom:28px}.campaign-page-head,.driver-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:4px 0 20px}.campaign-page-head h1,.driver-page-head h1{margin:10px 0 6px;color:var(--dark);font-size:clamp(29px,4vw,39px);letter-spacing:-.045em}.campaign-page-head p,.driver-page-head p{margin:0;color:var(--muted);font-size:12px}.campaign-page-head>.btn,.driver-page-head>.btn{flex:none}.campaign-overview,.driver-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:17px}.campaign-overview article,.driver-overview article{display:flex;align-items:center;gap:12px;min-height:82px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff}.campaign-stat-icon,.driver-overview article>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:var(--soft);color:var(--green);font-weight:850}.campaign-stat-icon.is-open,.driver-overview article>span.is-collected{background:#e7f3e7;color:#328152}.campaign-stat-icon.is-reserved,.driver-overview article>span.is-pending{background:#fff2d5;color:#9c7620}.campaign-overview article div,.driver-overview article div{display:grid;gap:4px;min-width:0}.campaign-overview small,.driver-overview small{color:var(--muted);font-size:10px}.campaign-overview strong,.driver-overview strong{color:var(--dark);font-size:20px;line-height:1.2}.driver-overview .driver-next-label{font-size:13px}.campaign-filter{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px}.campaign-filter>div{display:grid;gap:3px;margin-right:auto}.campaign-filter>div strong{font-size:12px}.campaign-filter>div small{color:var(--muted);font-size:10px}.campaign-status-filter{display:grid;gap:4px;min-width:180px}.campaign-status-filter span{color:var(--muted);font-size:9px;font-weight:750}.campaign-status-filter select{min-height:38px;padding:7px 30px 7px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:11px}.campaign-list{border-radius:14px}.campaign-list .table{min-width:780px}.campaign-list .table th,.driver-payment-list .table th{height:42px;background:#fafbf8;color:#778074;font-size:9px;letter-spacing:.04em;text-transform:uppercase}.campaign-list .table td,.driver-payment-list .table td{padding:13px 14px;font-size:11px}.campaign-identity{display:flex;align-items:center;gap:9px;min-width:170px}.campaign-identity>span:last-child{display:grid;gap:3px}.campaign-identity strong{color:var(--dark);font-size:11px}.campaign-identity small,.campaign-date-to{color:var(--muted);font-size:9px}.campaign-product-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#eef3e8;color:var(--green);font-weight:850}.campaign-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#f0f2ed;color:#69746a;font-size:9px;font-weight:750;white-space:nowrap}.campaign-status i{width:6px;height:6px;border-radius:50%;background:#89918a}.campaign-status.status-open,.campaign-status.status-validated{background:#e8f3e9;color:#287345}.campaign-status.status-open i,.campaign-status.status-validated i{background:#39a162}.campaign-status.status-draft{background:#f0f2ed}.campaign-status.status-closed,.campaign-status.status-suspended{background:#fff1e9;color:#966543}.campaign-quota{display:grid;gap:6px;min-width:95px}.campaign-quota>div:first-child{display:flex;align-items:center;gap:3px}.campaign-quota strong{font-size:11px}.campaign-quota span{color:var(--muted);font-size:10px}.campaign-progress{height:5px;border-radius:99px;background:#edf0e9;overflow:hidden}.campaign-progress i{display:block;height:100%;border-radius:inherit;background:var(--green)}.campaign-price,.payment-amount{color:var(--dark);font-size:11px;white-space:nowrap}.campaign-date{display:block;color:var(--ink);font-size:10px}.campaign-date-to{display:block;margin-top:3px}.campaign-edit{min-height:32px;padding:6px 9px;font-size:9px;white-space:nowrap}.campaign-edit span{color:var(--green)}.campaign-empty{display:grid;justify-items:center;gap:6px;padding:28px 14px;text-align:center}.campaign-empty>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--soft);color:var(--green);font-size:18px}.campaign-empty strong{color:var(--dark);font-size:12px}.campaign-empty p{margin:0 0 5px;color:var(--muted);font-size:10px;line-height:1.5}.campaign-empty .btn{min-height:34px;padding:7px 10px;font-size:10px}.campaign-pagination,.driver-pagination{display:flex;justify-content:flex-end;margin-top:12px}.campaign-pagination nav,.driver-pagination nav{margin:0}.driver-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.driver-delivery-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.driver-delivery-card{min-width:0;padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 5px 18px #193d3205;transition:transform .18s,box-shadow .18s}.driver-delivery-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.driver-delivery-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid #edf0e9}.driver-reference{display:flex;align-items:center;gap:9px;min-width:0}.driver-order-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:var(--soft);color:var(--green);font-weight:850}.driver-reference div{display:grid;gap:2px}.driver-reference small{color:var(--muted);font-size:9px}.driver-reference h2{margin:0;color:var(--dark);font-size:13px}.driver-delivery-top .status{font-size:9px}.driver-delivery-customer{display:grid;gap:3px;padding:12px 0 10px}.driver-delivery-customer strong{color:var(--dark);font-size:12px}.driver-delivery-customer a{width:max-content;color:var(--green);font-size:10px}.driver-delivery-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:11px;border-radius:10px;background:#f8faf6}.driver-delivery-facts>div{display:grid;gap:3px;min-width:0}.driver-delivery-facts small{color:var(--muted);font-size:9px}.driver-delivery-facts strong{color:var(--ink);font-size:10px;line-height:1.4}.driver-delivery-address{display:flex;gap:7px;margin:11px 0;color:var(--muted);font-size:10px;line-height:1.5}.driver-delivery-address span{color:var(--green);font-size:14px}.driver-delivery-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:11px;border-top:1px solid #edf0e9}.driver-delivery-footer>span{color:var(--muted);font-size:9px}.driver-delivery-footer .btn{min-height:34px;padding:7px 10px;font-size:9px;white-space:nowrap}.driver-empty{display:grid;justify-items:center;padding:40px 20px;text-align:center}.driver-empty>span{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:var(--soft);color:var(--green);font-size:20px}.driver-empty h2{margin:12px 0 4px;font-size:16px}.driver-empty p{margin:0;color:var(--muted);font-size:11px}.driver-payment-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.driver-payment-list{padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff}.driver-list-heading{margin-bottom:13px}.driver-list-heading h2{margin:0;color:var(--dark);font-size:15px}.driver-list-heading p{margin:4px 0 0;color:var(--muted);font-size:10px}.driver-payment-list .table{min-width:650px}.payment-order{display:grid;gap:3px}.payment-order strong{color:var(--dark);font-size:11px}.payment-order small{color:var(--muted);font-size:9px}.payment-open{min-height:31px;padding:6px 8px;font-size:9px;white-space:nowrap}.dashboard-page-head{align-items:center}.dashboard-page-head h1{margin:9px 0 5px;color:var(--dark);font-size:clamp(29px,4vw,39px)}.dashboard-page-head p{margin:0;color:var(--muted);font-size:12px}.dashboard-page-head>.btn{flex:none}.dashboard-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:18px 0}.dashboard-metric{display:flex;align-items:center;gap:11px;min-height:80px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.dashboard-metric-icon{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:12px;background:var(--soft);color:var(--green);font-weight:850}.dashboard-metric>div{display:grid;gap:4px;min-width:0}.dashboard-metric small{color:var(--muted);font-size:9px}.dashboard-metric strong{color:var(--dark);font-size:17px;line-height:1.2}.dashboard-quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 24px}.dashboard-quick-links>a{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:border .15s,transform .15s}.dashboard-quick-links>a:hover{transform:translateY(-1px);border-color:#bfd0bf}.dashboard-quick-links>a>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--soft);color:var(--green)}.dashboard-quick-links>a>span:nth-child(2){display:grid;gap:3px}.dashboard-quick-links strong{color:var(--dark);font-size:10px}.dashboard-quick-links small{color:var(--muted);font-size:9px}.dashboard-quick-links b{margin-left:auto;color:var(--green)}.dashboard-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:18px 0 11px}.dashboard-section-heading h2{margin:0;color:var(--dark);font-size:17px}.dashboard-section-heading p{margin:4px 0 0;color:var(--muted);font-size:10px}.dashboard-text-link{color:var(--green);font-size:10px;font-weight:800;white-space:nowrap}.dashboard-page>.table-wrap{border-radius:14px;overflow:auto}
@media(max-width:900px){.order-detail-grid{grid-template-columns:1fr}.order-at-a-glance{grid-template-columns:repeat(2,minmax(0,1fr))}.order-admin-actions{grid-template-columns:1fr}.order-history-grid{grid-template-columns:1fr}.driver-delivery-list{grid-template-columns:1fr}.dashboard-quick-links{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.order-detail-head,.campaign-page-head,.driver-page-head{align-items:stretch;flex-direction:column;gap:13px}.order-detail-title{align-items:flex-start;flex-direction:column;gap:8px}.order-document-actions{display:grid;grid-template-columns:1fr 1fr}.order-document-actions .btn{padding:9px 8px;font-size:9px}.order-at-a-glance{gap:8px}.order-at-a-glance>div{padding:11px;border-radius:11px}.order-at-a-glance strong{font-size:12px}.order-at-a-glance span{font-size:10px}.order-info-card,.order-payment-card,.order-items-panel,.order-action-panel,.order-history-panel{padding:15px}.order-call-button{padding:6px 8px}.order-delivery-meta{gap:8px}.order-panel-heading h2{font-size:14px}.order-actions{display:grid}.order-actions form,.order-actions .btn{width:100%}.campaign-page-head>.btn,.driver-page-head>.btn{width:100%}.campaign-overview,.driver-overview,.driver-payment-overview{gap:7px;margin-bottom:12px}.campaign-overview article,.driver-overview article{gap:8px;min-height:69px;padding:9px;border-radius:11px}.campaign-stat-icon,.driver-overview article>span{flex-basis:30px;width:30px;height:30px;border-radius:9px;font-size:12px}.campaign-overview small,.driver-overview small{font-size:8px}.campaign-overview strong,.driver-overview strong{font-size:15px}.driver-overview .driver-next-label{font-size:10px}.campaign-filter{display:grid;grid-template-columns:1fr auto;gap:9px;padding:11px}.campaign-filter>div{grid-column:1/-1}.campaign-status-filter{min-width:0}.campaign-filter>.btn{min-height:37px;padding:7px 9px;font-size:9px}.campaign-list .table{min-width:760px}.campaign-list .table td,.campaign-list .table th,.driver-payment-list .table td,.driver-payment-list .table th{padding:10px}.campaign-pagination,.driver-pagination{justify-content:center}.driver-delivery-list{gap:10px}.driver-delivery-card{padding:13px;border-radius:12px}.driver-delivery-facts{gap:8px;padding:9px}.driver-delivery-footer .btn{font-size:8px;padding:7px}.driver-payment-list{padding:12px}.dashboard-page-head{align-items:stretch}.dashboard-page-head>.btn{width:100%}.dashboard-metrics{grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.dashboard-metric{gap:8px;min-height:68px;padding:9px;border-radius:11px}.dashboard-metric-icon{flex-basis:29px;width:29px;height:29px;border-radius:9px;font-size:12px}.dashboard-metric small{font-size:8px}.dashboard-metric strong{font-size:13px}.dashboard-quick-links{grid-template-columns:1fr;gap:7px;margin-bottom:20px}.dashboard-quick-links>a{padding:9px}.dashboard-section-heading{align-items:flex-start}.dashboard-section-heading h2{font-size:15px}.dashboard-section-heading p{font-size:9px}.dashboard-section-heading .dashboard-text-link{font-size:9px}}

.driver-page-head{align-items:center}.driver-create{position:relative;flex:none}.driver-create>summary{list-style:none;cursor:pointer;white-space:nowrap}.driver-create>summary::-webkit-details-marker{display:none}.driver-create[open]{z-index:5}.driver-create-form{position:absolute;z-index:8;top:calc(100% + 12px);right:0;width:min(620px,calc(100vw - 40px));max-height:min(78vh,760px);overflow:auto;padding:22px;box-shadow:0 18px 50px #193d3222}.driver-create-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.driver-create-heading h2{margin:0;color:var(--dark);font-size:18px}.driver-create-heading p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.driver-create-heading>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--soft);color:var(--green);font-size:20px}.driver-create-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px 12px}.driver-create-fields .field{display:grid;align-content:start;gap:6px;min-width:0}.driver-create-fields .field label{color:var(--ink);font-size:11px;font-weight:750}.driver-create-fields .field input{width:100%;min-height:42px;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:11px}.driver-create-fields .field input:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px #21644915}.driver-create-fields .field input::placeholder{color:#9ba39a}.driver-create-fields .field small{color:var(--muted);font-size:9px;line-height:1.45}.driver-create-zones{margin:16px 0 0;padding:12px;border:1px solid var(--line);border-radius:11px}.driver-create-zones legend{padding:0 5px;color:var(--dark);font-size:11px;font-weight:800}.driver-create-zones legend small{color:var(--muted);font-size:9px;font-weight:500}.driver-create-zones .driver-zone-options{max-height:130px;overflow:auto}.driver-create-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}.driver-create-footer p{margin:0;color:var(--muted);font-size:9px;line-height:1.45}.driver-create-footer .btn{flex:none;font-size:10px}.driver-create-errors{margin-bottom:12px;padding:10px 12px;border:1px solid #f1c9c2;border-radius:9px;background:#fff4f1;color:#a84235;font-size:10px;line-height:1.5}.driver-toolbar{align-items:center}.driver-empty{grid-column:1/-1}.driver-empty .btn{margin-top:8px}
@media(max-width:680px){.driver-page-head{align-items:stretch}.driver-create{width:100%}.driver-create>summary{width:100%}.driver-create-form{position:static;width:100%;max-height:none;margin-top:9px;padding:15px}.driver-create-fields{grid-template-columns:1fr}.driver-create-footer{align-items:stretch;flex-direction:column}.driver-create-footer .btn{width:100%}}

.users-page{padding-bottom:28px}.users-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 19px}.users-page-head h1{margin:10px 0 6px;color:var(--dark);font-size:clamp(29px,4vw,39px);letter-spacing:-.045em}.users-page-head p{margin:0;color:var(--muted);font-size:12px}.users-create{position:relative;flex:none}.users-create>summary{list-style:none;cursor:pointer;white-space:nowrap}.users-create>summary::-webkit-details-marker{display:none}.users-create-form{position:absolute;z-index:9;top:calc(100% + 12px);right:0;width:min(650px,calc(100vw - 40px));max-height:min(80vh,780px);overflow:auto;padding:22px;box-shadow:0 18px 50px #193d3222}.users-form-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.users-form-heading h2{margin:0;color:var(--dark);font-size:18px}.users-form-heading p{margin:5px 0 0;color:var(--muted);font-size:11px}.users-form-heading>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--soft);color:var(--green);font-size:20px}.users-form-errors{margin-bottom:12px;padding:10px 12px;border:1px solid #f1c9c2;border-radius:9px;background:#fff4f1;color:#a84235;font-size:10px;line-height:1.5}.users-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px 12px}.users-form-fields .field{display:grid;align-content:start;gap:6px;min-width:0}.users-form-fields .field label{color:var(--ink);font-size:11px;font-weight:750}.users-form-fields .field input,.users-form-fields .field select{width:100%;min-height:42px;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:11px}.users-form-fields .field input:focus,.users-form-fields .field select:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px #21644915}.users-form-fields .field small{color:var(--muted);font-size:9px;line-height:1.45}.users-driver-zones{margin:16px 0 0;padding:12px;border:1px solid var(--line);border-radius:11px}.users-driver-zones[hidden]{display:none}.users-driver-zones legend{padding:0 5px;color:var(--dark);font-size:11px;font-weight:800}.users-driver-zones legend small{color:var(--muted);font-size:9px;font-weight:500}.users-driver-zones .driver-zone-options{max-height:130px;overflow:auto}.users-create-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}.users-create-footer p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.users-create-footer .btn{flex:none;font-size:10px}.users-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:15px}.users-overview article{display:flex;align-items:center;gap:10px;min-height:73px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#fff}.users-overview article>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:var(--soft);color:var(--green);font-weight:800}.users-overview article div{display:grid;gap:3px}.users-overview small{color:var(--muted);font-size:9px}.users-overview strong{color:var(--dark);font-size:19px}.users-filter{display:flex;align-items:center;gap:9px;margin-bottom:13px;padding:11px}.users-search{display:flex;align-items:center;gap:8px;flex:1;min-width:160px;padding:0 9px}.users-search>span:first-child{color:var(--green);font-size:18px}.users-search input{width:100%;min-width:0;min-height:36px;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}.users-role-filter select{min-width:155px;min-height:38px;padding:7px 27px 7px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:10px}.users-filter>.btn{min-height:38px;padding:8px 11px;font-size:10px}.users-list{padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff}.users-list-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.users-list-heading h2{margin:0;color:var(--dark);font-size:16px}.users-list-heading p{margin:4px 0 0;color:var(--muted);font-size:10px}.users-list-heading>span{padding:6px 9px;border-radius:99px;background:#f2f4ef;color:var(--muted);font-size:9px;white-space:nowrap}.users-list .table{min-width:680px}.users-list .table th{background:#fafbf8;color:#778074;font-size:9px;letter-spacing:.04em;text-transform:uppercase}.users-list .table th,.users-list .table td{padding:11px 12px;font-size:10px}.users-identity{display:flex;align-items:center;gap:9px;min-width:190px}.users-identity>span{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border-radius:10px;background:#eaf2e6;color:var(--green);font-size:12px;font-weight:850}.users-identity>div{display:grid;gap:3px;min-width:0}.users-identity strong{color:var(--dark);font-size:10px}.users-identity small{color:var(--muted);font-size:9px;overflow-wrap:anywhere}.users-role{display:inline-flex;padding:5px 8px;border-radius:99px;background:#f2f3ed;color:#69746a;font-size:9px;font-weight:750;white-space:nowrap}.users-role-admin{background:#e8efff;color:#435e9b}.users-role-livreur{background:#e8f3e9;color:#287345}.users-role-client{background:#f3eee5;color:#816841}
@media(max-width:760px){.users-page-head{align-items:stretch;flex-direction:column;gap:12px}.users-create{width:100%}.users-create>summary{width:100%}.users-create-form{position:static;width:100%;max-height:none;margin-top:9px;padding:15px}.users-form-fields{grid-template-columns:1fr}.users-create-footer{align-items:stretch;flex-direction:column}.users-create-footer .btn{width:100%}.users-overview{grid-template-columns:1fr 1fr;gap:7px}.users-overview article{gap:7px;min-height:64px;padding:9px;border-radius:11px}.users-overview article>span{flex-basis:29px;width:29px;height:29px;font-size:12px}.users-overview small{font-size:8px}.users-overview strong{font-size:16px}.users-filter{display:grid;grid-template-columns:1fr 1fr;gap:7px}.users-search{grid-column:1/-1;min-width:0;border:1px solid var(--line);border-radius:8px}.users-role-filter select{width:100%;min-width:0}.users-filter>.btn{width:100%}.users-list{padding:11px}.users-list-heading h2{font-size:14px}.users-list-heading p{font-size:9px}}

.driver-delivery-switch{display:flex;gap:9px;margin:0 0 16px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#fff}.driver-delivery-switch>a{display:flex;align-items:center;gap:8px;min-height:43px;padding:8px 12px;border-radius:10px;color:var(--muted);font-size:11px;font-weight:750;transition:background .15s,color .15s}.driver-delivery-switch>a:hover{background:#f6f8f3;color:var(--green)}.driver-delivery-switch>a.is-active{background:var(--green);color:#fff;box-shadow:0 3px 9px #21644920}.driver-switch-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#eaf2e6;color:var(--green);font-weight:850}.driver-delivery-switch>a.is-active .driver-switch-icon{background:#ffffff28;color:#fff}.driver-switch-icon.is-done{background:#e9f3e9;color:#2c8a52}.driver-delivery-switch b{display:grid;place-items:center;min-width:23px;height:23px;margin-left:3px;padding:0 6px;border-radius:99px;background:#f0f2ed;color:var(--ink);font-size:10px}.driver-delivery-switch>a.is-active b{background:#ffffff30;color:#fff}
@media(max-width:680px){.driver-delivery-switch{gap:5px;margin-bottom:12px;padding:4px;border-radius:11px}.driver-delivery-switch>a{flex:1;justify-content:center;gap:6px;min-height:40px;padding:6px 7px;font-size:9px}.driver-switch-icon{width:22px;height:22px;border-radius:7px}.driver-delivery-switch b{min-width:20px;height:20px;margin-left:0;padding:0 5px;font-size:9px}}

.orders-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.orders-page-head h1{margin:10px 0 6px;color:var(--dark);font-size:clamp(29px,4vw,39px)}.orders-page-head p{margin:0;color:var(--muted);font-size:12px}.orders-today-highlight{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #dce8d8;border-radius:12px;background:#f0f6ec}.orders-today-highlight>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#fff;color:var(--green);font-size:17px}.orders-today-highlight>div{display:grid;gap:2px}.orders-today-highlight small{color:var(--muted);font-size:9px}.orders-today-highlight strong{color:var(--dark);font-size:16px}.orders-period-shortcuts{display:flex;gap:7px;margin:0 0 11px;overflow:auto}.orders-period-shortcuts a{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:33px;padding:6px 10px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--muted);font-size:10px;font-weight:750}.orders-period-shortcuts a.is-active,.orders-period-shortcuts a:hover{border-color:#bad0b8;background:#edf5e9;color:var(--green)}.orders-period-shortcuts b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#fff;color:var(--green);font-size:9px}.order-list-filters{display:grid;grid-template-columns:minmax(200px,1.5fr) repeat(4,minmax(110px,1fr)) repeat(2,minmax(130px,.85fr)) auto auto;align-items:center;gap:8px;margin-bottom:13px;padding:10px}.order-list-filters>label{min-width:0}.order-list-filters select,.order-date-range input{width:100%;min-width:0;min-height:39px;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:10px}.order-filter-search{display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid var(--line);border-radius:9px;background:#fff}.order-filter-search>span:first-child{color:var(--green);font-size:17px}.order-filter-search input{width:100%;min-width:0;min-height:37px;border:0;outline:0;background:transparent;color:var(--ink);font-size:10px}.order-list-filters>.btn{min-height:39px;padding:8px 10px;font-size:10px}.orders-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 10px}.orders-results-heading h2{margin:0;color:var(--dark);font-size:15px}.orders-results-heading>span{color:var(--muted);font-size:10px}.delivery-page-head>.orders-today-highlight{margin-left:auto}.delivery-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.delivery-filter-bar .delivery-search-field{flex:1 1 260px;min-width:210px}.delivery-filter-bar select{min-width:125px}.delivery-date-field{display:block;min-width:135px}.delivery-date-field input{width:100%;min-height:39px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:10px}.delivery-status-grid{margin-bottom:12px}
@media(max-width:1100px){.order-list-filters{grid-template-columns:minmax(200px,1fr) repeat(3,minmax(120px,1fr));}.order-list-filters .order-filter-search{grid-column:span 2}.delivery-filter-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.delivery-filter-bar .delivery-search-field{grid-column:1/-1}.delivery-filter-bar button{grid-column:span 1}}
@media(max-width:680px){.orders-page-head{align-items:stretch;flex-direction:column;gap:12px}.orders-today-highlight{width:max-content}.orders-period-shortcuts{margin-bottom:8px}.order-list-filters{grid-template-columns:1fr 1fr;gap:7px;padding:9px}.order-list-filters .order-filter-search{grid-column:1/-1}.order-list-filters .btn{width:100%}.orders-results-heading h2{font-size:13px}.orders-results-heading>span{font-size:9px}.delivery-page-head>.orders-today-highlight{margin-left:0}.delivery-filter-bar{grid-template-columns:1fr 1fr}.delivery-filter-bar .delivery-search-field{grid-column:1/-1}.delivery-filter-bar button{width:100%}}
.driver-tour-filters{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(130px,.8fr) minmax(140px,.8fr) auto auto;align-items:center;gap:8px;margin-bottom:13px;padding:10px}.driver-tour-filters>label:not(.driver-tour-search){min-width:0}.driver-tour-filters select{width:100%;min-width:0;min-height:39px;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:10px}.driver-tour-search{display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid var(--line);border-radius:9px;background:#fff}.driver-tour-search>span:first-child{color:var(--green);font-size:17px}.driver-tour-search input{width:100%;min-width:0;min-height:37px;border:0;outline:0;background:transparent;color:var(--ink);font-size:10px}.driver-tour-filters .btn{min-height:39px;padding:8px 10px;font-size:10px}.payment-filters{grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(130px,.9fr)) repeat(2,minmax(130px,.8fr)) auto auto}.driver-page-head>.orders-today-highlight{flex:none}
@media(max-width:900px){.order-list-filters{grid-template-columns:minmax(180px,1fr) repeat(3,minmax(110px,.8fr))}.driver-tour-filters,.payment-filters{grid-template-columns:minmax(180px,1fr) repeat(2,minmax(130px,.8fr)) auto}.order-list-filters .order-filter-search{grid-column:span 2}}
@media(max-width:680px){.driver-page-head>.orders-today-highlight{margin:0}.driver-tour-filters,.payment-filters{grid-template-columns:1fr 1fr;gap:7px;padding:9px}.driver-tour-search,.payment-filters .order-filter-search{grid-column:1/-1}.driver-tour-filters .btn,.payment-filters .btn{width:100%}}
.client-preorder-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-preorder-card{padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff}.client-preorder-card-head{display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px solid #edf0e9}.client-preorder-card-head>div{display:grid;gap:3px;min-width:0;flex:1}.client-preorder-card-head small{color:var(--muted);font-size:9px}.client-preorder-card-head h2{margin:0;color:var(--dark);font-size:13px}.client-preorder-card-head>.status{font-size:9px}.client-preorder-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0}.client-preorder-facts span{display:grid;gap:3px}.client-preorder-facts small{color:var(--muted);font-size:9px}.client-preorder-facts strong{color:var(--ink);font-size:10px;line-height:1.35}.client-preorder-card>.btn{min-height:33px;padding:7px 10px;font-size:9px}.client-order-filters{grid-template-columns:minmax(220px,1.4fr) minmax(160px,.8fr) minmax(155px,.8fr) auto auto}.campaign-search-field,.campaign-date-filter{min-width:0}.campaign-search-field input,.campaign-date-filter input{width:100%;min-height:38px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:10px}.campaign-advanced-filter{display:grid;grid-template-columns:minmax(135px,1fr) minmax(160px,1.2fr) repeat(3,minmax(130px,.8fr)) auto auto;gap:8px}.campaign-advanced-filter>div{margin-right:3px}.campaign-advanced-filter .campaign-status-filter{min-width:0}.campaign-advanced-filter .btn{min-height:38px;padding:7px 10px;font-size:10px}
@media(max-width:900px){.campaign-advanced-filter{grid-template-columns:1fr 1fr 1fr}.campaign-advanced-filter>div{grid-column:1/-1}.client-preorder-list{grid-template-columns:1fr}}
@media(max-width:680px){.client-preorder-card{padding:12px}.client-preorder-facts{gap:6px}.client-order-filters{grid-template-columns:1fr 1fr}.client-order-filters .order-filter-search{grid-column:1/-1}.client-preorder-card-head{flex-wrap:wrap}.client-preorder-card-head>.status{margin-left:43px}.campaign-advanced-filter{grid-template-columns:1fr 1fr}.campaign-advanced-filter .campaign-search-field{grid-column:1/-1}.campaign-advanced-filter .btn{width:100%}}
.logistics-list-filter{display:grid;grid-template-columns:minmax(120px,1fr) minmax(130px,.7fr) auto auto;align-items:center;gap:7px;margin:0 0 11px;padding:8px}.logistics-list-filter input,.logistics-list-filter select{width:100%;min-width:0;min-height:36px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:10px}.logistics-list-filter .btn{min-height:36px;padding:7px 9px;font-size:9px}.media-library-filters{display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,1.2fr) minmax(150px,.8fr) auto auto;align-items:center;gap:9px;margin-top:22px;padding:11px}.media-library-filters>div{display:grid;gap:3px}.media-library-filters>div strong{color:var(--dark);font-size:11px}.media-library-filters>div small{color:var(--muted);font-size:9px}.media-library-filters input,.media-library-filters select{width:100%;min-width:0;min-height:38px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:10px}.media-library-filters .btn{min-height:38px;padding:7px 10px;font-size:10px}.media-library-grid{margin-top:12px!important}
@media(max-width:680px){.logistics-list-filter{grid-template-columns:1fr 1fr;gap:6px}.logistics-list-filter label:first-of-type{grid-column:1/-1}.logistics-list-filter .btn{width:100%}.media-library-filters{grid-template-columns:1fr 1fr;gap:7px}.media-library-filters>div,.media-library-filters>label:first-of-type{grid-column:1/-1}.media-library-filters .btn{width:100%}}
.public-preorder-filters{grid-template-columns:minmax(220px,1.5fr) minmax(150px,.8fr) minmax(150px,.8fr) auto auto;margin:20px 0 14px}.public-preorder-filters .field{min-width:0}.public-preorder-filters input{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:11px}.public-preorder-filters .btn{align-self:end;min-height:42px}
@media(max-width:760px){.public-preorder-filters{grid-template-columns:1fr 1fr;gap:8px}.public-preorder-filters .field:first-child{grid-column:1/-1}.public-preorder-filters .btn{width:100%}}
.driver-filter-toolbar{display:grid;grid-template-columns:minmax(210px,1fr) minmax(145px,.7fr) minmax(145px,.7fr) auto auto;align-items:center;gap:8px;min-width:min(100%,740px)}.driver-filter-toolbar .driver-search{width:100%;min-width:0;min-height:40px;border-radius:9px}.driver-filter-toolbar .driver-search input{min-height:36px;font-size:10px}.driver-filter-toolbar select{width:100%;min-width:0;min-height:40px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:10px}.driver-filter-toolbar .btn{min-height:40px;padding:8px 10px;font-size:10px}.users-filter select{min-height:38px;padding:7px 27px 7px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:10px}.users-status-filter select{min-width:155px}
@media(max-width:1050px){.driver-filter-toolbar{grid-template-columns:1fr 1fr;min-width:0}.driver-filter-toolbar .driver-search{grid-column:1/-1}.driver-filter-toolbar .btn{width:100%}}
@media(max-width:680px){.driver-filter-toolbar{width:100%;grid-template-columns:1fr 1fr}.driver-filter-toolbar .driver-search{grid-column:1/-1}.driver-filter-toolbar .btn{width:100%}.users-status-filter select{width:100%;min-width:0}}

/* Keep filter selects consistent across Safari, Chromium and Firefox. */
.order-list-filters select,
.driver-tour-filters select,
.driver-filter-toolbar select,
.users-filter select,
.logistics-list-filter select,
.media-library-filters select,
.products-select select {
    -webkit-appearance: none;
    appearance: none;
    height: 44px;
    min-height: 44px;
    padding: 0 38px 0 12px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m7 10 5 5 5-5' stroke='%23216449' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px 16px;
    color: var(--ink);
    -webkit-text-fill-color: var(--ink);
    font: inherit;
    font-size: 12px;
    line-height: 1.35;
    cursor: pointer;
}
.order-list-filters select:hover,
.driver-tour-filters select:hover,
.driver-filter-toolbar select:hover,
.users-filter select:hover,
.logistics-list-filter select:hover,
.media-library-filters select:hover,
.products-select select:hover { border-color: #a7bca8; }
.order-list-filters select:focus-visible,
.driver-tour-filters select:focus-visible,
.driver-filter-toolbar select:focus-visible,
.users-filter select:focus-visible,
.logistics-list-filter select:focus-visible,
.media-library-filters select:focus-visible,
.products-select select:focus-visible {
    outline: 2px solid var(--green);
    outline-offset: 2px;
    border-color: var(--green);
}
.delivery-status-select select {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 26px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m7 10 5 5 5-5' stroke='%23216449' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 4px center;
    background-size: 16px 16px;
}
@media (forced-colors: active) {
    .order-list-filters select,
    .driver-tour-filters select,
    .driver-filter-toolbar select,
    .users-filter select,
    .logistics-list-filter select,
    .media-library-filters select,
    .products-select select,
    .delivery-status-select select {
        -webkit-appearance: auto;
        appearance: auto;
        background-image: none;
        -webkit-text-fill-color: currentColor;
    }
}
