:root{--bg: #0b0f1a;--card: rgba(255,255,255,.07);--card2: rgba(255,255,255,.1);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.65);--border: rgba(255,255,255,.12);--blue: #3b82f6;--blue2: #2563eb;--green: #18c7a1;--danger: #ff4d6d;--radius: 20px;--shadow: 0 12px 34px rgba(0,0,0,.38)}*{box-sizing:border-box}html,body{height:100%;margin:0;background:radial-gradient(1200px 700px at 50% -200px,rgba(59,130,246,.32),transparent 60%),radial-gradient(900px 600px at 0% 0%,rgba(24,199,161,.22),transparent 55%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.container{max-width:880px;margin:0 auto;padding:16px 14px 96px}.header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(to bottom,#0b0f1aeb,#0b0f1a8c);border-bottom:1px solid var(--border)}.header-inner{max-width:880px;margin:0 auto;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.2px;cursor:pointer;-webkit-user-select:none;user-select:none}.brand-badge{width:38px;height:38px;border-radius:16px;background:linear-gradient(135deg,#3b82f6,#18c7a1);box-shadow:var(--shadow)}.header-actions{display:flex;align-items:center;gap:10px}.pill{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border-radius:999px;border:1px solid var(--border);background:#ffffff0f;font-size:12px;color:var(--muted);-webkit-user-select:none;user-select:none}.dot{width:8px;height:8px;border-radius:99px;background:var(--muted)}.dot.ok{background:var(--green)}.dot.warn{background:#f7c948}.dot.bad{background:var(--danger)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card.pad{padding:18px}.card.pad-lg{padding:22px}.input,.select,.textarea{width:100%;background:#ffffff0f;color:var(--text);border:1px solid rgba(255,255,255,.11);border-radius:16px;padding:14px;outline:none;font-size:15px}.textarea{min-height:96px;resize:vertical}.row{display:flex;gap:12px}.row>*{flex:1}.section-title{margin:0 0 12px;font-weight:950;opacity:.96;letter-spacing:.2px}.list{list-style:none;padding:0;margin:0}.item{display:flex;align-items:center;gap:12px;padding:14px 12px;border-top:1px solid rgba(255,255,255,.09)}.item:first-child{border-top:0}.badge{display:inline-flex;align-items:center;justify-content:center;height:20px;min-width:20px;padding:0 7px;font-size:12px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#ffffff14;color:var(--text);padding:12px 14px;border-radius:16px;cursor:pointer;border:1px solid rgba(255,255,255,.12);transition:transform .05s ease,background .15s ease,opacity .15s ease;font-weight:850;letter-spacing:.15px}.btn:active{transform:scale(.98)}.btn.rib{padding:14px 16px;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--blue2));border:1px solid rgba(59,130,246,.35);box-shadow:0 10px 24px #3b82f633}.btn.rib-sm{padding:10px 14px;border-radius:999px;background:#3b82f629;border:1px solid rgba(59,130,246,.25)}.btn.rib-sm.active{background:linear-gradient(135deg,#3b82f6f2,#2563ebeb);border-color:#3b82f661;box-shadow:0 10px 24px #3b82f629}.btn.rib-danger{padding:12px 14px;border-radius:999px;background:linear-gradient(135deg,#ff4d6df2,#ff4d6da6);border:1px solid rgba(255,77,109,.4);box-shadow:0 10px 24px #ff4d6d1f}.btn.rib-ghost{padding:12px 14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.iconbtn{width:46px;height:46px;border-radius:18px;display:grid;place-items:center;padding:0}.menu{position:absolute;right:0;top:56px;width:230px;background:#101626f2;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.menu button{width:100%;text-align:left;padding:14px;border:0;background:transparent;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-weight:850}.menu button:hover{background:#ffffff0f}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;padding:10px 12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(to top,#0b0f1aeb,#0b0f1a59);border-top:1px solid var(--border)}.bottom-inner{max-width:880px;margin:0 auto;display:flex;gap:10px}.tabbtn{flex:1;padding:14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff12;color:var(--text);cursor:pointer;font-weight:950}.tabbtn.active{background:#3b82f62e;border-color:#3b82f647}@media(min-width:840px){.container{padding-bottom:20px}.bottom-nav{display:none}}