:root{--bg-primary: #F4F7FE;--bg-secondary: #FFFFFF;--text-primary: #2B3674;--text-secondary: #A3AED0;--color-primary: #4318FF;--color-secondary: #7551FF;--color-success: #05CD99;--color-warning: #FFB547;--color-error: #EE5D50;--shadow-sm: 0px 2px 6px rgba(112, 144, 176, .08);--shadow-md: 0px 20px 20px rgba(112, 144, 176, .1);--radius-lg: 20px;--radius-md: 16px;--radius-sm: 10px;--sidebar-width: 280px}[data-theme=dark]{--bg-primary: #0B1437;--bg-secondary: #111C44;--text-primary: #FFFFFF;--text-secondary: #A3AED0;--shadow-sm: none;--shadow-md: none}*{box-sizing:border-box}body{margin:0;font-family:DM Sans,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#a3aed0;border-radius:3px}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}p{margin:0}.flex-center{display:flex;align-items:center;justify-content:center}.card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}