:root{--bg: #f4f7fb;--bg-elevated: #ffffff;--surface: #ffffff;--surface-soft: #f4f7fb;--line: #d9e2ee;--ink: #0f1728;--ink-soft: #52627a;--muted: #52627a;--accent: #3259d8;--accent-soft: #edf4ff;--accent-ink: #ffffff;--success: #13a36b;--success-soft: rgba(19, 163, 107, .14);--danger: #b42318;--shadow-sm: 0 10px 24px rgba(15, 23, 40, .08);--shadow-md: 0 10px 30px rgba(15, 23, 40, .05);--shadow-lg: 0 20px 60px rgba(15, 23, 40, .22);--radius: 24px}:root[data-theme=dark]{--bg: #0f1614;--bg-elevated: #18211c;--surface: #202a24;--surface-soft: #18211c;--line: rgba(222, 232, 224, .16);--ink: #eef6ef;--ink-soft: #9eaea4;--muted: #9eaea4;--accent: #9ee37d;--accent-soft: rgba(158, 227, 125, .18);--accent-ink: #151b18;--success: #55d684;--success-soft: rgba(85, 214, 132, .16);--danger: #ff6b6b;--shadow-sm: 0 10px 24px rgba(0, 0, 0, .34);--shadow-md: 0 14px 40px rgba(0, 0, 0, .3);--shadow-lg: 0 24px 70px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body{margin:0;min-width:320px}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);line-height:1.45;transition:background .2s,color .2s}.receiver-toolbar{position:fixed;z-index:25;top:14px;right:14px;display:inline-flex;align-items:center;gap:8px}.receiver-tool{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);padding:0;font-weight:900;box-shadow:var(--shadow-sm);transition:transform .16s,background .16s,border-color .16s;cursor:pointer}.receiver-tool:hover{transform:translateY(-1px);border-color:var(--accent)}.receiver-language{position:fixed;z-index:25;top:14px;right:14px}.receiver-language button{border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);padding:8px 12px;font-weight:900;box-shadow:var(--shadow-sm)}button{font:inherit;cursor:pointer}.page{max-width:840px;margin:0 auto;padding:24px 16px 56px}.hero-card,.panel{background:var(--surface);color:var(--ink);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--line)}.hero-card{margin-bottom:16px}.panel+.panel{margin-top:16px}.grid{display:grid;gap:16px;margin-bottom:16px}@media(min-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.eyebrow{margin:0 0 8px;color:var(--accent);font-weight:700;letter-spacing:.02em;text-transform:uppercase;font-size:12px}h1,h2,p{margin-top:0;color:inherit}.subtle{color:var(--muted)}.metric{font-size:32px;font-weight:800}.status-pill{display:inline-flex;align-items:center;border-radius:999px;background:var(--accent-soft);color:var(--accent);padding:8px 12px;font-size:14px;font-weight:700;margin-bottom:12px}.primary{width:100%;border:0;border-radius:16px;padding:14px 16px;background:var(--accent);color:var(--accent-ink);font-weight:700;transition:transform .16s,box-shadow .16s,opacity .16s}.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.primary:disabled{opacity:.55;cursor:not-allowed}.stack{display:grid;gap:12px}.field{display:grid;gap:8px;margin-top:16px;color:var(--muted);font-weight:700}input,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;background:var(--surface-soft);color:var(--ink);transition:border-color .16s,box-shadow .16s,background .16s}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);background:var(--surface)}.map-card{position:relative;min-height:260px;overflow:hidden;border-radius:20px;background:linear-gradient(90deg,var(--accent-soft) 1px,transparent 1px),linear-gradient(var(--accent-soft) 1px,transparent 1px),var(--accent-soft);background-size:34px 34px}.map-pin{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-width:82px;min-height:34px;transform:translate(-50%,-50%);border-radius:999px;background:var(--ink);color:var(--bg);font-size:12px;font-weight:800;border:2.5px solid var(--bg);box-shadow:0 6px 14px #00000040}.map-pin.courier{background:var(--accent);color:var(--accent-ink)}.map-pin.dropoff{right:18%;bottom:22%;transform:none;background:var(--success);color:#fff}.proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.proof-grid img{width:100%;aspect-ratio:4 / 3;border-radius:14px;object-fit:cover}.chat-log{display:grid;gap:8px;max-height:220px;overflow:auto;padding:10px;border-radius:14px;background:var(--surface-soft)}.chat-message{width:fit-content;max-width:78%;margin:0;border-radius:14px;padding:10px 12px;background:var(--surface);color:var(--ink);border:1px solid var(--line)}.chat-message.receiver{justify-self:end;background:var(--accent);color:var(--accent-ink);border-color:transparent}.chat-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}.chat-form .primary{width:auto}.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0f172875;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:root[data-theme=dark] .modal-backdrop{background:#000000b3}.pin-modal{width:min(480px,100%)}.pin-code{display:grid;place-items:center;margin:18px 0;border-radius:20px;background:var(--accent-soft);color:var(--accent);font-size:clamp(42px,12vw,72px);font-weight:900;letter-spacing:.18em}.success{color:var(--success);font-weight:800}.error-text{color:var(--danger);font-weight:800}.timeline{list-style:none;padding:0;margin:0}.timeline li{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line)}.timeline li:first-child{border-top:0;padding-top:0}.timeline-time{color:var(--muted);font-weight:700}.timeline-body p{margin:6px 0 0;color:var(--muted)}.cookie-banner{position:fixed;right:16px;bottom:16px;left:16px;z-index:30;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;max-width:760px;margin:0 auto;border-radius:18px;background:var(--ink);color:var(--bg);padding:14px;box-shadow:var(--shadow-lg)}.cookie-banner p{margin:0}.cookie-banner .primary{width:auto;background:var(--bg);color:var(--ink)}@media(max-width:560px){.chat-form,.cookie-banner{grid-template-columns:1fr}.panel,.hero-card{padding:18px;border-radius:18px}.map-card{min-height:220px}.map-pin{min-width:72px;min-height:30px;font-size:11px}}