:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--text-primary: #ffffff;--text-secondary: #94a3b8;--accent-color: #3b82f6;--accent-orange: #f59e0b;--accent-green: #22c55e;--danger: #ef4444;--border-color: #334155}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.container{max-width:480px;margin:0 auto;width:100%;padding:16px;box-sizing:border-box}.card{background:var(--bg-card);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0003}.btn{background:var(--accent-color);color:#fff;border:none;padding:12px 16px;border-radius:8px;font-weight:600;cursor:pointer;width:100%;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-orange{background:var(--accent-orange);color:#000}.btn-sm{padding:6px 12px;font-size:12px;width:auto}.header-top{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.nav-bottom{position:fixed;bottom:0;left:0;right:0;background:#1e293b;border-top:1px solid var(--border-color);padding:12px;display:flex;justify-content:space-around;z-index:100}.nav-item{color:var(--text-secondary);text-decoration:none;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:4px}.nav-item.active{color:var(--accent-color)}input{background:#0f172a;border:1px solid var(--border-color);color:#fff;padding:10px;border-radius:8px;width:100%;box-sizing:border-box}input:focus{outline:1px solid var(--accent-color)}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #22c55eb3}50%{transform:scale(1.1);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(1);box-shadow:0 0 #22c55e00}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px #ef444480}50%{box-shadow:0 0 25px #ef4444cc,0 0 40px #f9731666}}