:root{--bg-main:#f0f2f8;--bg-card:#fff;--bg-sidebar:#1b2a4a;--bg-sidebar-hover:#d4a0171f;--text-primary:#0f1923;--text-secondary:#5a6a7e;--text-muted:#9baabb;--accent-gold:#d4a017;--accent-gold-light:#d4a0171f;--accent-gold-border:#d4a01740;--border-light:#00000012;--border-sidebar:#d4a01726;--shadow-card:0 1px 4px #0000000f, 0 4px 16px #0000000f;--shadow-modal:0 20px 60px #0000002e;--navy-dark:#0f1923}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:4px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mobile-bottom-nav{display:none}.desktop-sidebar{display:flex}@media (max-width:768px){.mobile-bottom-nav{display:flex}.desktop-sidebar{display:none}}