:root{--bg: #0b1020;--bg-elev: #0f172a;--bg-card: #0b1220;--border: #1f2937;--border-strong: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #2563eb;--accent-2: #22c55e;--danger: #ef4444;--radius: 14px}*{box-sizing:border-box}body{font-family:Manrope,Segoe UI,Tahoma,sans-serif;margin:0;background:radial-gradient(1200px 600px at 10% -10%,#1e293b,transparent 70%),var(--bg);color:var(--text);min-height:100vh}img,svg,video{max-width:100%;height:auto}main.page{padding:16px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:var(--accent);color:#fff}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;border:1px solid var(--border-strong);background:transparent;color:var(--text)}.input,.select{width:100%;padding:8px 12px;border-radius:12px;border:1px solid var(--border-strong);background:transparent;color:var(--text)}.nav{display:flex;gap:8px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-strong);background:var(--bg-elev)}.grid-cards{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.card-6{grid-column:span 6 / span 6}.card-12{grid-column:span 12 / span 12}.toast{position:fixed;bottom:16px;right:16px;z-index:50}.toast .item{margin-top:8px;padding:10px 14px;border-radius:12px;border:1px solid var(--border-strong);background:var(--bg-elev)}table{width:100%;border-collapse:separate;border-spacing:0 8px}th,td{padding:8px 10px}th{text-align:left;opacity:.7}a{color:#93c5fd;text-decoration:none}@media (max-width: 720px){app-header{display:none}main.page{padding:10px 10px 86px}.card{padding:12px}.btn,.btn-outline,.input,.select{padding:6px 10px;border-radius:10px;font-size:13px}.grid-cards{grid-template-columns:1fr;gap:12px}.toast{left:10px;right:10px}.toast .item{margin-top:6px}}.bottom-tab{position:fixed;bottom:0;left:0;right:0;display:none;gap:6px;padding:8px 8px 12px;background:#0b1220f5;border-top:1px solid var(--border);z-index:60}.bottom-tab a{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border-radius:12px;color:var(--muted);font-size:11px}.bottom-tab a .icon{font-size:18px}.bottom-tab a.active{color:#e2e8f0;background:#2563eb2e}.bottom-tab a.disabled{opacity:.5;pointer-events:none}@media (max-width: 720px){.bottom-tab{display:flex}}