*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#0b1220;color:#e6edf7;font-family:-apple-system,'Inter','Segoe UI',Roboto,sans-serif;-webkit-tap-highlight-color:transparent}
body{min-height:100vh;padding-bottom:calc(90px + env(safe-area-inset-bottom))}
#app{max-width:520px;margin:0 auto;padding-top:env(safe-area-inset-top)}
button,select,textarea,input{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
.hd{padding:18px 20px 12px}.brand{font-size:12px;letter-spacing:2px;color:#4fa3ff;font-weight:700}.h1{font-size:28px;font-weight:800;margin-top:2px}
.sub{color:#8a9bb5;font-size:13px;margin-top:2px}
.hero{margin:0 16px 14px;border-radius:20px;padding:16px;background:linear-gradient(135deg,#0a6cff,#00b4d8);box-shadow:0 10px 30px rgba(10,108,255,.35)}
.hero h3{font-size:15px;font-weight:700}.hero .m{font-size:12px;opacity:.9}
.chip{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.16);border-radius:12px;padding:9px 10px;margin-top:8px;font-size:13px;font-weight:600;cursor:pointer}
.card{margin:0 16px 10px;background:#131c2e;border:1px solid #1f2b42;border-radius:16px;padding:12px 14px;display:flex;gap:12px;align-items:center;cursor:pointer}
.card:active{transform:scale(.99)}
.ring{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:16px;flex:none}
.t{font-weight:700;font-size:14px;line-height:1.2}.loc{color:#8a9bb5;font-size:12px;margin-top:2px}
.b{display:inline-block;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;margin-right:4px;margin-top:5px}
.rv{background:#16a34a33;color:#4ade80}.wt{background:#f59e0b33;color:#fbbf24}.ar{background:#64748b33;color:#94a3b8}.st{background:#4fa3ff26;color:#7cc0ff}
.tab{position:fixed;bottom:0;left:0;right:0;height:calc(82px + env(safe-area-inset-bottom));background:#0e1626ee;backdrop-filter:blur(12px);border-top:1px solid #1f2b42;display:flex;justify-content:space-around;padding-top:10px;font-size:11px;color:#6b7c96;z-index:5}
.tab a{text-align:center;min-width:64px}.tab .on{color:#4fa3ff;font-weight:700}.ic{font-size:20px}
.sec{color:#8a9bb5;font-size:12px;font-weight:700;letter-spacing:1px;margin:4px 20px 8px}
.box{margin:0 16px 10px;background:#131c2e;border:1px solid #1f2b42;border-radius:16px;padding:12px 14px}
.box .sec{margin:0 0 6px}.txt{font-size:12.5px;line-height:1.5;color:#c9d5e8;white-space:pre-wrap}
.bar{height:6px;background:#1f2b42;border-radius:4px;margin-top:3px}.bar>div{height:100%;border-radius:4px;background:linear-gradient(90deg,#0a6cff,#00b4d8)}
.pills{display:flex;gap:6px;margin:0 16px 10px;flex-wrap:wrap}
.pill{padding:8px 11px;border-radius:999px;font-size:11.5px;font-weight:700;background:#1f2b42;color:#8a9bb5;border:0;cursor:pointer}.pill.on{background:#0a6cff;color:#fff}
.btn{flex:1;text-align:center;background:#0a6cff;border-radius:12px;padding:10px;font-weight:700;font-size:13px;border:0;cursor:pointer;display:block}
.btn.g{background:#1f2b42}.btn.dis{background:#1f2b42;color:#64748b}
.mini{border-radius:10px;padding:6px 9px;font-size:11px;font-weight:700;white-space:nowrap}
textarea,input{width:100%;background:#0b1220;border:1px solid #1f2b42;border-radius:12px;padding:10px;font-size:14px;outline:none}textarea:focus,input:focus{border-color:#4fa3ff}
.seg{display:flex;gap:6px;margin:0 16px 12px;overflow-x:auto}.seg .pill{white-space:nowrap}
.kan{display:flex;gap:10px;overflow-x:auto;padding:0 16px 16px;scroll-snap-type:x mandatory}
.col{flex:0 0 76%;scroll-snap-align:start;background:#0e1626;border:1px solid #1f2b42;border-radius:16px;padding:10px;min-height:300px}
.col h4{font-size:12px;letter-spacing:1px;color:#8a9bb5;display:flex;justify-content:space-between;margin:2px 4px 10px}
.col .card{margin:0 0 8px;padding:10px}.col .ring{width:38px;height:38px;font-size:13px}
.stat{display:flex;gap:8px;margin:0 16px 12px}.stat div{flex:1;background:#131c2e;border:1px solid #1f2b42;border-radius:14px;padding:10px;text-align:center}.stat b{display:block;font-size:20px}.stat span{font-size:11px;color:#8a9bb5}
#toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);background:#16a34a;color:#fff;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:700;opacity:0;transition:.25s;z-index:9}#toast.on{opacity:1}
.login{padding:80px 24px}.login .logo{width:72px;height:72px;border-radius:18px;margin-bottom:18px}
.off{margin:0 16px 10px;background:#f59e0b22;color:#fbbf24;border-radius:12px;padding:8px 12px;font-size:12px}