:root{--navy: #0C1B2E;--navy-mid: #132236;--teal: #2A8C82;--teal-lt: #3ABDB0;--teal-pale: #D6F0EE;--ice: #EBF5F7;--white: #F9FBFC;--g100: #F1F4F6;--g300: #B0BEC5;--g600: #546E7A;--text: #1C2B38;--success: #22C55E;--warning: #F59E0B;--danger: #EF4444;--sidebar-w: 250px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;color:var(--text);background:var(--g100);overflow-x:hidden}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;outline:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--g100)}::-webkit-scrollbar-thumb{background:var(--g300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--teal)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}