*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#f0f2f5}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#064e3b,#047857 45%,#22c55e);position:relative;overflow:hidden;padding:16px}.login-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(34,197,94,.3),transparent 40%),radial-gradient(circle at 80% 70%,rgba(16,185,129,.22),transparent 40%)}.kpi-card{border-radius:12px;color:#fff;padding:14px 16px;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000014}.kpi-card .kpi-val{font-size:24px;font-weight:700;line-height:1.1}.kpi-card .kpi-label{opacity:.9;font-size:12px;margin-top:4px}.kpi-card .kpi-ico{position:absolute;right:12px;top:12px;font-size:28px;opacity:.28}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;margin-right:6px;animation:pulse 1.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #22c55e99}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.rider-shell{max-width:480px;margin:0 auto;min-height:100vh;background:#f0f2f5;display:flex;flex-direction:column}.rider-content{flex:1;padding:12px 12px 70px;overflow-y:auto}.rider-topbar{background:#22c55e;color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.rider-tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:#fff;border-top:1px solid #eee;box-shadow:0 -2px 10px #0000000f;z-index:20}.rider-tabbar .tab{flex:1;text-align:center;padding:8px 0 6px;color:#888;font-size:11px;cursor:pointer}.rider-tabbar .tab .ico{font-size:20px;display:block;margin-bottom:2px}.rider-tabbar .tab.active{color:#22c55e}.task-banner{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:12px;padding:14px 16px;margin-bottom:12px}