:root{--ink:#1c1b29;--ink-soft:#262536;--curry:#4c7a52;--curry-dark:#3a5f40;--chili:#e4572e;--chili-dark:#c1432e;--turmeric:#f4a200;--paper:#fdf8ef;--charcoal:#2b2420;--line:#fdf8ef1f;--text-dim:#fdf8ef99;--bg-gradient:linear-gradient(135deg, #6a4550 0%, #3a4468 25%, #22406e 60%, #1a3560 100%);--card-gradient:linear-gradient(165deg, #fff 0%, #f4f2f0 100%);--accent-gradient:linear-gradient(160deg, #2e2e28 0%, #14140f 60%, #050503 100%)}*{box-sizing:border-box}html,body,#root{background:var(--bg-gradient);min-height:100vh;color:var(--paper);background-attachment:fixed;margin:0;font-family:Inter,system-ui,sans-serif}h1,h2,h3,.display{letter-spacing:-.01em;margin:0;font-family:Fraunces,serif;font-weight:600}button{cursor:pointer;border:none;border-radius:10px;font-family:inherit}input,select{border:1px solid var(--line);background:var(--ink-soft);color:var(--paper);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:15px}input:focus,button:focus-visible{outline:2px solid var(--turmeric);outline-offset:2px}.app-shell{max-width:480px;min-height:100vh;margin:0 auto;padding:0 20px 100px;animation:.22s ease-out screen-enter}@keyframes screen-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.topbar{justify-content:space-between;align-items:center;padding:20px 0 12px;display:flex}.topbar .brand{color:var(--turmeric);font-family:Fraunces,serif;font-size:22px;font-weight:700}.btn-primary{background:var(--accent-gradient);color:#fff;width:100%;padding:14px 20px;font-size:15px;font-weight:600;transition:transform .1s,box-shadow .15s;box-shadow:0 8px 18px #00000059}.btn-primary:active{transform:scale(.97);box-shadow:0 4px 10px #0000004d}.btn-primary:disabled{background:var(--ink-soft);color:var(--text-dim);cursor:not-allowed;box-shadow:none;transform:none}.btn-stop{background:var(--chili);color:#fff;width:100%;padding:14px 20px;font-size:15px;font-weight:600;transition:transform .1s,box-shadow .15s;box-shadow:0 8px 18px #e4572e59}.btn-stop:active{transform:scale(.97);box-shadow:0 4px 10px #e4572e4d}.btn-secondary{color:var(--turmeric);border:1px solid var(--line);background:0 0;padding:10px 16px;font-size:14px;font-weight:600;transition:transform .1s,background .15s}.btn-secondary:hover{background:#fdf8ef0f}.btn-secondary:active{transform:scale(.97)}.card{background:var(--card-gradient);color:var(--charcoal);border-radius:16px;margin-bottom:14px;padding:16px;transition:transform .12s,box-shadow .12s;box-shadow:0 14px 30px #00000040,inset 0 1px #ffffffe6}.error-banner{border:1px solid var(--chili);color:var(--paper);background:#e4572e26;border-radius:10px;margin-bottom:14px;padding:12px 14px;font-size:14px}.muted{color:var(--text-dim);font-size:14px}.stack{flex-direction:column;gap:12px;display:flex}.row{justify-content:space-between;align-items:center;display:flex}.status-banner{text-align:center;border-radius:18px;margin-bottom:20px;padding:22px 20px;box-shadow:0 14px 30px #00000040}.status-banner.online{border:1px solid var(--curry);background:linear-gradient(160deg,#4c7a5259 0%,#4c7a5226 100%)}.status-banner.online:before{content:"";background:var(--curry);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:8px;animation:1.6s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 #4c7a5280}50%{opacity:.6;box-shadow:0 0 0 6px #4c7a5200}}.status-banner.offline{background:var(--ink-soft);border:1px solid var(--line)}.status-banner.alert{animation:.35s cubic-bezier(.34,1.56,.64,1) slide-down-pop}@keyframes slide-down-pop{0%{opacity:0;transform:translateY(-16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.pill{background:var(--turmeric);color:var(--charcoal);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.rider-card{background:var(--card-gradient);border-radius:16px;margin-bottom:14px;transition:transform .12s;overflow:hidden;box-shadow:0 14px 30px #00000040,inset 0 1px #ffffffe6}.rider-card:active{transform:scale(.99)}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);background:#1c1b29eb;border-radius:30px;justify-content:space-around;max-width:440px;margin:0 auto;padding:8px;display:flex;position:fixed;bottom:16px;left:20px;right:20px;box-shadow:0 12px 28px #00000073}.bottom-nav button{color:var(--text-dim);background:0 0;border-radius:22px;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;font-size:10.5px;font-weight:700;transition:background .15s,color .15s,transform .1s;display:flex}.bottom-nav button:active{transform:scale(.95)}.bottom-nav__icon{font-size:18px;line-height:1}.bottom-nav button.active{color:var(--turmeric);background:#f4a20029}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-block{background:linear-gradient(90deg,#eae6dc 25%,#f5f2ea 37%,#eae6dc 63%) 0 0/800px 100%;border-radius:8px;animation:1.4s ease-in-out infinite shimmer}.skeleton-card{background:var(--card-gradient);border-radius:16px;margin-bottom:14px;padding:16px;box-shadow:0 14px 30px #00000040,inset 0 1px #ffffffe6}