:root,[data-theme=emerald]{--color-primary: #10b981;--color-primary-hover: #059669;--color-primary-active: #047857;--color-primary-bg: #d1fae5;--color-primary-bg-hover: #a7f3d0;--color-primary-border: #34d399;--color-primary-light: #ecfdf5;--human-color: #ec4899;--human-color-hover: #db2777;--human-color-shadow: rgba(236, 72, 153, .4);--bg-base: #f0fdf4;--bg-container: #ffffff;--bg-elevated: #ffffff;--bg-secondary: #f5f5f5;--bg-sidebar: #fafafa;--text-primary: #047857;--text-secondary: #6b7280;--border-color: #e5e7eb;--border-light: #f0f0f0;--color-warning: #faad14;--color-success: #52c41a;--color-info: #1890ff;--color-section-blue: #1890ff;--color-section-blue-bg: rgba(24, 144, 255, .08);--color-section-purple: #722ed1;--color-section-purple-bg: rgba(114, 46, 209, .08);--color-section-teal: #13c2c2;--color-section-teal-bg: rgba(19, 194, 194, .06);--color-section-orange: #faad14;--color-section-orange-bg: rgba(250, 173, 20, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--color-primary-opacity-5: rgba(16, 185, 129, .05);--color-primary-opacity-10: rgba(16, 185, 129, .1);--color-primary-opacity-12: rgba(16, 185, 129, .12);--color-primary-opacity-15: rgba(16, 185, 129, .15);--color-primary-opacity-20: rgba(16, 185, 129, .2);--color-primary-opacity-25: rgba(16, 185, 129, .25);--color-primary-opacity-28: rgba(16, 185, 129, .28);--color-primary-opacity-30: rgba(16, 185, 129, .3);--color-primary-opacity-35: rgba(16, 185, 129, .35);--color-primary-opacity-40: rgba(16, 185, 129, .4);--color-primary-opacity-50: rgba(16, 185, 129, .5);--gradient-bg: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 50%, #e0f2f1 100%)}[data-theme=blue]{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-active: #1d4ed8;--color-primary-bg: #dbeafe;--color-primary-bg-hover: #bfdbfe;--color-primary-border: #60a5fa;--color-primary-light: #eff6ff;--human-color: #8b5cf6;--human-color-hover: #7c3aed;--human-color-shadow: rgba(139, 92, 246, .4);--bg-base: #f8fafc;--bg-container: #ffffff;--bg-elevated: #ffffff;--bg-sidebar: #f1f5f9;--text-primary: #1e40af;--text-secondary: #64748b;--border-color: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--color-primary-opacity-5: rgba(59, 130, 246, .05);--color-primary-opacity-10: rgba(59, 130, 246, .1);--color-primary-opacity-12: rgba(59, 130, 246, .12);--color-primary-opacity-15: rgba(59, 130, 246, .15);--color-primary-opacity-20: rgba(59, 130, 246, .2);--color-primary-opacity-25: rgba(59, 130, 246, .25);--color-primary-opacity-28: rgba(59, 130, 246, .28);--color-primary-opacity-30: rgba(59, 130, 246, .3);--color-primary-opacity-35: rgba(59, 130, 246, .35);--color-primary-opacity-40: rgba(59, 130, 246, .4);--color-primary-opacity-50: rgba(59, 130, 246, .5);--gradient-bg: linear-gradient(135deg, #f8fafc 0%, #eff6ff 50%, #e0f2fe 100%)}[data-theme=purple]{--color-primary: #8b5cf6;--color-primary-hover: #7c3aed;--color-primary-active: #6d28d9;--color-primary-bg: #ede9fe;--color-primary-bg-hover: #ddd6fe;--color-primary-border: #a78bfa;--color-primary-light: #f5f3ff;--human-color: #6d28d9;--human-color-hover: #5b21b6;--human-color-shadow: rgba(109, 40, 217, .4);--bg-base: #f5f3ff;--bg-container: #ffffff;--bg-elevated: #ffffff;--bg-sidebar: #faf5ff;--text-primary: #5b21b6;--text-secondary: #7c3aed;--border-color: #e5e7eb;--border-light: #f3e8ff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--color-primary-opacity-5: rgba(139, 92, 246, .05);--color-primary-opacity-10: rgba(139, 92, 246, .1);--color-primary-opacity-12: rgba(139, 92, 246, .12);--color-primary-opacity-15: rgba(139, 92, 246, .15);--color-primary-opacity-20: rgba(139, 92, 246, .2);--color-primary-opacity-25: rgba(139, 92, 246, .25);--color-primary-opacity-28: rgba(139, 92, 246, .28);--color-primary-opacity-30: rgba(139, 92, 246, .3);--color-primary-opacity-35: rgba(139, 92, 246, .35);--color-primary-opacity-40: rgba(139, 92, 246, .4);--color-primary-opacity-50: rgba(139, 92, 246, .5);--gradient-bg: linear-gradient(135deg, #f5f3ff 0%, #faf5ff 50%, #f3e8ff 100%)}[data-theme=pink]{--color-primary: #ec4899;--color-primary-hover: #db2777;--color-primary-active: #be185d;--color-primary-bg: #fce7f3;--color-primary-bg-hover: #fbcfe8;--color-primary-border: #f472b6;--color-primary-light: #fdf2f8;--human-color: #a855f7;--human-color-hover: #9333ea;--human-color-shadow: rgba(168, 85, 247, .4);--bg-base: #fdf2f8;--bg-container: #ffffff;--bg-elevated: #ffffff;--bg-sidebar: #fdf2f8;--text-primary: #9d174d;--text-secondary: #be185d;--border-color: #fce7f3;--border-light: #fdf2f8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--color-primary-opacity-5: rgba(236, 72, 153, .05);--color-primary-opacity-10: rgba(236, 72, 153, .1);--color-primary-opacity-12: rgba(236, 72, 153, .12);--color-primary-opacity-15: rgba(236, 72, 153, .15);--color-primary-opacity-20: rgba(236, 72, 153, .2);--color-primary-opacity-25: rgba(236, 72, 153, .25);--color-primary-opacity-28: rgba(236, 72, 153, .28);--color-primary-opacity-30: rgba(236, 72, 153, .3);--color-primary-opacity-35: rgba(236, 72, 153, .35);--color-primary-opacity-40: rgba(236, 72, 153, .4);--color-primary-opacity-50: rgba(236, 72, 153, .5);--gradient-bg: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 50%, #fbcfe8 100%)}[data-theme=dark]{--color-primary: #10b981;--color-primary-hover: #34d399;--color-primary-active: #059669;--color-primary-bg: #064e3b;--color-primary-bg-hover: #065f46;--color-primary-border: #10b981;--color-primary-light: #022c22;--human-color: #a855f7;--human-color-hover: #9333ea;--human-color-shadow: rgba(168, 85, 247, .5);--bg-base: #0f172a;--bg-container: #1e293b;--bg-elevated: #334155;--bg-secondary: #334155;--bg-sidebar: #1e293b;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--border-color: #334155;--border-light: #1e293b;--color-warning: #fbbf24;--color-success: #22c55e;--color-info: #38bdf8;--color-section-blue: #60a5fa;--color-section-blue-bg: rgba(96, 165, 250, .15);--color-section-purple: #a78bfa;--color-section-purple-bg: rgba(167, 139, 250, .15);--color-section-teal: #5eead4;--color-section-teal-bg: rgba(94, 234, 212, .12);--color-section-orange: #fbbf24;--color-section-orange-bg: rgba(251, 191, 36, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--color-primary-opacity-5: rgba(16, 185, 129, .1);--color-primary-opacity-10: rgba(16, 185, 129, .2);--color-primary-opacity-12: rgba(16, 185, 129, .24);--color-primary-opacity-15: rgba(16, 185, 129, .3);--color-primary-opacity-20: rgba(16, 185, 129, .4);--color-primary-opacity-25: rgba(16, 185, 129, .5);--color-primary-opacity-28: rgba(16, 185, 129, .56);--color-primary-opacity-30: rgba(16, 185, 129, .6);--color-primary-opacity-35: rgba(16, 185, 129, .7);--color-primary-opacity-40: rgba(16, 185, 129, .8);--color-primary-opacity-50: rgba(16, 185, 129, .9);--gradient-bg: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%)}[data-theme=cyan]{--color-primary: #0ea5e9;--color-primary-hover: #0284c7;--color-primary-active: #0369a1;--color-primary-bg: #e0f2fe;--color-primary-bg-hover: #bae6fd;--color-primary-border: #38bdf8;--color-primary-light: #f0f9ff;--human-color: #8b5cf6;--human-color-hover: #7c3aed;--human-color-shadow: rgba(139, 92, 246, .4);--bg-base: #f0f9ff;--bg-container: #ffffff;--bg-elevated: #ffffff;--bg-sidebar: #f0f9ff;--text-primary: #075985;--text-secondary: #64748b;--border-color: #e0f2fe;--border-light: #f0f9ff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--color-primary-opacity-5: rgba(14, 165, 233, .05);--color-primary-opacity-10: rgba(14, 165, 233, .1);--color-primary-opacity-12: rgba(14, 165, 233, .12);--color-primary-opacity-15: rgba(14, 165, 233, .15);--color-primary-opacity-20: rgba(14, 165, 233, .2);--color-primary-opacity-25: rgba(14, 165, 233, .25);--color-primary-opacity-28: rgba(14, 165, 233, .28);--color-primary-opacity-30: rgba(14, 165, 233, .3);--color-primary-opacity-35: rgba(14, 165, 233, .35);--color-primary-opacity-40: rgba(14, 165, 233, .4);--color-primary-opacity-50: rgba(14, 165, 233, .5);--gradient-bg: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #bae6fd 100%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in-card{animation:fadeIn .3s ease}[data-theme=dark]{--bg-elevated: #334155;--bg-container: #1e293b}@media (prefers-reduced-motion: reduce){.pulse-dot,.fade-in-card,.card-hover-up,.expand-transition{animation:none;transition:none}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;background:var(--gradient-bg);background-attachment:fixed}#root{height:100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-primary-light);border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border-radius:5px}.ant-btn{border-radius:12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.ant-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.ant-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border:none;box-shadow:0 4px 14px var(--color-primary-opacity-35)}.ant-btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-active) 100%);box-shadow:0 6px 20px var(--color-primary-opacity-50);transform:translateY(-3px)}.ant-btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px var(--color-primary-opacity-30)}.ant-card{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:12px;overflow:hidden}.ant-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.ant-card-head{background:linear-gradient(180deg,var(--bg-base) 0%,var(--color-primary-light) 100%);border-bottom:1px solid var(--color-primary-bg-hover);font-weight:600;color:var(--text-primary)}.ant-modal-content{border-radius:20px;box-shadow:0 12px 40px var(--color-primary-opacity-15)}.ant-modal-header{border-radius:20px 20px 0 0;background:linear-gradient(180deg,var(--bg-base) 0%,var(--bg-container) 100%);border-bottom:1px solid var(--color-primary-bg-hover)}.ant-input,.ant-input-affix-wrapper{border-radius:12px;border:1px solid var(--color-primary-bg);transition:all .3s ease}.ant-input:hover,.ant-input-affix-wrapper:hover{border-color:var(--color-primary)}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-focused,.ant-input-affix-wrapper-focused{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-opacity-15),0 0 15px var(--color-primary-opacity-20)}.ant-input-outlined.ant-input-status-error:not(.ant-input-disabled){box-shadow:0 0 0 3px #ff4d4f26}.ant-table{border-radius:16px;overflow:hidden;box-shadow:0 4px 16px var(--color-primary-opacity-10)}.ant-table-thead>tr>th{background:linear-gradient(180deg,var(--bg-base) 0%,var(--color-primary-light) 100%);font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--color-primary-bg-hover)}.ant-table-tbody>tr:hover>td{background:linear-gradient(90deg,var(--color-primary-opacity-10) 0%,var(--color-primary-opacity-5) 100%)!important}.ant-tabs-ink-bar{background:var(--color-primary)}.ant-tabs-tab:hover{color:var(--color-primary-hover)}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--color-primary)}.ant-tag{border-radius:8px;font-weight:600;padding:4px 12px;border:1px solid transparent}.ant-tag-default{background:var(--color-primary-light);color:var(--text-primary);border-color:var(--color-primary-bg-hover)}.ant-statistic-title{font-size:14px;color:var(--text-primary);font-weight:600}.ant-statistic-content{font-size:28px;font-weight:700;color:var(--color-primary);text-shadow:0 2px 8px var(--color-primary-opacity-20)}.ant-progress-inner{border-radius:6px}.ant-progress-bg{border-radius:6px;background:linear-gradient(90deg,var(--color-primary) 0%,#14b8a6 50%,#0d9488 100%);box-shadow:0 0 10px var(--color-primary-opacity-40);position:relative}.ant-progress-bg:after{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:#fff9;filter:blur(2px)}.ant-switch-checked{background:var(--color-primary)}a{color:var(--color-primary)}a:hover{color:var(--color-primary-hover)}.ant-menu-item{border-radius:12px!important;margin:4px 8px!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.ant-menu-item:hover{background:linear-gradient(90deg,var(--color-primary-opacity-12) 0%,var(--color-primary-opacity-5) 100%)!important}.ant-menu-item-selected{background:linear-gradient(90deg,var(--color-primary-opacity-20) 0%,var(--color-primary-opacity-10) 100%)!important;box-shadow:0 2px 12px var(--color-primary-opacity-25),inset 0 0 15px var(--color-primary-opacity-10)!important;color:var(--text-primary)}.ant-menu-item-selected:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border-radius:2px;box-shadow:0 0 8px var(--color-primary-opacity-50)}.ant-input-search .ant-input-group-addon .ant-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border-color:var(--color-primary);color:#fff}.ant-input-search .ant-input-group-addon .ant-btn:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-active) 100%)}[data-theme=dark] .ant-card{background:var(--bg-container);border-color:var(--border-color)}[data-theme=dark] .ant-card-body{background:var(--bg-container)}[data-theme=dark] .ant-input,[data-theme=dark] .ant-input-affix-wrapper,[data-theme=dark] .ant-input-number,[data-theme=dark] .ant-select-selector,[data-theme=dark] .ant-picker{background:var(--bg-elevated);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .ant-input::placeholder,[data-theme=dark] .ant-input-affix-wrapper input::placeholder{color:var(--text-secondary)}[data-theme=dark] .ant-input:hover,[data-theme=dark] .ant-input-affix-wrapper:hover,[data-theme=dark] .ant-input-number:hover,[data-theme=dark] .ant-select-selector:hover,[data-theme=dark] .ant-picker:hover{border-color:var(--color-primary)}[data-theme=dark] .ant-input:focus,[data-theme=dark] .ant-input-affix-wrapper-focused,[data-theme=dark] .ant-input-number-focused,[data-theme=dark] .ant-select-focused .ant-select-selector,[data-theme=dark] .ant-picker-focused{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-opacity-15)}[data-theme=dark] .ant-modal-content,[data-theme=dark] .ant-modal-header{background:var(--bg-container)}[data-theme=dark] .ant-modal-title{color:var(--text-primary)}[data-theme=dark] .ant-modal-close{color:var(--text-secondary)}[data-theme=dark] .ant-modal-close:hover{color:var(--color-primary)}[data-theme=dark] .ant-transfer-list{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .ant-transfer-list-header{background:var(--bg-container);border-bottom-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .ant-transfer-list-body{background:var(--bg-elevated)}[data-theme=dark] .ant-transfer-list-content-item{color:var(--text-primary)}[data-theme=dark] .ant-transfer-list-content-item:hover{background:var(--color-primary-opacity-10)}[data-theme=dark] .ant-divider-inner-text{color:var(--text-secondary)}[data-theme=dark] .ant-divider-horizontal.ant-divider-with-text{border-top-color:var(--border-color)}[data-theme=dark] .ant-table{box-shadow:0 4px 16px #0000004d}[data-theme=dark] .ant-statistic-title{color:var(--text-secondary)}[data-theme=dark] .ant-form-item-label>label{color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 10px var(--color-primary-opacity-30),0 0 20px var(--color-primary-opacity-10)}50%{box-shadow:0 0 20px var(--color-primary-opacity-50),0 0 40px var(--color-primary-opacity-20),0 0 60px var(--color-primary-opacity-10)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.page-enter{animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}.sider-enter{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}.pulse-dot{animation:pulse 2s ease-in-out infinite}.glow-effect{animation:glow 2s ease-in-out infinite}.float-effect{animation:float 3s ease-in-out infinite}.shimmer{background:linear-gradient(90deg,var(--color-primary-opacity-5) 0%,var(--color-primary-opacity-15) 50%,var(--color-primary-opacity-5) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.shadow-sm{box-shadow:0 2px 4px #00000014}.shadow-md{box-shadow:0 4px 12px #0000001a}.shadow-lg{box-shadow:0 8px 24px #0000001f}.shadow-soft{box-shadow:0 4px 16px var(--color-primary-opacity-10)}.shadow-glow-green{box-shadow:0 0 20px var(--color-primary-opacity-40),0 0 40px var(--color-primary-opacity-20)}.rounded-md{border-radius:12px}.rounded-lg{border-radius:16px}.rounded-xl{border-radius:20px}.rounded-2xl{border-radius:24px}.gradient-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);box-shadow:0 4px 16px var(--color-primary-opacity-40)}.gradient-warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b66}.gradient-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef444466}:root{--glass-bg: rgba(255, 255, 255, .7);--glass-bg-dark: rgba(15, 23, 42, .7)}.glass-effect{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-primary-opacity-20)}.card-hover-glow{transition:all .4s cubic-bezier(.4,0,.2,1)}.card-hover-glow:hover{transform:translateY(-6px);box-shadow:0 12px 40px var(--color-primary-opacity-20),0 0 60px var(--color-primary-opacity-10)}.border-gradient{position:relative;background:linear-gradient(var(--bg-container),var(--bg-container)) padding-box,linear-gradient(135deg,var(--color-primary),#14b8a6,#6366f1) border-box;border:2px solid transparent;border-radius:16px}.halo-decoration{position:relative}.halo-decoration:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--color-primary-opacity-30),transparent,rgba(20,184,166,.3));border-radius:inherit;z-index:-1;filter:blur(8px)}.selected-glow{box-shadow:0 0 0 3px var(--color-primary-opacity-10),0 0 20px var(--color-primary-opacity-30),inset 0 0 30px var(--color-primary-opacity-5)}[data-theme=dark] .glass-effect{background:var(--glass-bg-dark);border:1px solid var(--color-primary-opacity-30)}@media (max-width: 768px){.ant-card{border-radius:12px}.ant-btn{border-radius:10px}.ant-modal-content{border-radius:16px}}.card-hover-up{transition:transform .2s ease,box-shadow .2s ease}.card-hover-up:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in-card{animation:fadeInUp .3s ease}.expand-transition{transition:height .3s ease,min-height .3s ease}[data-theme=dark] .card-hover-up:hover{box-shadow:0 4px 12px #ffffff0d}@media (prefers-reduced-motion: reduce){.card-hover-up,.fade-in-card,.expand-transition,.page-enter,.sider-enter,.pulse-dot,.glow-effect,.float-effect,.shimmer{animation:none!important;transition:none!important}}.logo-container{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--bg-sidebar) 100%);border-bottom:1px solid var(--border-color);position:relative;overflow:hidden}.logo-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,var(--color-primary-opacity-10) 0%,transparent 50%);pointer-events:none}.logo-icon-wrapper{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;position:relative;z-index:1;transition:all .3s ease}.logo-svg{width:28px;height:28px}.logo-text{display:flex;flex-direction:column;position:relative;z-index:1}.logo-title{font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--color-primary) 0%,#3b82f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px;line-height:1.2}.logo-subtitle{font-size:11px;color:var(--text-secondary);margin-top:2px;letter-spacing:.3px}.logo-collapsed{padding:16px 0;justify-content:center}.logo-collapsed .logo-icon-wrapper{margin:0 auto}.logo-collapse-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;z-index:10}.logo-collapse-btn:hover{background:var(--color-primary-opacity-10);color:var(--color-primary)}.logo-collapsed .logo-collapse-btn{right:50%;transform:translate(50%,-50%)}.flow-dot{fill:#10b981;filter:drop-shadow(0 0 2px #10b981);opacity:0}.flow-dot{animation:flowAround 6s ease-in-out infinite}@keyframes flowAround{0%{opacity:1;cx:16;cy:16;r:2}5%{opacity:1;cx:16;cy:3;r:1.5}8%{opacity:1;cx:16;cy:3;r:1.5}13%{opacity:1;cx:16;cy:16;r:2}16%{opacity:1;cx:16;cy:16;r:2}21%{opacity:1;cx:27;cy:9;r:1.5}24%{opacity:1;cx:27;cy:9;r:1.5}29%{opacity:1;cx:16;cy:16;r:2}32%{opacity:1;cx:16;cy:16;r:2}37%{opacity:1;cx:27;cy:23;r:1.5}40%{opacity:1;cx:27;cy:23;r:1.5}45%{opacity:1;cx:16;cy:16;r:2}48%{opacity:1;cx:16;cy:16;r:2}53%{opacity:1;cx:16;cy:29;r:1.5}56%{opacity:1;cx:16;cy:29;r:1.5}61%{opacity:1;cx:16;cy:16;r:2}64%{opacity:1;cx:16;cy:16;r:2}69%{opacity:1;cx:5;cy:23;r:1.5}72%{opacity:1;cx:5;cy:23;r:1.5}77%{opacity:1;cx:16;cy:16;r:2}80%{opacity:1;cx:16;cy:16;r:2}85%{opacity:1;cx:5;cy:9;r:1.5}88%{opacity:1;cx:5;cy:9;r:1.5}93%{opacity:1;cx:16;cy:16;r:2}96%{opacity:1;cx:16;cy:16;r:2}to{opacity:0;cx:16;cy:16;r:2}}.logo-container:hover .logo-icon-wrapper{box-shadow:0 4px 20px #10b9814d,0 0 30px #3b82f633}.logo-container:hover .flow-dot{animation-duration:4s}.logo-small{padding:10px 16px;gap:10px}.logo-small .logo-icon-wrapper{width:32px;height:32px;border-radius:8px}.logo-small .logo-svg{width:24px;height:24px}.logo-small .logo-title{font-size:16px}.logo-small .logo-subtitle{font-size:9px}.logo-large{padding:20px 24px;gap:16px}.logo-large .logo-icon-wrapper{width:48px;height:48px;border-radius:12px}.logo-large .logo-svg{width:36px;height:36px}.logo-large .logo-title{font-size:24px}.logo-large .logo-subtitle{font-size:12px}[data-theme=dark] .logo-container{background:linear-gradient(135deg,var(--bg-sidebar) 0%,var(--bg-container) 100%)}[data-theme=dark] .logo-icon-wrapper{background:linear-gradient(135deg,#0f172a,#1e293b);box-shadow:0 4px 16px #0006}[data-theme=dark] .logo-title{background:linear-gradient(135deg,var(--color-primary-hover) 0%,#60a5fa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .logo-container:hover .logo-icon-wrapper{box-shadow:0 4px 24px #10b98140,0 0 40px #3b82f626}[data-theme=dark] .flow-dot{fill:var(--color-primary-hover);filter:drop-shadow(0 0 3px var(--color-primary-hover))}.theme-switcher-btn{display:flex;align-items:center;gap:6px;color:var(--text-secondary);border-radius:8px;transition:all .3s ease}.theme-switcher-btn:hover{background:var(--color-primary-opacity-10);color:var(--color-primary)}.theme-menu-item{display:flex;align-items:center;gap:10px;padding:4px 0;min-width:140px}.theme-color-preview{width:20px;height:20px;border-radius:6px;box-shadow:0 2px 4px #00000026;flex-shrink:0}.theme-label{flex:1;font-size:14px}.theme-check-icon{color:var(--color-primary);font-size:14px}