:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eef2f3;color:#17201d;--bg: #eef2f3;--surface: #ffffff;--surface-2: #f7f4ee;--text: #17201d;--muted: #65706b;--border: #d9ddd7;--primary: #13795b;--primary-2: #f0b429;--danger: #b42318;--shadow: 0 12px 28px rgba(23, 32, 29, .08)}.dark{color-scheme:dark;background:#121815;color:#eef2ee;--bg: #121815;--surface: #1a211d;--surface-2: #24221b;--text: #eef2ee;--muted: #aab4ae;--border: #303a35;--primary: #2fb886;--primary-2: #e4b74b;--danger: #f97066;--shadow: 0 12px 28px rgba(0, 0, 0, .22)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}button,input,select{font:inherit}h1,h2,p{margin:0}h1,h2{letter-spacing:0}h1{font-size:1.25rem;line-height:1.25}h2{font-size:1.125rem;line-height:1.3}a{color:inherit;text-decoration:none}.app-shell{width:min(100%,480px);min-height:100vh;margin:0 auto;padding:16px 14px 92px;background:var(--bg)}.auth-screen{width:min(100%,480px);min-height:100vh;display:grid;align-items:center;margin:0 auto;padding:18px 14px;background:var(--bg)}.auth-panel{display:grid;gap:14px;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.auth-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.auth-method{display:grid;min-height:86px;gap:5px;justify-items:center;align-content:center;border:1px solid var(--border);border-radius:8px;padding:8px 5px;background:var(--surface);color:var(--text);cursor:pointer;text-align:center}.auth-method.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}.auth-method span{font-size:.8rem;font-weight:800}.auth-method small{color:var(--muted);font-size:.68rem;line-height:1.2}.privacy-note{padding:9px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--primary) 6%,var(--surface));color:var(--muted);font-size:.78rem;line-height:1.35}.profile-photo-picker{display:grid;justify-items:center;gap:8px;padding:10px;border:1px dashed var(--border);border-radius:8px;color:var(--muted);cursor:pointer}.profile-photo-picker input{display:none}.profile-photo-picker strong{color:var(--text);font-size:.86rem}.profile-photo-preview,.session-chip{display:grid;place-items:center;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--primary) 16%,var(--surface));color:var(--primary);font-weight:800}.profile-photo-preview{width:82px;height:82px}.profile-photo-preview img,.session-chip img{width:100%;height:100%;object-fit:cover}.topbar-actions{display:flex;align-items:center;gap:6px}.session-chip{width:40px;height:40px;border:1px solid var(--border);font-size:.78rem}.admin-hero,.admin-denied,.admin-pitch,.admin-rule-card{display:grid;gap:10px}.admin-hero{grid-template-columns:1fr auto;align-items:center;margin-bottom:12px}.admin-denied{justify-items:center;text-align:center}.admin-section{margin:16px 0}.admin-section h2{margin-bottom:10px}.admin-table{display:grid;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.admin-row{display:grid;grid-template-columns:1.2fr repeat(4,minmax(64px,1fr));gap:8px;align-items:center;padding:10px;border-bottom:1px solid var(--border);font-size:.78rem}.admin-row.compact{grid-template-columns:1.5fr .5fr 1fr 1fr}.admin-row:last-child{border-bottom:0}.admin-head{background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);font-weight:800}.admin-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-rule-card{box-shadow:none}.admin-rule-card p,.admin-pitch small{font-size:.8rem}.topbar,.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar{margin-bottom:14px}.topbar-brand{min-width:0;display:flex;align-items:center;gap:10px}.keli-logo{display:inline-flex;align-items:center;gap:10px;color:#1b3a5c;-webkit-user-select:none;user-select:none}.dark .keli-logo{color:#eef2ee}.keli-logo.clickable{cursor:pointer}.keli-logo.clickable:hover{opacity:.82}.keli-logo-mark{flex:0 0 auto;filter:drop-shadow(0 5px 10px rgba(23,32,29,.14))}.keli-logo-copy{display:grid;gap:2px}.keli-logo-text{color:#1b3a5c;font-weight:800;letter-spacing:.15em;line-height:1}.dark .keli-logo-text{color:#fff}.keli-logo-slogan{color:var(--muted);font-weight:700;letter-spacing:.16em;line-height:1;text-transform:uppercase}.keli-logo-text-xs{font-size:.8rem}.keli-logo-text-sm{font-size:1rem}.keli-logo-text-md{font-size:1.35rem}.keli-logo-text-lg{font-size:1.75rem}.keli-logo-text-xl{font-size:2.3rem}.keli-logo-slogan-xs{font-size:.45rem}.keli-logo-slogan-sm{font-size:.55rem}.keli-logo-slogan-md{font-size:.65rem}.keli-logo-slogan-lg{font-size:.75rem}.keli-logo-slogan-xl{font-size:.86rem}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:var(--surface);opacity:1;transition:opacity .5s ease}.splash-screen.leaving{opacity:0}.splash-background{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 28%,rgba(244,163,0,.12),transparent 28%),radial-gradient(circle at 72% 68%,rgba(45,140,78,.1),transparent 26%),var(--surface)}.splash-content{position:relative;z-index:1;display:grid;justify-items:center;gap:22px;opacity:0;transform:scale(.72);transition:opacity .7s ease,transform .7s ease}.splash-screen.visible .splash-content{opacity:1;transform:scale(1)}.splash-screen.leaving .splash-content{transform:scale(1.12)}.splash-tagline{display:grid;gap:4px;text-align:center}.splash-tagline p{color:var(--muted);font-weight:700}.splash-tagline span,.splash-version{color:color-mix(in srgb,var(--muted) 72%,transparent);font-size:.82rem}.splash-loader{display:flex;gap:8px}.splash-loader span{width:9px;height:9px;border-radius:999px;background:#f4a300;animation:keli-bounce .9s infinite ease-in-out}.splash-loader span:nth-child(2){animation-delay:.14s}.splash-loader span:nth-child(3){animation-delay:.28s}.splash-version{position:absolute;bottom:28px;z-index:1}@keyframes keli-bounce{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-8px);opacity:1}}.eyebrow,.muted,.card span,.product-card p{color:var(--muted);font-size:.82rem}.service-selector,.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px}.service-selector::-webkit-scrollbar,.chips::-webkit-scrollbar{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid var(--border);border-radius:8px;padding:0 12px;background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap}.btn-primary{border-color:var(--primary);background:var(--primary);color:#fff}.btn-ghost{background:transparent}.btn-icon{width:40px;padding:0}.full{width:100%;margin-top:12px}.hero-panel{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px;margin-bottom:12px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(135deg,var(--surface),var(--surface-2));box-shadow:var(--shadow)}.card{padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.stats-grid.compact{margin:12px 0 0}.stats-grid .card{display:grid;gap:5px;min-height:92px}.stats-grid strong{font-size:1rem;line-height:1.2;overflow-wrap:anywhere}.wide{grid-column:span 2}.section-title{margin:18px 0 10px}.list-card{display:grid;gap:9px;margin-bottom:10px}.eta-box{display:grid;gap:6px;padding:10px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--primary) 7%,transparent)}.eta-box .full{margin-top:0}.error-text{color:var(--danger);font-size:.82rem}.list-card p,.profile-card p,.row-between strong{display:flex;align-items:center;gap:6px}.badge{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:2px 8px;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);font-size:.75rem;font-weight:700;white-space:nowrap}.badge.danger{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.badge.success{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary)}.verification-card{display:grid;gap:12px;margin-bottom:12px}.verification-card p{display:flex;align-items:center;gap:6px}.verification-form{display:grid;gap:9px}.upload-document{display:grid;gap:7px}.upload-document input[type=file]{display:none}.upload-dropzone{display:grid;grid-template-columns:auto 1fr;gap:5px 8px;align-items:center;min-height:58px;border:1px dashed var(--border);border-radius:8px;padding:9px;background:color-mix(in srgb,var(--primary) 4%,var(--surface));color:var(--text);cursor:pointer}.upload-dropzone small{grid-column:2;color:var(--muted);font-size:.72rem}.upload-progress{height:7px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,transparent)}.upload-progress span{display:block;height:100%;border-radius:inherit;background:var(--primary);transition:width .16s ease}.upload-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.referral-card{display:grid;gap:12px;margin-bottom:12px}.promo-result{display:grid;gap:5px;box-shadow:none}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.quick-action{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-weight:700;font-size:.86rem;text-align:center}.interface-hero{display:grid;justify-items:center;gap:10px;margin:8px 0 16px;text-align:center}.interface-grid{display:grid;gap:10px}.interface-card{display:block}.interface-card .card,.interface-locked{display:grid;gap:8px;min-height:126px;align-content:start;box-shadow:none}.interface-card .card{cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.interface-card .card:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--surface));transform:translateY(-1px)}.interface-card svg,.interface-locked svg{color:var(--primary)}.interface-card strong,.interface-locked strong{font-size:.98rem}.interface-card p,.interface-locked p{color:var(--muted);font-size:.82rem;line-height:1.35}.interface-locked{opacity:.74}.client-form{display:grid;gap:10px}.route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.price-card,.client-success{display:grid;gap:8px;box-shadow:none}.client-success strong{display:flex;align-items:center;gap:6px;color:var(--primary)}.tracking-card{display:grid;gap:12px;margin-top:12px}.tracking-head,.tracking-actions,.driver-strip,.tracking-metrics{display:flex;align-items:center;gap:10px}.tracking-head{justify-content:space-between}.tracking-freshness{min-width:84px;border-radius:999px;padding:5px 9px;background:color-mix(in srgb,var(--muted) 14%,transparent);color:var(--muted);font-size:.72rem;font-weight:800;text-align:center}.tracking-freshness.temps_reel{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary)}.tracking-freshness.recent{background:color-mix(in srgb,var(--primary-2) 24%,transparent);color:#7a5200}.tracking-map{position:relative;height:260px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,transparent),transparent),color-mix(in srgb,var(--surface-2) 70%,var(--surface))}.tracking-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(color-mix(in srgb,var(--border) 60%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border) 60%,transparent) 1px,transparent 1px);background-size:36px 36px}.tracking-route{position:absolute;left:18%;right:18%;top:48%;border-top:4px dashed color-mix(in srgb,var(--primary) 45%,transparent);transform:rotate(-18deg);transform-origin:center}.tracking-marker{position:absolute;z-index:2;width:40px;height:40px;display:grid;place-items:center;border:3px solid var(--surface);border-radius:999px;box-shadow:var(--shadow);transform:translate(-50%,-50%);transition:left .35s ease,top .35s ease}.tracking-marker.driver{background:var(--primary);color:#fff}.tracking-marker.client{background:var(--primary-2);color:#1d1600}.tracking-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tracking-metrics div{display:grid;gap:3px;padding:10px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--primary) 6%,transparent)}.tracking-metrics span,.tracking-address{color:var(--muted);font-size:.8rem}.driver-strip{padding-top:2px}.driver-photo{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;border-radius:8px;background:color-mix(in srgb,var(--primary) 16%,var(--surface));color:var(--primary);font-weight:800}.driver-photo img{width:100%;height:100%;object-fit:cover}.tracking-actions{display:grid;grid-template-columns:1fr 1fr auto}.delivery-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.delivery-type-option{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-weight:700;cursor:pointer}.delivery-type-option.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}.market-list,.cart-card{display:grid;gap:10px;margin-bottom:12px}.market-product{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:10px}.product-thumb.small{height:58px;width:58px}.market-product p{color:var(--muted);font-size:.8rem;margin:2px 0 5px}.cart-row{border-bottom:1px solid var(--border);padding-bottom:8px}.cart-actions{display:flex;align-items:center;gap:8px}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(100%,480px);display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20}.bottom-link{display:grid;justify-items:center;gap:2px;padding:8px 2px;border-radius:8px;color:var(--muted);font-size:.74rem}.bottom-link.active{color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.bar-chart{height:150px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;margin-top:12px}.bar-item{height:100%;display:grid;grid-template-rows:1fr auto;justify-items:center;gap:6px}.bar-track{width:100%;height:100%;display:flex;align-items:end;border-radius:8px;background:color-mix(in srgb,var(--primary) 9%,transparent);overflow:hidden}.bar-fill{width:100%;border-radius:8px 8px 0 0;background:linear-gradient(180deg,var(--primary-2),var(--primary))}.profile-card{display:grid;justify-items:center;gap:8px;margin-bottom:12px;text-align:center}.avatar,.product-thumb{display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--primary) 16%,var(--surface));color:var(--primary);font-weight:800}.avatar{width:64px;height:64px;font-size:1.15rem;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{display:grid;gap:8px;cursor:pointer}.product-thumb{height:92px;font-size:1.5rem}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:end center;padding:16px;background:#00000073}.dialog{width:min(100%,448px);display:grid;gap:10px;padding:16px;border-radius:8px;background:var(--surface)}.payout-dialog{align-self:end}.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.payment-method{display:grid;gap:5px;justify-items:start;min-height:96px;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.payment-method.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface))}.payment-method span{font-weight:800}.payment-method small{color:var(--muted);font-size:.74rem}.form-label{display:grid;gap:6px;color:var(--muted);font-size:.82rem}.payout-success{display:grid;gap:8px;box-shadow:none}.input,select{width:100%;min-height:42px;border:1px solid var(--border);border-radius:8px;padding:0 10px;background:var(--surface);color:var(--text)}@media(max-width:360px){.stats-grid,.product-grid,.admin-card-grid{grid-template-columns:1fr}.wide{grid-column:span 1}.admin-table{overflow-x:auto}.admin-row{min-width:520px}}.traffic-chart svg{width:100%;height:auto;display:block}.traffic-readout{min-height:1.3em;margin:0 0 6px;font-size:.85rem;color:var(--text)}.traffic-bar{fill:var(--primary)}.traffic-bar.active{fill:color-mix(in srgb,var(--primary) 75%,var(--text))}.traffic-grid{stroke:var(--border);stroke-width:1;stroke-dasharray:2 3}.traffic-baseline{stroke:var(--muted);stroke-width:1}.traffic-axis{fill:var(--muted);color:var(--muted);font-size:11px}.traffic-label{fill:var(--text);font-size:11px;font-weight:600}.traffic-heat{display:grid;grid-template-columns:30px repeat(24,1fr);gap:2px;align-items:center}.traffic-heat>span{font-size:10px;text-align:center}.traffic-heat-row{display:contents}.traffic-heat-row>span{font-size:11px}.traffic-cell{aspect-ratio:1;min-width:0;padding:0;border:0;border-radius:2px;cursor:pointer}.traffic-cell:hover,.traffic-cell:focus-visible{outline:2px solid var(--text);outline-offset:0}.traffic-scale{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:11px;color:var(--muted)}.traffic-scale i{width:14px;height:14px;border-radius:2px;display:inline-block}.traffic-table{width:100%;border-collapse:collapse;font-size:.85rem}.traffic-table th,.traffic-table td{text-align:left;padding:4px 6px;border-bottom:1px solid var(--border)}
