:root{--bg0: #0b0f17;--bg1: #0e1524;--card: rgba(255, 255, 255, .06);--stroke: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .62);--ok: #2ad1a3;--warn: #ffcc66;--bad: #ff6b6b;--radius: 12px;--shadow: 0 10px 30px rgba(0, 0, 0, .35)}html,body{height:100%}body{margin:0;font-family:IBM Plex Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 20% 0%,#18223c 0%,transparent 60%),radial-gradient(900px 500px at 80% 20%,#1a2c2a 0%,transparent 55%),linear-gradient(180deg,var(--bg0) 0%,var(--bg1) 100%)}a{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#0c1019b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--stroke)}.topbar-title{font-weight:600;letter-spacing:.2px}.topbar-right{display:flex;align-items:center;gap:10px}.token{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.token input{width:220px;padding:8px 10px;border-radius:10px;border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);outline:none}.app-body{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:16px}.app-nav{border:1px solid var(--stroke);border-radius:var(--radius);background:#ffffff0a;padding:10px;height:fit-content;box-shadow:var(--shadow)}.nav-link{display:block;text-decoration:none;padding:8px 10px;border-radius:10px;color:var(--muted)}.nav-link:hover{background:#ffffff0f;color:var(--text)}.app-main{min-width:0}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.toolbar{display:flex;align-items:center;gap:10px}.select{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.select select{padding:8px 10px;border-radius:10px;border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);outline:none}.page-header h1{margin:0;font-size:18px}.search input{width:280px;padding:9px 11px;border-radius:10px;border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);outline:none}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--stroke);font-size:12px;color:var(--muted);background:#ffffff0d}.pill[data-tone=ok]{border-color:#2ad1a359;color:#2ad1a3f2}.pill[data-tone=warn]{border-color:#ffcc6659;color:#ffcc66f2}.pill[data-tone=bad]{border-color:#ff6b6b59;color:#ff6b6bf2}.pill[data-tone=muted]{opacity:.9}.notice{padding:10px 12px;border-radius:var(--radius);border:1px solid var(--stroke);background:#ffffff0d;margin-bottom:12px;color:var(--muted)}.notice[data-tone=bad]{border-color:#ff6b6b59;color:#ff6b6bf2}.notice[data-tone=warn]{border-color:#ffcc6659;color:#ffcc66f2}.card{border:1px solid var(--stroke);border-radius:var(--radius);background:#ffffff0b;box-shadow:var(--shadow);padding:12px;margin-bottom:12px}.card-title{font-weight:600;margin-bottom:10px}.form input,.form select{width:100%;padding:9px 11px;border-radius:10px;border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);outline:none}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.label{font-size:12px;color:var(--muted)}.value{margin-top:4px;font-size:13px;word-break:break-word}.table-wrap{overflow:auto;border-radius:var(--radius)}.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}.table th{text-align:left;font-size:12px;color:var(--muted);background:#ffffff08;position:sticky;top:0}.name a{text-decoration:none;font-weight:600}@media (max-width: 900px){.app-body{grid-template-columns:1fr}.token input{width:160px}.search input{width:180px}}