:root{--bg-primary: #0a0e27;--bg-secondary: #111638;--bg-card: #161b40;--bg-card-hover: #1c2350;--text-primary: #e8eaf6;--text-secondary: #9fa8da;--text-muted: #5c6bc0;--accent-blue: #42a5f5;--accent-green: #66bb6a;--accent-yellow: #ffa726;--accent-red: #ef5350;--accent-purple: #ab47bc;--border: #1e2455;--radius: 12px;--radius-sm: 8px}.carousel-scroll::-webkit-scrollbar{display:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--accent-blue);text-decoration:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge--nominal{background:#66bb6a26;color:var(--accent-green)}.badge--warning{background:#ffa72626;color:var(--accent-yellow)}.badge--critical{background:#ef535026;color:var(--accent-red)}.badge--info{background:#42a5f526;color:var(--accent-blue)}.page{padding:16px 16px 80px;max-width:480px;margin:0 auto}.page-title{font-size:22px;font-weight:700;margin-bottom:16px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:100}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;color:var(--text-muted);padding:4px 6px;transition:color .2s}.bottom-nav a.active{color:var(--accent-blue)}.bottom-nav svg{width:22px;height:22px}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--text-muted)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}