.login-page{--login-bg-left: radial-gradient(circle at 40% 40%, #2e3745 0%, #151a22 100%);--login-bg-right: #f8fafc;--login-card-bg: #ffffff;--login-text-primary: #0f172a;--login-text-secondary: #475569;--login-text-muted: #94a3b8;--login-border: #e2e8f0;--login-input-bg: #ffffff;--login-btn-bg: #0f172a;--login-btn-text: #ffffff;--login-tab-bg: #f1f5f9;--login-tab-active-bg: #ffffff;--login-tab-active-text: #0f172a;--login-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--login-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--login-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -4px rgba(0, 0, 0, .03);font-family:Noto Sans SC,system-ui,-apple-system,sans-serif}[data-theme=dark] .login-page{--login-bg-left: #090a0f;--login-bg-right: radial-gradient(circle at 40% 40%, #121721 0%, #030407 100%);--login-card-bg: #11141b;--login-text-primary: #f1f5f9;--login-text-secondary: #cbd5e1;--login-text-muted: #64748b;--login-border: rgba(255, 255, 255, .08);--login-input-bg: rgba(255, 255, 255, .03);--login-btn-bg: #6366f1;--login-btn-text: #ffffff;--login-tab-bg: rgba(255, 255, 255, .05);--login-tab-active-bg: rgba(255, 255, 255, .1);--login-tab-active-text: #ffffff;--login-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--login-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--login-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3)}.login-page{height:100vh;overflow:hidden}.login-container{display:flex;min-height:100vh;width:100vw;overflow:hidden}.brand-pane{width:46%;background:var(--login-bg-left);display:flex;flex-direction:column;justify-content:space-between;padding:48px;position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.03)}.brand-header{display:flex;align-items:center;gap:12px;z-index:10;-webkit-user-select:none;user-select:none}.brand-logo-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(to top right,#6366f1,#a5b4fc);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px -5px #6366f133}.brand-title{font-size:20px;font-weight:700;letter-spacing:.05em;color:#fff}.brand-slogan{text-align:center;max-width:384px;padding:0 24px;margin:0 auto;z-index:10;-webkit-user-select:none;user-select:none}.brand-slogan h2{font-size:20px;font-weight:700;letter-spacing:.025em;color:#fff;margin:0 0 12px}.brand-slogan p{font-size:12px;letter-spacing:.025em;line-height:1.625;color:#94a3b8;margin:0}.brand-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#64748b;z-index:10;-webkit-user-select:none;user-select:none}.brand-footer-links{display:flex;gap:16px}.brand-footer-links a{color:#64748b;text-decoration:none;transition:color .15s}.brand-footer-links a:hover{color:#cbd5e1}.illustration-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:5;padding:32px 0}.mascots-svg{width:100%;max-width:360px;height:auto;filter:drop-shadow(0 25px 30px rgba(15,23,42,.25))}.form-pane{width:54%;display:flex;align-items:center;justify-content:center;padding:48px;position:relative;background:var(--login-bg-right);transition:background .3s ease}.form-theme-toggle{position:absolute;top:40px;right:40px}.login-card{width:100%;max-width:440px;background-color:var(--login-card-bg);border:1px solid var(--login-border);border-radius:32px;padding:40px;box-shadow:var(--login-shadow-lg);transition:all .3s ease}.login-card-header{display:flex;flex-direction:column;align-items:center;margin-bottom:32px;-webkit-user-select:none;user-select:none}.login-card-logo{width:48px;height:48px;border-radius:16px;background:linear-gradient(to top right,#6366f1,#a5b4fc);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px -5px #6366f133;margin-bottom:16px;transition:transform .3s}.login-card-logo:hover{transform:rotate(12deg)}.login-card-header h1{font-size:24px;font-weight:700;letter-spacing:-.025em;color:var(--login-text-primary);margin:0 0 8px}.login-card-header p{font-size:12px;font-weight:500;color:var(--login-text-muted);margin:0}.segmented-control{display:flex;background-color:var(--login-tab-bg);padding:4px;border-radius:9999px;margin-bottom:24px;transition:background-color .3s ease}.tab-btn{flex:1;text-align:center;padding:10px 16px;font-size:13px;font-weight:600;border-radius:9999px;cursor:pointer;color:var(--login-text-secondary);transition:all .2s ease;-webkit-user-select:none;user-select:none;background:none;border:none}.tab-btn.active{background-color:var(--login-tab-active-bg);color:var(--login-tab-active-text);box-shadow:var(--login-shadow-sm)}.login-error-tip{margin-bottom:20px;padding:14px;border-radius:16px;border:1px solid rgba(239,68,68,.1);background:#ef44440f;color:#ef4444;font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px}.login-field{margin-bottom:20px}.login-field label{display:block;font-size:12px;font-weight:600;margin-bottom:8px;color:var(--login-text-secondary)}.input-icon-wrapper{position:relative;display:flex;align-items:center}.input-left-icon{position:absolute;left:20px;color:#94a3b8;pointer-events:none;z-index:1}.rounded-input{width:100%;height:48px;background-color:var(--login-input-bg);border:1px solid var(--login-border);border-radius:9999px;padding-left:44px;padding-right:44px;font-size:14px;color:var(--login-text-primary);transition:all .2s ease;outline:none;font-family:inherit}.rounded-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.rounded-input::placeholder{color:var(--login-text-muted)}.code-input{padding-right:120px}.get-code-btn{position:absolute;right:8px;padding:8px 16px;font-size:12px;font-weight:700;border-radius:9999px;color:#4f46e5;background:#eef2ff;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}[data-theme=dark] .get-code-btn{color:#818cf8;background:#6366f11a}.get-code-btn:hover:not(:disabled){opacity:.9}.get-code-btn:disabled{opacity:.6;cursor:not-allowed}.toggle-pwd-btn{position:absolute;right:20px;color:#94a3b8;background:none;border:none;cursor:pointer;padding:0;display:flex}.toggle-pwd-btn:hover{color:#6366f1}.login-agreement-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.agreement-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.custom-checkbox{width:20px;height:20px;border-radius:6px;border:1px solid #cbd5e1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;margin-top:2px;background:#f8fafc}[data-theme=dark] .custom-checkbox{border-color:#ffffff1a;background:#ffffff0d}.custom-checkbox.checked{background:#4f46e5;border-color:#4f46e5}.agreement-label>span{font-size:12px;font-weight:600;line-height:1.625;color:var(--login-text-secondary)}.agreement-label .link{color:#4f46e5;text-decoration:none}[data-theme=dark] .agreement-label .link{color:#818cf8}.agreement-label .link:hover{text-decoration:underline}.forget-pwd-link{font-size:12px;font-weight:700;color:#4f46e5;cursor:pointer}[data-theme=dark] .forget-pwd-link{color:#818cf8}.forget-pwd-link:hover{text-decoration:underline}.login-submit-btn{width:100%;height:48px;border-radius:9999px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;transition:all .2s;cursor:pointer;border:none;background-color:var(--login-btn-bg);color:var(--login-btn-text);box-shadow:0 4px 6px -1px #0000001a}.login-submit-btn:hover:not(:disabled){opacity:.92}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:20px;height:20px;animation:spin 1s linear infinite}.spinner-track{opacity:.25}.spinner-head{opacity:.75}.spinner-sm{width:12px;height:12px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-divider{display:flex;align-items:center;margin:24px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background-color:var(--login-border)}.login-divider span{font-size:11px;font-weight:700;padding:0 16px;letter-spacing:.05em;color:var(--login-text-muted)}.social-buttons{display:flex;gap:16px}.social-btn{flex:1;height:48px;border:1px solid var(--login-border);border-radius:9999px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;transition:all .2s;cursor:pointer;background:#fff;color:var(--login-text-secondary)}[data-theme=dark] .social-btn{background:#ffffff0d}.social-btn:hover{border-color:#6366f1}.login-toast{position:fixed;top:32px;left:50%;transform:translate(-50%) translateY(-20px);opacity:0;z-index:200;transition:all .3s cubic-bezier(.175,.885,.32,1.275);pointer-events:none;background-color:var(--login-card-bg);border:1px solid var(--login-border);box-shadow:var(--login-shadow-lg);border-radius:16px;padding:16px 24px;display:flex;align-items:center;gap:12px}.login-toast.show{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.login-toast-text{font-size:14px;font-weight:600;color:var(--login-text-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-card{transform:scale(.9);transition:transform .3s cubic-bezier(.34,1.56,.64,1);background-color:var(--login-card-bg);border:1px solid var(--login-border);box-shadow:var(--login-shadow-lg);border-radius:24px;padding:32px;width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center;position:relative}.modal-overlay.active .modal-card{transform:scale(1)}.modal-close-btn{position:absolute;top:20px;right:20px;color:#94a3b8;background:none;border:none;cursor:pointer}.modal-close-btn:hover{color:#6366f1}.modal-card h3{font-size:16px;font-weight:700;margin:0 0 20px;color:var(--login-text-primary)}.qr-wrapper{width:192px;height:192px;background:#fff;padding:14px;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:20px;box-shadow:inset 0 2px 4px #0000000f}.qr-scanner-line{position:absolute;left:14px;right:14px;height:4px;background:linear-gradient(to right,transparent,#22C55E,transparent);box-shadow:0 0 12px #22c55e;animation:qr-scan 2s linear infinite}@keyframes qr-scan{0%{top:26px}50%{top:180px}to{top:26px}}.wechat-status{font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--login-text-secondary);margin:0}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.shake-form{animation:shake .4s ease-in-out}.pupil-purple,.pupil-dark,.pupil-orange,.pupil-yellow{transform-box:fill-box;transform-origin:center;transition:transform .15s cubic-bezier(.25,1,.5,1),ry .1s ease-in-out}.mascot{transition:transform 1.3s cubic-bezier(.16,1,.3,1);transform-origin:bottom center}.lean-right .mascot{transition:transform .45s cubic-bezier(.25,1,.5,1)}.mascot-purple{transform-origin:175px 420px}.mascot-dark{transform-origin:260px 420px}.mascot-orange{transform-origin:140px 420px}.mascot-yellow{transform-origin:355px 420px}.lean-right .mascot-purple{transform:skew(-13deg)}.lean-right .mascot-dark{transform:skew(-9deg)}.lean-right .mascot-orange{transform:skew(-4deg)}.lean-right .mascot-yellow{transform:skew(-5deg)}.avoid-left .mascot-purple{transform:skew(6deg)}.avoid-left .mascot-dark{transform:skew(9deg)}.avoid-left .mascot-orange{transform:skew(4deg)}.avoid-left .mascot-yellow{transform:skew(5deg)}.mascot-face{transition:transform .4s cubic-bezier(.25,1,.5,1);transform-origin:center center}.lean-right #face-purple{transform:translate(12px,-2px)}.lean-right #face-dark{transform:translate(10px,-2px)}.lean-right #face-orange{transform:translate(8px,-1px)}.lean-right #face-yellow{transform:translate(6px,-1px)}.avoid-left #face-purple{transform:translate(-12px,-1px)}.avoid-left #face-dark{transform:translate(-10px,-1px)}.avoid-left #face-orange{transform:translate(-8px,-1px)}.avoid-left #face-yellow{transform:translate(-6px,-1px)}#mouth-yellow{transition:transform .25s cubic-bezier(.25,1,.5,1)}#socket-purple-l,#socket-purple-r{transition:opacity .12s cubic-bezier(.25,1,.5,1)}@media(max-width:1024px){.brand-pane{display:none}.form-pane{width:100%;padding:24px}}:root{--bg-base: #F8F6FF;--bg-glass: rgba(255, 255, 255, .65);--bg-glass-strong: rgba(255, 255, 255, .8);--bg-glass-subtle: rgba(255, 255, 255, .4);--bg-sidebar: rgba(255, 255, 255, .5);--bg-header: rgba(248, 246, 255, .7);--bg-input: rgba(255, 255, 255, .6);--bg-hover: rgba(124, 58, 237, .06);--bg-muted: rgba(243, 232, 255, .5)}[data-theme=dark]{--bg-base: #0B0E14;--bg-glass: rgba(22, 26, 36, .6);--bg-glass-strong: rgba(22, 26, 36, .8);--bg-glass-subtle: rgba(22, 26, 36, .35);--bg-sidebar: rgba(15, 18, 26, .65);--bg-header: rgba(11, 14, 20, .7);--bg-input: rgba(30, 36, 48, .6);--bg-hover: rgba(148, 163, 184, .08);--bg-muted: rgba(40, 48, 64, .4)}:root{--glass-blur: 20px;--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px rgba(124, 58, 237, .06), 0 2px 8px rgba(0, 0, 0, .04);--glass-shadow-hover: 0 12px 40px rgba(124, 58, 237, .12), 0 4px 12px rgba(0, 0, 0, .06)}[data-theme=dark]{--glass-border: rgba(148, 163, 184, .12);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--glass-shadow-hover: 0 12px 40px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .4)}:root{--text-primary: #1A0F36;--text-secondary: #5B4A7A;--text-muted: #8B7AAF}[data-theme=dark]{--text-primary: #F1F5F9;--text-secondary: #CBD5E1;--text-muted: #64748B}:root{--color-primary: #7C3AED;--color-primary-light: #A78BFA;--color-primary-glow: rgba(124, 58, 237, .2);--color-accent: #F97316;--color-green: #22C55E;--color-green-bg: rgba(34, 197, 94, .1);--color-green-text: #16A34A;--color-blue: #3B82F6;--color-blue-bg: rgba(59, 130, 246, .1);--color-amber: #F59E0B;--color-amber-bg: rgba(245, 158, 11, .1);--color-rose: #F43F5E;--color-rose-bg: rgba(244, 63, 94, .1)}[data-theme=dark]{--color-primary: #94A3B8;--color-primary-light: #CBD5E1;--color-primary-glow: rgba(148, 163, 184, .2);--color-green-bg: rgba(34, 197, 94, .15);--color-green-text: #4ADE80;--color-blue-bg: rgba(59, 130, 246, .15);--color-amber-bg: rgba(245, 158, 11, .15);--color-rose-bg: rgba(244, 63, 94, .15)}:root{--scrollbar-track: transparent;--scrollbar-thumb: rgba(124, 58, 237, .2);--scrollbar-thumb-hover: rgba(124, 58, 237, .35)}[data-theme=dark]{--scrollbar-thumb: rgba(148, 163, 184, .25);--scrollbar-thumb-hover: rgba(148, 163, 184, .4)}:root{--orb-1: rgba(124, 58, 237, .12);--orb-2: rgba(99, 102, 241, .1);--orb-3: rgba(236, 72, 153, .08)}[data-theme=dark]{--orb-1: rgba(148, 163, 184, .15);--orb-2: rgba(30, 41, 59, .25);--orb-3: rgba(71, 85, 105, .12)}:root{--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}:root{--sidebar-w: 72px;--sidebar-expanded-w: 220px}:root{--color-primary-50: #F5F3FF;--color-primary-100: #EDE9FE;--color-primary-200: #DDD6FE;--color-primary-300: #C4B5FD;--color-primary-400: #A78BFA;--color-primary-500: #7C3AED;--color-primary-600: #6D28D9;--color-primary-700: #5B21B6;--color-primary-800: #4C1D95;--color-primary-900: #3B1675}[data-theme=dark]{--color-primary-50: #1A1033;--color-primary-100: #2D1F5A;--color-primary-200: #3D2A7A;--color-primary-300: #5B3FA8;--color-primary-400: #7C56D0;--color-primary-500: #94A3B8;--color-primary-600: #A0AEC0;--color-primary-700: #B8C5D6;--color-primary-800: #CBD5E1;--color-primary-900: #E2E8F0}:root{--color-neutral-0: #FFFFFF;--color-neutral-50: #F8F6FF;--color-neutral-100: #F0EDFA;--color-neutral-200: #E2DEF0;--color-neutral-300: #C8C0E0;--color-neutral-400: #8B7AAF;--color-neutral-500: #5B4A7A;--color-neutral-600: #3D3360;--color-neutral-700: #1A0F36;--color-neutral-800: #0F0A24;--color-neutral-900: #0A0618}[data-theme=dark]{--color-neutral-0: #0B0E14;--color-neutral-50: #161A24;--color-neutral-100: #1E2430;--color-neutral-200: #2A3240;--color-neutral-300: #3A4458;--color-neutral-400: #64748B;--color-neutral-500: #94A3B8;--color-neutral-600: #CBD5E1;--color-neutral-700: #E2E8F0;--color-neutral-800: #F1F5F9;--color-neutral-900: #F8FAFC}:root{--color-success: #22C55E;--color-success-bg: rgba(34, 197, 94, .1);--color-warning: #F59E0B;--color-warning-bg: rgba(245, 158, 11, .1);--color-error: #F43F5E;--color-error-bg: rgba(244, 63, 94, .1);--color-info: #3B82F6;--color-info-bg: rgba(59, 130, 246, .1)}[data-theme=dark]{--color-success: #4ADE80;--color-success-bg: rgba(34, 197, 94, .15);--color-warning: #FBBF24;--color-warning-bg: rgba(245, 158, 11, .15);--color-error: #F87171;--color-error-bg: rgba(244, 63, 94, .15);--color-info: #60A5FA;--color-info-bg: rgba(59, 130, 246, .15)}:root{--font-sans: "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", "SF Mono", monospace}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px}:root{--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px}:root{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .12);--shadow-focus: 0 0 0 3px rgba(124, 58, 237, .25)}[data-theme=dark]{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .16);--shadow-md: 0 4px 12px rgba(0, 0, 0, .24);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .32);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .4)}:root{--icon-sm: 14px;--icon-md: 18px;--icon-lg: 22px;--icon-xl: 28px}:root{--sidebar-width: 72px;--sidebar-expanded-width: 220px;--header-height: 56px;--content-max-width: 1200px}:root{--glass-bg: var(--bg-glass);--ease-default: var(--transition-fast);--duration-fast: var(--transition-fast);--duration-normal: var(--transition-base)}*,*:before,*:after{font-family:Noto Sans SC,system-ui,-apple-system,sans-serif;box-sizing:border-box;margin:0;padding:0}code,.font-mono{font-family:Fira Code,SF Mono,monospace}html,body{margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}.bg-mesh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;transition:background var(--transition-slow)}.bg-mesh:before,.bg-mesh:after,.bg-mesh .orb-3{content:"";position:absolute;border-radius:50%;filter:blur(80px);animation:float 20s ease-in-out infinite}.bg-mesh:before{width:600px;height:600px;background:var(--orb-1);top:-10%;right:-5%;animation-delay:0s}.bg-mesh:after{width:500px;height:500px;background:var(--orb-2);bottom:-10%;left:10%;animation-delay:-7s}.bg-mesh .orb-3{width:400px;height:400px;background:var(--orb-3);top:40%;left:50%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.05)}66%{transform:translate(-20px,30px) scale(.95)}}.glass{background:var(--bg-glass);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-strong{background:var(--bg-glass-strong);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-subtle{background:var(--bg-glass-subtle);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid var(--glass-border)}.glass-card{background:var(--bg-glass);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);transition:transform var(--transition-base),box-shadow var(--transition-base)}.glass-card:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow-hover)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:12px 16px;text-align:left;border-bottom:1px solid var(--glass-border)}.data-table td{padding:14px 16px;font-size:13px;border-bottom:1px solid var(--glass-border)}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-hover)}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:8px;font-size:11px;font-weight:600;letter-spacing:.01em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-base);border:none;outline:none}.btn-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 16px #7c3aed40}.btn-primary:hover{box-shadow:0 6px 24px #7c3aed59;transform:translateY(-1px)}.btn-glass{background:var(--bg-glass-subtle);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-glass:hover{background:var(--bg-hover);border-color:var(--color-primary-light)}.search-input{background:var(--bg-input);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;padding:8px 14px 8px 38px;font-size:13px;color:var(--text-primary);outline:none;transition:all var(--transition-base);width:240px}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);width:280px}.glow-input{width:100%;background:var(--bg-glass-subtle);border:1px solid var(--glass-border);border-radius:12px;padding:10px 14px;font-size:13px;color:var(--text-primary);transition:all var(--transition-fast)}.glow-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);outline:none;background:var(--bg-base)}.glow-input::placeholder{color:var(--text-muted)}.ant-layout{background:transparent!important}.ant-menu{background:transparent!important;border-inline-end:none!important}.sidebar{position:fixed;left:12px;top:12px;bottom:12px;width:var(--sidebar-w);border-radius:20px;z-index:50;display:flex;flex-direction:column;transition:width var(--transition-base);background:var(--bg-sidebar);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid var(--glass-border);box-shadow:0 8px 32px #00000014;overflow-x:clip;overflow-y:auto}.sidebar:hover{width:var(--sidebar-expanded-w)}html.sidebar-pinned{--sidebar-w: var(--sidebar-expanded-w)}html.sidebar-pinned .sidebar{width:var(--sidebar-expanded-w)}.sidebar-logo{height:64px;display:flex;align-items:center;justify-content:center;gap:0;padding:0 16px;border-bottom:1px solid var(--glass-border);flex-shrink:0;white-space:nowrap;transition:gap var(--transition-base),padding var(--transition-base)}.sidebar:hover .sidebar-logo,html.sidebar-pinned .sidebar-logo{justify-content:flex-start;gap:10px}.sidebar-logo .logo-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#4c1d95);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #7c3aed4d}.sidebar-logo .logo-text{opacity:0;max-width:0;overflow:hidden;transition:opacity var(--transition-base),max-width var(--transition-base);font-weight:700;font-size:16px;color:var(--text-primary);display:inline-block;white-space:nowrap}.sidebar:hover .logo-text,html.sidebar-pinned .logo-text{opacity:1;max-width:120px}.sidebar-nav{flex:1;padding:12px 10px;overflow-y:auto;overflow-x:hidden}.sidebar-group{margin-bottom:20px}.sidebar-group-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 12px;margin-bottom:6px;white-space:nowrap;overflow:hidden;opacity:0;transition:opacity var(--transition-base)}.sidebar:hover .sidebar-group-label,html.sidebar-pinned .sidebar-group-label{opacity:1}.sidebar-item{display:flex;align-items:center;justify-content:center;gap:0;height:42px;width:100%;border-radius:12px;cursor:pointer;color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap;transition:gap var(--transition-base),padding var(--transition-base),background var(--transition-fast),color var(--transition-fast);position:relative}.sidebar:hover .sidebar-item,html.sidebar-pinned .sidebar-item{justify-content:flex-start;padding:0 12px;gap:12px}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-item.active{background:var(--color-primary-glow);color:var(--color-primary)}.sidebar-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--color-primary)}.sidebar:hover .sidebar-item.active:before,html.sidebar-pinned .sidebar-item.active:before{left:0}.sidebar-item .icon-wrap{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;transition:background var(--transition-fast)}.sidebar-item.active .icon-wrap{background:#7c3aed1f}.sidebar-item .label{opacity:0;max-width:0;overflow:hidden;transition:opacity var(--transition-base),max-width var(--transition-base);display:inline-block;white-space:nowrap}.sidebar:hover .label,html.sidebar-pinned .label{opacity:1;max-width:120px}.sidebar-footer{padding:12px 10px;border-top:1px solid var(--glass-border);flex-shrink:0}.sidebar-user{display:flex;align-items:center;justify-content:center;gap:0;padding:8px 0;border-radius:12px;cursor:pointer;overflow:hidden;white-space:nowrap;transition:gap var(--transition-base),padding var(--transition-base),background var(--transition-fast)}.sidebar:hover .sidebar-user,html.sidebar-pinned .sidebar-user{justify-content:flex-start;padding:8px 12px;gap:10px}.sidebar-user:hover{background:var(--bg-hover)}.sidebar-user .avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-user .user-info{opacity:0;max-width:0;overflow:hidden;transition:opacity var(--transition-base),max-width var(--transition-base);display:inline-block;white-space:nowrap}.sidebar:hover .user-info,html.sidebar-pinned .user-info{opacity:1;max-width:150px}.sidebar-pin-btn{opacity:0;pointer-events:none;margin-left:auto;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border:1px solid transparent;background:transparent;cursor:pointer;transition:all var(--transition-fast)}.sidebar:hover .sidebar-pin-btn,html.sidebar-pinned .sidebar-pin-btn{opacity:1;pointer-events:auto}.sidebar-pin-btn:hover{color:var(--color-primary);background:var(--bg-hover);border-color:var(--glass-border)}html.sidebar-pinned .sidebar-pin-btn{color:var(--color-primary);transform:rotate(45deg);background:var(--color-primary-glow)}.sidebar-item-wrapper,.sidebar-item.has-children{position:relative}.submenu-arrow{opacity:0;margin-left:auto;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),opacity var(--transition-base)}.sidebar:hover .submenu-arrow,html.sidebar-pinned .submenu-arrow{opacity:1}.submenu-arrow.expanded{transform:rotate(180deg)}.submenu-items{max-height:0;overflow:hidden;transition:max-height var(--transition-base) ease}.submenu-items.expanded{max-height:200px}.sidebar-subitem{display:flex;align-items:center;justify-content:center;gap:0;height:36px;width:100%;border-radius:10px;cursor:pointer;color:var(--text-muted);text-decoration:none;font-size:12px;font-weight:500;white-space:nowrap;transition:gap var(--transition-base),padding var(--transition-base),background var(--transition-fast),color var(--transition-fast);position:relative}.sidebar:hover .sidebar-subitem,html.sidebar-pinned .sidebar-subitem{justify-content:flex-start;padding:0 12px 0 48px;gap:10px}.sidebar-subitem:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-subitem.active{color:var(--color-primary);background:var(--color-primary-glow)}.sidebar-subitem .sub-icon-wrap{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:6px;transition:background var(--transition-fast)}.sidebar-subitem.active .sub-icon-wrap{background:#7c3aed1a}.sidebar-subitem .label{opacity:0;max-width:0;overflow:hidden;transition:opacity var(--transition-base),max-width var(--transition-base);display:inline-block;white-space:nowrap}.sidebar:hover .sidebar-subitem .label,html.sidebar-pinned .sidebar-subitem .label{opacity:1;max-width:110px}.main-header{position:sticky;top:0;z-index:40;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-header);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--glass-border)}.theme-toggle{position:relative;width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--bg-glass-subtle);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text-secondary);transition:all var(--transition-base)}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--color-primary-light)}.theme-toggle .icon-sun,.theme-toggle .icon-moon{position:absolute;transition:opacity var(--transition-base),transform var(--transition-base)}[data-theme=light] .theme-toggle .icon-sun{opacity:1;transform:rotate(0) scale(1)}[data-theme=light] .theme-toggle .icon-moon{opacity:0;transform:rotate(90deg) scale(.5)}[data-theme=dark] .theme-toggle .icon-sun{opacity:0;transform:rotate(-90deg) scale(.5)}[data-theme=dark] .theme-toggle .icon-moon{opacity:1;transform:rotate(0) scale(1)}.ant-btn-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;color:#fff;border-color:transparent!important;box-shadow:0 4px 16px #7c3aed40;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.ant-btn-primary:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6)!important;border-color:transparent!important;box-shadow:0 6px 24px #7c3aed59;transform:translateY(-1px)}.ant-btn-primary:active{background:linear-gradient(135deg,#5b21b6,#4c1d95)!important;border-color:transparent!important}.ant-btn-primary:focus-visible{box-shadow:var(--glass-shadow)}.status-dot{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.85;box-shadow:0 0 0 4px #22c55e00}}.progress-track{background:var(--bg-muted);border-radius:6px;overflow:hidden;height:6px}.progress-bar{height:100%;border-radius:6px;transition:width .8s cubic-bezier(.4,0,.2,1)}.log-entry{opacity:0;transform:translateY(-4px);animation:log-in .3s ease forwards}@keyframes log-in{to{opacity:1;transform:translateY(0)}}.log-entry:nth-child(1){animation-delay:.05s}.log-entry:nth-child(2){animation-delay:.1s}.log-entry:nth-child(3){animation-delay:.15s}.log-entry:nth-child(4){animation-delay:.2s}.log-entry:nth-child(5){animation-delay:.25s}.log-entry:nth-child(6){animation-delay:.3s}.log-entry:nth-child(7){animation-delay:.35s}.log-entry:nth-child(8){animation-delay:.4s}.kpi-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.pipeline-connector{position:absolute;left:19px;top:42px;bottom:-8px;width:2px;background:linear-gradient(to bottom,var(--color-primary-light),transparent)}@keyframes flowDashSlow{to{stroke-dashoffset:-360}}@keyframes flowDashFast{to{stroke-dashoffset:-40}}@keyframes pulseBorder{0%{box-shadow:0 0 0 1px #22c55e33}to{box-shadow:0 0 0 5px #22c55e66}}.notif-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 2px var(--bg-glass-strong)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.bg-mesh:before,.bg-mesh:after,.bg-mesh .orb-3{animation:none}}button,a,[role=button],.clickable{cursor:pointer}.settings-tab-btn{background:var(--bg-glass-subtle);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:13px;font-weight:600;text-align:left;cursor:pointer}.settings-tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-tab-btn.active-tab{background:var(--color-primary-glow);color:var(--color-primary);border-color:var(--color-primary-light)}.custom-input{background:var(--bg-input);border:1px solid var(--glass-border);border-radius:12px;padding:10px 14px;font-size:13px;color:var(--text-primary);outline:none;transition:all var(--transition-base)}.custom-input[type=password],.custom-input[type=text]{font-family:var(--font-mono),"Fira Code","SF Mono",monospace}.custom-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.custom-select{background:var(--bg-input);border:1px solid var(--glass-border);border-radius:12px;padding:10px 40px 10px 14px;font-size:13px;color:var(--text-primary);outline:none;transition:all var(--transition-base);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238B7AAF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.custom-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.custom-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--bg-muted);outline:none;transition:opacity .15s ease-in-out}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;box-shadow:0 0 8px var(--color-primary-glow);transition:transform .1s ease}.custom-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.custom-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none;box-shadow:0 0 8px var(--color-primary-glow)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--bg-muted);border:1px solid var(--glass-border);border-radius:24px;transition:.3s cubic-bezier(.4,0,.2,1)}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--text-secondary);border-radius:50%;transition:.3s cubic-bezier(.4,0,.2,1)}input:checked+.toggle-slider{background-color:var(--color-primary-glow);border-color:var(--color-primary-light)}input:checked+.toggle-slider:before{transform:translate(20px);background-color:var(--color-primary)}.settings-layout-grid{display:grid;grid-template-columns:280px 1fr;gap:24px}.settings-form-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.settings-form-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.settings-layout-grid{grid-template-columns:1fr}}