.sidebar{width:248px;flex-shrink:0;background:#ffffff;border-right:1px solid #e5e9f0;padding:24px 16px;display:flex;flex-direction:column;box-sizing:border-box}.sidebar-brand{display:flex;align-items:center;gap:8px;padding:4px 8px 24px}.sidebar-logo{width:34px;height:34px;flex-shrink:0;object-fit:contain}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;margin-bottom:2px;cursor:pointer;background:transparent;border:1px solid transparent}.nav-item-active{background:#eaf3fd;border-color:#bcdcf8}.nav-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#a3d0f5}.nav-item-active .nav-dot{background:#44A2EE}.nav-label{font-size:14.5px;font-weight:700;color:#3f3f46}.theme-switch{display:flex;gap:4px;margin-top:14px;padding:4px;border-radius:10px;background:#f2f4f8;border:1px solid #e5e9f0}.theme-option{flex:1 1;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 4px;border:1px solid transparent;border-radius:7px;background:transparent;color:#8a94a6;font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer}.theme-option:hover{color:#4a5468}.theme-option-active{background:#ffffff;border-color:#d7dce5;color:#1a2b4a}.nav-spacer{flex:1 1}.sidebar-footer{border-top:1px solid #e5e9f0;margin-top:8px;padding-top:14px}.logout-row{display:flex;align-items:center;gap:12px;padding:11px 12px;color:#8a94a6;font-size:14.5px;cursor:pointer}.logout-dot{background:#c7cedb}.logout-label{font-weight:600;color:#8a94a6}[data-theme=dark] .sidebar{background:rgba(255,255,255,.04);border-right-color:rgba(255,255,255,.08)}[data-theme=dark] .brand-title{color:oklch(96% .01 260)}[data-theme=dark] .nav-item-active{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16)}[data-theme=dark] .nav-item-active .nav-label{color:oklch(96% .01 260)}[data-theme=dark] .nav-item-active .nav-dot{background:oklch(80% .1 265)}[data-theme=dark] .nav-item .nav-dot{background:rgba(255,255,255,.2)}[data-theme=dark] .nav-item:hover{background:rgba(255,255,255,.06)}[data-theme=dark] .nav-label{color:oklch(80% .01 260)}[data-theme=dark] .sidebar-footer{border-top-color:rgba(255,255,255,.08)}[data-theme=dark] .logout-label,[data-theme=dark] .logout-row{color:color-mix(in srgb,var(--muted-ink) 88%,transparent)}[data-theme=dark] .logout-dot{background:rgba(255,255,255,.16)}[data-theme=dark] .theme-switch{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}[data-theme=dark] .theme-option{color:color-mix(in srgb,var(--muted-ink) 88%,transparent)}[data-theme=dark] .theme-option:hover{color:oklch(85% .01 260)}[data-theme=dark] .theme-option-active{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:oklch(96% .01 260)}[data-theme=dark] .bg-picker-btn{color:oklch(75% .02 260)}[data-theme=dark] .bg-picker-btn-open,[data-theme=dark] .bg-picker-btn:hover{color:oklch(92% .01 260);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}[data-theme=dark] .bg-picker-panel{background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.04)),color-mix(in srgb,var(--bg-base) 97%,transparent);border-color:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 18px 50px rgba(0,0,0,.5)}[data-theme=dark] .bg-picker-name{color:oklch(84% .01 260)}[data-theme=dark] .bg-swatch{border-color:rgba(255,255,255,.15)}[data-theme=dark] .bg-swatch:hover{border-color:rgba(255,255,255,.45)}[data-theme=dark] .bg-swatch-active{border-color:oklch(92% .01 260)}.login-page{margin:0;font-family:-apple-system,Helvetica Neue,Arial,sans-serif;background:#eef0f4;background:radial-gradient(circle at 50% 0,#f4f5f8 0,#e7e9ee 100%);display:flex;align-items:center;justify-content:center;min-height:100vh;box-sizing:border-box;padding:24px}.login-card{width:100%;max-width:380px;background:#ffffff;border-radius:16px;padding:40px 36px 36px;box-sizing:border-box;box-shadow:0 1px 2px rgba(20,28,45,.04),0 20px 48px -12px rgba(20,28,45,.18);border:1px solid #eef1f6}.login-logo{width:34px;height:34px;flex-shrink:0;object-fit:contain}.login-logo-standalone{display:block;width:72px;height:72px;margin:0 auto 28px;object-fit:contain}.login-field{margin-bottom:18px}.login-label{display:block;font-size:13px;font-weight:700;color:#5b6577;margin-bottom:6px}.login-input{width:100%;padding:11px 14px;border-radius:8px;border:1px solid #d7dce5;font-size:14.5px;color:#1a2b4a;box-sizing:border-box;font-family:inherit;background:#ffffff;transition:border-color .15s ease,box-shadow .15s ease}.login-input:-webkit-autofill,.login-input:-webkit-autofill:active,.login-input:-webkit-autofill:focus,.login-input:-webkit-autofill:hover{box-shadow:inset 0 0 0 1000px #e1e4e7!important;-webkit-text-fill-color:#1a2b4a!important;caret-color:#1a2b4a;-webkit-transition:background-color 100000s ease-in-out 0s;transition:background-color 100000s ease-in-out 0s}.login-input:-internal-autofill-selected{box-shadow:inset 0 0 0 1000px #e1e4e7!important;-webkit-text-fill-color:#1a2b4a!important;background-color:#e1e4e7!important;background-image:none!important}.login-input:-internal-autofill-previewed{box-shadow:inset 0 0 0 1000px #e1e4e7!important;-webkit-text-fill-color:#1a2b4a!important}.login-input:autofill{background:#e1e4e7;color:#1a2b4a}.login-input:focus{outline:none;border-color:#2f6feb;box-shadow:0 0 0 3px rgba(47,111,235,.14)}.login-btn{width:100%;height:50px;border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;color:#fff;letter-spacing:.01em;background:linear-gradient(100deg,#8372E3,#8298DB 55%,#7DBDF2);box-shadow:0 6px 16px rgba(131,114,227,.28);transition:filter .16s ease,box-shadow .16s ease,transform .12s ease;margin-top:6px}.login-btn:hover{filter:brightness(1.06);box-shadow:0 8px 20px rgba(131,114,227,.34)}.login-btn:active{filter:brightness(.96);transform:translateY(1px);box-shadow:0 3px 10px rgba(131,114,227,.3)}.login-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(125,189,242,.45),0 6px 16px rgba(131,114,227,.28)}.login-btn:disabled{opacity:.55;cursor:not-allowed;filter:none}.login-footnote{margin-top:22px;text-align:center;font-size:12px;color:#b0b8c4}.login-page .logo-light.logo-light{display:block}.login-page .logo-dark.logo-dark{display:none}body:has(.login-page):before,html:has(.login-page):after,html:has(.login-page):before{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}html:has(.login-page):before{inset:var(--field-1-inset);width:var(--field-1-w);height:var(--field-1-h);background:var(--bg-blob-1);filter:blur(var(--field-1-blur));opacity:var(--field-1-opacity);animation:dark-drift-a var(--field-1-drift) ease-in-out infinite}html:has(.login-page):after{inset:var(--field-2-inset);width:var(--field-2-w);height:var(--field-2-h);background:var(--bg-blob-2);filter:blur(var(--field-2-blur));opacity:var(--field-2-opacity);animation:dark-drift-b var(--field-2-drift) ease-in-out infinite}body:has(.login-page):before{inset:var(--field-3-inset);width:var(--field-3-w);height:var(--field-3-h);background:var(--bg-blob-3);filter:blur(var(--field-3-blur));opacity:var(--field-3-opacity);animation:dark-drift-c var(--field-3-drift) ease-in-out infinite}@media (prefers-reduced-motion:reduce){body:has(.login-page):before,html:has(.login-page):after,html:has(.login-page):before{animation:none}}.login-page .loading-bar-card,.login-page .login-card{position:relative;z-index:1}