:root{--bg:#0b0f14;--fg:#e6edf3;--muted:#8b98a5;--line:#1d2630;--accent:#22d3ee}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:460px;margin:0 auto;padding:34px 20px 60px}
h1{font-size:23px;margin:0 0 4px;letter-spacing:-.2px}
.sub{color:var(--muted);font-size:14px;margin:0 0 26px}
a.tile{display:flex;align-items:center;gap:14px;padding:16px 16px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;color:inherit;text-decoration:none;background:#0f151c}
a.tile:active{background:#131b24}
.tile .ic{width:38px;height:38px;flex:none;border-radius:10px;background:#132029;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--accent)}
.tile .t{font-weight:600;font-size:15px}
.tile .d{color:var(--muted);font-size:13px}
.status{margin-top:26px;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:13px;color:var(--muted)}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#34d399;margin-right:7px;vertical-align:1px}
footer{margin-top:34px;color:#5c6b78;font-size:12px;text-align:center}