:root{--bg:#F6F7F9;--surface:#FFFFFF;--surface-2:#F1F5F9;--border:rgba(15,23,42,.1);--text:rgba(15,23,42,.92);--muted:rgba(15,23,42,.62);--accent:#111827;--accent-2:#0EA5E9;--success:#16A34A;--warning:#F59E0B;--danger:#EF4444;--radius-lg:18px;--radius-md:14px;--shadow:0 10px 30px rgba(2,6,23,.08);--maxw:560px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{font-weight:400}.shell{min-height:100%;display:flex;justify-content:center}.container{width:100%;max-width:var(--maxw);padding:calc(env(safe-area-inset-top) + 14px) 14px calc(env(safe-area-inset-bottom) + 18px);display:flex;flex-direction:column;gap:14px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px}.logo{width:34px;height:34px;border-radius:12px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}.title{font-weight:900;letter-spacing:-.02em}.subtitle{color:var(--muted);font-size:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:16px}.h1{font-size:22px;font-weight:900;margin:0}.h2{font-size:14px;font-weight:800;margin:0;color:var(--muted)}.row{display:flex;gap:12px}.row>*{flex:1}.grid{display:grid;gap:12px}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.divider{height:1px;background:var(--border);margin:12px 0}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;color:var(--muted)}.btn{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:8px 12px;min-height:38px;line-height:1.2;cursor:pointer;font-weight:400}.btn.primary{background:var(--accent);color:#fff;border-color:transparent}.btn.small{padding:6px 10px;min-height:32px;font-size:12px;border-radius:14px;font-weight:400}.input{width:100%;padding:12px;border-radius:14px;border:1px solid var(--border);background:var(--surface)}.helper{font-size:12px;color:var(--muted)}.nav{position:sticky;bottom:0;display:flex;gap:10px;padding:10px;background:#f6f7f9d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;border:1px solid var(--border)}.nav a{flex:1;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:16px;color:var(--muted);font-weight:400;font-size:12px}.nav a.active{background:var(--surface);color:var(--text);border:1px solid var(--border)}.table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:18px;border:1px solid var(--border)}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;font-size:13px}.table th{background:var(--surface-2);color:var(--muted);font-weight:900}.table tr:last-child td{border-bottom:none}.pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:900}.pill.ok{background:#16a34a1f;color:var(--success)}.pill.bad{background:#ef44441f;color:var(--danger)}.searchbar{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}.searchdot{width:10px;height:10px;border-radius:999px;background:var(--accent-2)}.searchinput{border:none;background:transparent;padding:0;outline:none}.searchinput.input{border:none}.mapwrap{padding:12px;border-radius:18px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.maphead{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px}.mapmock{position:relative;height:220px;border-radius:16px;border:1px dashed var(--border);background:linear-gradient(180deg,#0ea5e914,#11182705);overflow:hidden}.mapcenter{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:900;letter-spacing:.08em}.mapbadge{position:absolute;top:12px;padding:6px 10px;border-radius:999px;background:#ffffffd9;border:1px solid var(--border);font-size:12px;font-weight:900;color:var(--text)}.mapbadge.left{left:12px}.mapbadge.right{right:12px}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.seg{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:8px 12px;min-height:46px;text-align:center;cursor:pointer;font-weight:400}.seg.active{outline:2px solid rgba(14,165,233,.55)}.segtitle{font-weight:400}.segmeta{font-size:12px;color:var(--muted);margin-top:2px;font-weight:400}.card.soft{box-shadow:none;background:var(--surface-2)}.walletrow{display:flex;align-items:center;justify-content:space-between;gap:12px}.list{display:flex;flex-direction:column;gap:10px}.listitem{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:18px;border:1px solid var(--border);background:var(--surface);cursor:pointer}.listitem .dot{width:10px;height:10px;border-radius:999px;background:#11182740}.liText{flex:1;text-align:left}.chev{color:var(--muted);font-weight:400}