:root{--bg:#0b0f17;--panel: rgba(255,255,255,.06);--panel2: rgba(255,255,255,.09);--text:#eaf0ff;--muted: rgba(234,240,255,.68);--stroke: rgba(255,255,255,.12);--accent:#6ea8ff;--danger:#ff5d5d;--ok:#49d98c;--radius: 18px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 20% -10%,rgba(110,168,255,.22),transparent 55%),radial-gradient(900px 500px at 80% 0%,rgba(73,217,140,.14),transparent 60%),var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial}a{color:var(--accent);text-decoration:none}.shell{width:100%;max-width:none;margin:0 auto;padding-left:calc(14px + env(safe-area-inset-left));padding-right:calc(14px + env(safe-area-inset-right));padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom))}@media(min-width:900px){.shell{padding-left:20px;padding-right:20px}}.topbar{position:sticky;top:0;padding-top:env(safe-area-inset-top);background:#0b0f179e;border-bottom:1px solid var(--stroke);z-index:20}.topbar-inner{width:100%;max-width:none;margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.iosTopbar{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.iosTopbarInner{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px}.brand{display:flex;flex-direction:column;gap:2px}.brand .title{font-weight:800;letter-spacing:.2px}.brand .sub{font-size:12px;color:var(--muted)}.iosTitle{text-align:center;font-weight:800;letter-spacing:.2px;font-size:16px}.iconBtn{width:44px;height:44px;border-radius:14px;border:1px solid transparent;background:transparent;color:var(--text);display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.iconBtn:active{background:#ffffff14;border-color:#ffffff1a}.iosRight{display:flex;justify-content:flex-end;align-items:center;gap:10px}.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);cursor:pointer}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-top:14px}@media(max-width:860px){.grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:520px){.grid{grid-template-columns:repeat(4,1fr)}}.card{grid-column:span 4;padding:14px;border-radius:var(--radius);border:1px solid var(--stroke);background:linear-gradient(180deg,#ffffff14,#ffffff0a);box-shadow:0 18px 40px #00000047}.card .label{color:var(--muted);font-size:12px}.card .value{font-size:22px;font-weight:800;margin-top:6px}.card .hint{color:var(--muted);font-size:12px;margin-top:6px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.btn{padding:11px 14px;border-radius:14px;border:1px solid var(--stroke);background:#ffffff14;color:var(--text);cursor:pointer;font-weight:700}.btn.primary{border-color:#6ea8ff73;background:#6ea8ff29}.btn.danger{border-color:#ff5d5d73;background:#ff5d5d24}.tableWrap{margin-top:14px;width:100%;border:1px solid var(--stroke);border-radius:var(--radius);background:#ffffff0a;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 220px)}.tableWrap::-webkit-scrollbar{height:6px;width:10px}.tableWrap::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:6px}.table{width:max-content;min-width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:middle;white-space:nowrap}.table th{cursor:pointer;color:#eaf0ffdb;background:#ffffff08;position:sticky;top:0;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tableClickable tbody tr{cursor:pointer}.tableClickable tbody tr:hover td{background:#ffffff08}.mono{font-variant-numeric:tabular-nums}.chip{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid var(--stroke);font-size:12px;color:var(--muted)}.chip.ok{border-color:#49d98c59;color:#49d98ce6;background:#49d98c14}.chip.bad{border-color:#ff5d5d59;color:#ff5d5de6;background:#ff5d5d14}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;padding:18px;z-index:50}.modal{width:min(520px,100%);border-radius:22px;border:1px solid var(--stroke);background:#121824eb;box-shadow:0 30px 70px #00000080;padding:16px}.modal h2{margin:4px 0 10px}.field{display:flex;flex-direction:column;gap:6px;margin:10px 0}label{font-size:12px;color:var(--muted)}input,select{width:100%;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);outline:none}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:520px){.row{grid-template-columns:1fr}}.segment{display:inline-flex;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;border-radius:999px;overflow:hidden}.segment button{padding:10px 12px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-weight:800}.segment button.active{background:#6ea8ff2e;color:var(--text)}.small{font-size:12px;color:var(--muted)}.drawerOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:60}.drawer{position:fixed;top:0;bottom:0;left:0;width:min(86vw,340px);padding-top:calc(env(safe-area-inset-top) + 10px);padding-bottom:calc(env(safe-area-inset-bottom) + 10px);background:#121824eb;border-right:1px solid var(--stroke);box-shadow:0 30px 70px #0000008c;z-index:61;transform:translate(-105%);transition:transform .18s ease-out}.drawer.open{transform:translate(0)}.drawerHeader{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.drawerProfile{display:flex;gap:12px;align-items:center}.avatar{width:40px;height:40px;border-radius:14px;background:#ffffff1a;display:grid;place-items:center;font-weight:900}.profileName{font-weight:850}.profileSub{font-size:12px;color:var(--muted);margin-top:2px}.drawerNav{padding:10px;display:grid;gap:8px}.drawerItem{height:46px;border-radius:16px;border:1px solid transparent;background:#ffffff0d;color:var(--text);display:flex;align-items:center;gap:10px;padding:0 12px;cursor:pointer;font-weight:800;-webkit-tap-highlight-color:transparent}.drawerItem:active{background:#ffffff14;border-color:#ffffff1a}.drawerItem .drawerHint{margin-left:auto;font-size:12px;color:var(--muted);font-weight:700}.drawerDivider{height:1px;background:#ffffff1a;margin:8px 4px}.drawerItem.danger{background:#ff5d5d1a;border-color:#ff5d5d38}.profilePage{max-width:720px;margin:0 auto;padding:12px 0;display:grid;gap:14px}.profileHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.profileTitle{font-weight:900;font-size:18px}.profileCards{display:grid;gap:12px}.profilePanel{padding:14px;border-radius:var(--radius);border:1px solid var(--stroke);background:linear-gradient(180deg,#ffffff14,#ffffff0a);box-shadow:0 18px 40px #00000047}.profileSectionTitle{font-weight:900;margin-bottom:6px}.profileMsg{padding:10px 12px;border-radius:14px;border:1px solid var(--stroke);font-weight:700}.errorBox{border-color:#ff5d5d59;background:#ff5d5d1f}.okBox{border-color:#49d98c59;background:#49d98c1f}.loadingBlock{display:grid;justify-items:center;gap:10px;padding:18px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d}.loadingInline{display:inline-flex;align-items:center;gap:10px}.loadingLabel{font-size:12px;font-weight:800;color:var(--muted)}.spinner{width:20px;height:20px;border-radius:999px;border:2px solid rgba(255,255,255,.18);border-top-color:#ffffffd9;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
