:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;--brand-color:#7c3aed;--brand-color-hover:#6d28d9;--brand-gold:#a855f7;--brand-gradient:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--card-shadow:0 1px 2px #1018280a, 0 4px 16px #10182814;--card-shadow-hover:0 4px 8px #1018280f, 0 12px 28px #10182824;--card-shadow-active:0 2px 4px #1018280d, 0 8px 24px #3b82f62e;font-family:system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}body{background-color:#f0f2f5;margin:0;padding:0;transition:background-color .3s,color .3s}*{box-sizing:border-box}html.dark body{background-color:#1f242b}html.dark{--card-shadow:0 1px 2px #0000004d, 0 4px 16px #00000073;--card-shadow-hover:0 4px 8px #0006, 0 12px 28px #0000008c;--card-shadow-active:0 2px 4px #00000059, 0 8px 24px #3b82f640}html.dark .login-box,html.dark .register-box{box-shadow:0 8px 32px #0006}.layout,.side-layout,.login-page,.register-page,.profile-page{transition:background-color .3s}