*{box-sizing:border-box} :root{--bg:#080d16;--panel:#101827;--panel2:#151f30;--text:#f5f7fb;--muted:#8f9bad;--line:#263246;--accent:#34d399;--accent2:#22c55e;--danger:#fb7185;--blue:#60a5fa;--radius:18px}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100%;overscroll-behavior:none}body{max-width:480px;margin:auto}button,input,select{font:inherit}button{border:0;color:inherit;cursor:pointer;touch-action:manipulation}#app{min-height:100dvh;padding-bottom:78px}.top{height:70px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,13,22,.96);position:sticky;top:0;z-index:5}.brand{font-size:12px;font-weight:900;letter-spacing:1.8px}.muted{color:var(--muted);font-size:11px}.top-actions{display:flex;gap:6px;align-items:center}.chip,.shift{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:7px 9px;font-size:10px;color:var(--muted)}.shift b{color:var(--text);font-weight:700;margin-left:4px}.screen{display:none;padding:16px}.screen.active{display:block}.service-head,.screen-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}.eyebrow{font-size:9px;letter-spacing:1.4px;color:var(--muted);font-weight:800}.service-head h1,.screen-title h2{margin:3px 0 0;font-size:28px;line-height:1}.screen-title h2{font-size:26px}.today-stats{font-size:11px;color:var(--muted);text-align:right}.ride{width:100%;aspect-ratio:1/1.02;border-radius:30px;background:linear-gradient(145deg,#183b2d,#10291f);border:1px solid #245b43;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.28);transition:.2s}.ride:active{transform:scale(.988)}.ride.busy{background:linear-gradient(145deg,#4a1822,#2a1118);border-color:#7f2838}.ride-kicker{font-size:10px;letter-spacing:1.2px;color:#b7c7be;margin-bottom:16px}.ride strong{font-size:52px;letter-spacing:-2px}.ride span:last-of-type{font-size:12px;color:#b7c7be;margin-top:10px}.quick-tags{position:absolute;bottom:14px;left:14px;right:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.quick-tags button{height:38px;border-radius:12px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1);font-size:10px}.active-panel{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--panel);display:flex;align-items:center;gap:12px}.active-panel strong{display:block;margin-top:2px}.active-panel>div:nth-child(2){margin-left:auto;font-size:10px;color:var(--muted)}.active-panel button{background:transparent;color:var(--danger);font-size:11px}.hidden{display:none!important}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.metric-grid div{background:var(--panel);border:1px solid var(--line);padding:12px;border-radius:14px}.metric-grid span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.metric-grid b{display:block;margin-top:5px;font-size:17px}.filters{display:flex;gap:7px;margin-bottom:10px}.filters input,.filters select,.panel input{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:11px;outline:none}.filters input{flex:1}.filters select{width:115px}.summary-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:13px;margin-bottom:10px}.summary-card{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.summary-card b{font-size:16px}.summary-card span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.ride-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:13px;margin:8px 0}.ride-card-top{display:flex;justify-content:space-between}.ride-card .time{font-weight:800}.ride-card .money{font-size:18px;font-weight:800;color:var(--accent)}.ride-card .meta{font-size:11px;color:var(--muted);margin-top:5px}.ride-card .actions{display:flex;gap:6px;margin-top:10px}.mini{padding:7px 9px;border-radius:9px;background:var(--panel2);font-size:10px}.screen-title button{background:var(--panel);border:1px solid var(--line);padding:8px 10px;border-radius:10px;font-size:10px}.insight-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}.insight{background:var(--panel);border:1px solid var(--line);padding:13px;border-radius:15px}.insight b{display:block;font-size:22px}.insight span{font-size:9px;color:var(--muted);text-transform:uppercase}.panel-title{font-size:11px;font-weight:800;margin-bottom:10px}.bars{display:flex;align-items:flex-end;height:120px;gap:5px}.bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.bar{width:100%;max-width:22px;background:var(--accent);border-radius:5px 5px 2px 2px;min-height:3px}.bar-col span{font-size:8px;color:var(--muted)}.bar-col em{font-size:8px;font-style:normal;color:var(--text)}.tag-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.tag-row:last-child{border:0}.panel label{display:block;font-size:10px;color:var(--muted);margin-bottom:12px}.panel label input{display:block;width:100%;margin-top:6px}.tag-setting{display:flex;align-items:center;gap:7px;margin-bottom:8px}.tag-setting input{flex:1}.tag-setting button{background:transparent;color:var(--danger)}.secondary,.danger{width:100%;padding:11px;border-radius:11px;background:var(--panel2);border:1px solid var(--line);margin-top:7px;font-size:11px}.danger{color:#fda4af}.button-row{display:flex;gap:7px}.button-row>*{flex:1}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);height:70px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:rgba(10,15,24,.98);border-top:1px solid var(--line);z-index:10}.nav{background:transparent;color:var(--muted);font-size:9px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;border-radius:12px}.nav span{font-size:18px}.nav.active{color:var(--text);background:var(--panel)}#toast{position:fixed;left:50%;bottom:88px;transform:translateX(-50%) translateY(10px);background:#eef2f7;color:#101722;padding:9px 13px;border-radius:12px;font-size:11px;opacity:0;pointer-events:none;transition:.2s;z-index:20;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(min-width:481px){body{box-shadow:0 0 80px #000}}