:root{
  --bg:#f4f7fb;--surface:#fff;--surface-2:#eef3f8;--ink:#101827;--muted:#647084;--line:#dce4ee;
  --brand:#ff6a2a;--brand-2:#ff8a4c;--navy:#0d1726;--good:#118a57;--warn:#b86a00;--danger:#c73c45;
  --shadow:0 14px 40px rgba(13,23,38,.08);--r:24px;--rs:16px;--max:1180px;
}
@media(prefers-color-scheme:dark){:root{--bg:#0d1420;--surface:#131d2c;--surface-2:#182537;--ink:#f4f7fb;--muted:#a9b4c4;--line:#2b3a4f;--shadow:0 18px 44px rgba(0,0,0,.28)}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Cairo,system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;min-height:100vh}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.hidden{display:none!important}.muted{color:var(--muted)}
.container{width:min(var(--max),calc(100% - 28px));margin:auto}.topbar{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.topbar .container{height:74px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:43px;height:43px;border-radius:13px}.brand strong{display:block;font-size:20px;line-height:1.1}.brand small{color:var(--muted);font-size:11px}.top-actions{display:flex;align-items:center;gap:8px}
.btn{border:0;border-radius:14px;min-height:46px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;cursor:pointer;transition:.18s}.btn:active{transform:scale(.98)}.btn.primary{background:var(--brand);color:#fff;box-shadow:0 8px 22px rgba(255,106,42,.28)}.btn.dark{background:var(--navy);color:#fff}.btn.soft{background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.danger{background:color-mix(in srgb,var(--danger) 11%,var(--surface));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 28%,var(--line))}.btn.sm{min-height:38px;padding:0 12px;border-radius:11px;font-size:13px}.btn.block{width:100%}.icon-btn{width:44px;height:44px;border-radius:13px;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer}.icon-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2}
.hero{padding:58px 0 28px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:900;color:var(--brand);text-transform:uppercase}.hero h1{font-size:clamp(38px,7vw,78px);line-height:1.1;margin:10px 0 18px;letter-spacing:-.04em}.hero h1 span{color:var(--brand)}.hero p{font-size:18px;line-height:1.9;color:var(--muted);max-width:720px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.phone-demo{background:var(--navy);border-radius:36px;padding:17px;box-shadow:0 28px 80px rgba(13,23,38,.25);max-width:420px;margin-inline:auto}.phone-screen{background:linear-gradient(180deg,#fdfefe,#f2f6fb);color:#121826;border-radius:27px;padding:18px;min-height:500px}.phone-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.route-card{background:#fff;border:1px solid #e0e8f1;border-radius:20px;padding:15px;margin:11px 0;box-shadow:0 6px 18px rgba(13,23,38,.05)}.route-card b{display:block;margin-bottom:5px}.step-badge{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff0e9;color:#df551a;font-weight:900;float:right;margin-left:10px}.fake-map{height:146px;border-radius:18px;background:radial-gradient(circle at 62% 46%,#ff6a2a 0 6px,transparent 7px),linear-gradient(110deg,transparent 0 36%,#dfe7ef 36% 41%,transparent 41% 100%),linear-gradient(20deg,#eef4f8,#dce8f0);position:relative;overflow:hidden}.fake-map:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 54px,rgba(255,255,255,.5) 54px 58px)}
.section{padding:40px 0}.section-title{margin-bottom:20px}.section-title h2{font-size:clamp(28px,4vw,44px);margin:5px 0}.section-title p{color:var(--muted);margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--shadow)}.feature .ico{width:48px;height:48px;border-radius:15px;background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand);display:grid;place-items:center;font-size:23px}.feature h3{margin:16px 0 7px}.feature p{margin:0;color:var(--muted);line-height:1.8}.footer{margin-top:50px;padding:28px 0 44px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.footer .container{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.app-shell{padding:24px 0 100px}.dashboard-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.dashboard-head h1{margin:3px 0 0;font-size:34px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:17px}.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{font-size:25px;display:block;margin-top:3px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.panel-head h2,.panel-head h3{margin:0}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.address-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:17px;position:relative}.address-card .code{font-family:ui-monospace,monospace;color:var(--brand);font-weight:900;font-size:12px}.address-card h3{margin:5px 0}.address-card p{color:var(--muted);font-size:13px;line-height:1.7;min-height:44px}.card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.empty{padding:36px;text-align:center;border:1px dashed var(--line);border-radius:20px;color:var(--muted)}
.auth-wrap{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:25px}.auth-card{width:min(480px,100%);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;padding:25px}.auth-logo{width:70px;margin:0 auto 14px}.auth-card h1{text-align:center;margin:0}.auth-card>p{text-align:center;color:var(--muted);margin:6px 0 22px}.tabs{display:flex;background:var(--surface-2);border-radius:14px;padding:4px;margin-bottom:16px}.tab{flex:1;border:0;background:transparent;padding:10px;border-radius:11px;font-weight:800;color:var(--muted);cursor:pointer}.tab.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label,.field>span{font-size:12px;font-weight:800;color:var(--muted)}.input,textarea.input,select.input{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:13px;min-height:47px;padding:10px 13px;outline:0}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 13%,transparent)}textarea.input{min-height:95px;resize:vertical}.help{font-size:11px;color:var(--muted)}.form-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}
.modal-backdrop{position:fixed;inset:0;background:rgba(4,10,18,.62);z-index:100;display:none;align-items:flex-end;justify-content:center;padding:12px}.modal-backdrop.open{display:flex}.modal{width:min(820px,100%);max-height:92vh;overflow:auto;background:var(--surface);border-radius:28px 28px 18px 18px;border:1px solid var(--line);padding:21px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.modal-head h2{margin:0}.wizard-steps{display:flex;gap:7px;margin-bottom:18px}.wizard-dot{height:5px;flex:1;border-radius:9px;background:var(--line)}.wizard-dot.active{background:var(--brand)}.wizard-page{display:none}.wizard-page.active{display:block}.map-picker{height:330px;border:1px solid var(--line);border-radius:18px;overflow:hidden;position:relative;background:#dfe8ef;touch-action:none}.map-tiles{position:absolute;inset:0;overflow:hidden}.map-tiles img{position:absolute;width:256px;height:256px;max-width:none;user-select:none;pointer-events:none}.map-center{position:absolute;left:50%;top:50%;width:34px;height:44px;transform:translate(-50%,-100%);z-index:5;filter:drop-shadow(0 5px 6px rgba(0,0,0,.28))}.map-center:before{content:"";position:absolute;left:7px;top:2px;width:20px;height:20px;border-radius:50% 50% 50% 0;background:var(--brand);transform:rotate(-45deg)}.map-center:after{content:"";position:absolute;left:14px;top:9px;width:7px;height:7px;background:white;border-radius:50%;z-index:2}.map-controls{position:absolute;left:10px;top:10px;z-index:7;display:grid;gap:5px}.map-controls button{width:38px;height:38px;border:1px solid rgba(0,0,0,.15);background:#fff;color:#111;border-radius:11px;font-weight:900}.map-attribution{position:absolute;bottom:3px;left:4px;z-index:6;background:rgba(255,255,255,.82);font-size:9px;padding:2px 5px;border-radius:4px;color:#333}.location-row{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:8px;color:var(--muted);font-size:12px}.location-row code{direction:ltr}.toggle-mode{display:flex;gap:6px;margin-bottom:10px}.toggle-mode button{flex:1}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.photo-box{border:1px dashed var(--line);border-radius:16px;min-height:145px;background:var(--surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;overflow:hidden;cursor:pointer;position:relative}.photo-box img{width:100%;height:145px;object-fit:cover}.photo-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.photo-box b{font-size:12px}.photo-box small{font-size:10px;color:var(--muted)}
.toast{position:fixed;z-index:200;left:50%;bottom:26px;transform:translate(-50%,30px);opacity:0;background:var(--navy);color:#fff;padding:11px 16px;border-radius:13px;box-shadow:0 12px 30px rgba(0,0,0,.25);transition:.2s;pointer-events:none;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.loading{display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-left-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.courier-shell{padding:18px 0 50px;max-width:760px;margin:auto}.courier-hero{background:var(--navy);color:#fff;border-radius:27px;padding:20px;margin-bottom:13px}.courier-hero .code{color:#ffb291;font-family:ui-monospace,monospace;font-size:12px}.courier-hero h1{margin:6px 0 5px;font-size:30px}.courier-hero p{margin:0;color:#c8d0db}.courier-map{height:240px;border-radius:21px;overflow:hidden;border:1px solid var(--line);margin-bottom:12px}.courier-map .map-picker{height:100%;border:0;border-radius:0}.nav-links{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0 14px}.steps-list{display:grid;gap:9px}.delivery-step{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:15px;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start}.delivery-step .num{width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--brand) 13%,var(--surface));color:var(--brand);display:grid;place-items:center;font-weight:900}.delivery-step h3{margin:0 0 3px;font-size:15px}.delivery-step p{margin:0;color:var(--muted);line-height:1.7}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.gallery figure{margin:0}.gallery img{width:100%;aspect-ratio:1.1/1;object-fit:cover;border-radius:16px;border:1px solid var(--line)}.gallery figcaption{text-align:center;font-size:10px;color:var(--muted);margin-top:3px}.note-box{background:#fff7e9;color:#714910;border:1px solid #f3d69d;border-radius:17px;padding:14px;margin-top:12px}.distance-pill{display:inline-flex;gap:6px;align-items:center;background:rgba(255,255,255,.12);padding:7px 10px;border-radius:999px;font-size:12px;margin-top:10px}
.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.key-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:14px;padding:12px;margin-top:8px}.key-row code{font-size:12px;direction:ltr}.codebox{background:#0b1220;color:#d9e4f2;border-radius:16px;padding:15px;overflow:auto;direction:ltr;text-align:left;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre}.usage-table{width:100%;border-collapse:collapse}.usage-table th,.usage-table td{padding:10px;border-bottom:1px solid var(--line);text-align:right;font-size:13px}.usage-table th{color:var(--muted);font-size:11px}.api-badge{display:inline-flex;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--good) 10%,var(--surface));color:var(--good);font-size:11px;font-weight:900}
.bottom-nav{display:none}.splash{position:fixed;inset:0;z-index:500;background:var(--navy);display:grid;place-items:center;transition:.45s}.splash.hide{opacity:0;visibility:hidden}.splash-inner{text-align:center;color:#fff}.splash-inner img{width:96px;margin:auto;animation:pop .8s cubic-bezier(.2,.8,.2,1)}.splash-inner h1{font-size:35px;margin:12px 0 0}.splash-inner p{margin:2px 0;color:#aeb8c7}@keyframes pop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}
.legal{max-width:860px;margin:30px auto;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:25px}.legal h1{margin-top:0}.legal h2{margin-top:26px}.legal p,.legal li{line-height:1.9;color:var(--muted)}
@media(max-width:850px){.hero-grid,.company-grid{grid-template-columns:1fr}.hero{padding-top:34px}.hero-copy{text-align:center}.hero p{margin-inline:auto}.hero-actions{justify-content:center}.stats{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.photo-grid{grid-template-columns:1fr 1fr}.dashboard-head{align-items:start}.topbar .desktop-only{display:none}}
@media(max-width:600px){.container{width:min(100% - 20px,var(--max))}.topbar .container{height:66px}.brand small{display:none}.app-shell{padding-top:14px}.dashboard-head h1{font-size:27px}.stats{gap:8px}.stat{padding:13px}.stat strong{font-size:21px}.panel{padding:14px;border-radius:20px}.photo-grid{grid-template-columns:1fr}.modal-backdrop{padding:0}.modal{max-height:95vh;border-radius:24px 24px 0 0;padding:15px}.map-picker{height:300px}.courier-shell{padding:10px}.nav-links{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.bottom-nav{position:fixed;z-index:45;bottom:0;left:0;right:0;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:7px max(10px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom));}.bottom-nav a,.bottom-nav button{border:0;background:transparent;color:var(--muted);font-size:11px;display:grid;place-items:center;gap:1px;min-height:48px}.bottom-nav .active{color:var(--brand);font-weight:900}.desktop-new{display:none}}

/* Balmilli v2 — courier access, live status and notifications */
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:14px;align-items:start}.notifications-panel{position:sticky;top:88px}.notifications-list{display:grid;gap:8px}.notification-item{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:15px;padding:12px;text-align:right;display:grid;grid-template-columns:9px 1fr;gap:9px;cursor:pointer}.notification-item.unread{background:color-mix(in srgb,var(--brand) 5%,var(--surface));border-color:color-mix(in srgb,var(--brand) 25%,var(--line))}.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--line);margin-top:7px}.notification-item.unread .notification-dot{background:var(--brand)}.notification-item b{font-size:13px}.notification-item p{margin:3px 0;color:var(--muted);font-size:12px;line-height:1.5}.notification-item small{color:var(--muted);font-size:10px}.address-head{display:flex;justify-content:space-between;align-items:start;gap:8px}.access-box{display:grid;grid-template-columns:1.5fr .7fr;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:10px;margin-top:10px}.access-box div{min-width:0}.access-box small{display:block;color:var(--muted);font-size:10px}.access-box b{display:block;font-family:ui-monospace,monospace;direction:ltr;text-align:right;margin-top:2px;overflow-wrap:anywhere}.pin-code{font-size:20px;letter-spacing:.13em;color:var(--brand)}.card-meta{font-size:11px;margin-top:8px}.status-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap;border:1px solid var(--line)}.status-pill.neutral{background:var(--surface-2);color:var(--muted)}.status-pill.warn{background:color-mix(in srgb,var(--warn) 10%,var(--surface));color:var(--warn);border-color:color-mix(in srgb,var(--warn) 28%,var(--line))}.status-pill.good{background:color-mix(in srgb,var(--good) 10%,var(--surface));color:var(--good);border-color:color-mix(in srgb,var(--good) 25%,var(--line))}.status-pill.done{background:var(--navy);color:#fff;border-color:var(--navy)}.inline-check{flex-direction:row!important;align-items:center;gap:10px}.courier-entry{width:min(500px,calc(100% - 20px));margin:32px auto;text-align:center;padding:28px}.courier-entry-logo{width:72px;margin:0 auto 12px}.courier-entry h1{font-size:30px;margin:6px 0}.ltr-input{direction:ltr;text-align:left;text-transform:uppercase}.pin-input{direction:ltr;text-align:center;font-size:28px;letter-spacing:.25em;font-weight:900}.privacy-note,.courier-security{margin-top:16px;padding:10px 12px;border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:11px}.courier-status-line{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.gps-panel{margin:12px 0}.accuracy-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--surface-2);font-size:10px;font-weight:900}.accuracy-pill.good{color:var(--good);background:color-mix(in srgb,var(--good) 10%,var(--surface))}.accuracy-pill.warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,var(--surface))}.accuracy-pill.bad{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--surface))}.gps-progress{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.gps-progress div{border:1px solid var(--line);border-radius:13px;padding:10px;background:var(--surface-2);display:flex;justify-content:space-between;gap:8px}.gps-progress span{font-size:11px;color:var(--muted)}.gps-progress b{font-family:ui-monospace,monospace}.courier-confirm{margin-top:12px}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.courier-security{text-align:center;margin-bottom:24px}
@media(max-width:980px){.dashboard-grid{grid-template-columns:1fr}.notifications-panel{position:static}}
@media(max-width:600px){.access-box{grid-template-columns:1fr 110px}.confirm-actions{grid-template-columns:1fr}.gps-progress{grid-template-columns:1fr}.courier-entry{margin-top:14px;padding:20px}}