:root{--primary: #0F4C81;--accent: #1B6FAB;--green: #1A9B72;--orange: #F5A623;--red: #E8530A;--bg: #111827;--card: #1C2333;--border: #263044;--text: #E5E7EB;--muted: #6B7280}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:15px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.mono{font-family:Space Mono,monospace}.bebas{font-family:Bebas Neue,sans-serif}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fadeUp{animation:fadeUp .5s ease forwards}.animate-fadeIn{animation:fadeIn .3s ease forwards}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin .8s linear infinite}.rp-px{padding-left:40px;padding-right:40px}.bottom-nav{display:none}.sidebar-desktop{display:flex}@media (max-width: 767px){.rp-px{padding-left:16px;padding-right:16px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:200;height:64px;background:var(--card);border-top:1px solid var(--border);align-items:stretch;justify-content:space-around}.sidebar-desktop{display:none}.main-with-bottom-nav{padding-bottom:80px!important}button,a[role=button]{min-height:44px}}@media (min-width: 480px) and (max-width: 767px){.rp-px{padding-left:20px;padding-right:20px}}@media (min-width: 768px) and (max-width: 1023px){.rp-px{padding-left:24px;padding-right:24px}}