:root{--primary-gradient: linear-gradient(135deg, #0EA5E9 0%, #6366F1 50%, #8B5CF6 100%);--primary-color: #0EA5E9;--primary-hover: #0284C7;--primary-light: #38BDF8;--primary-dark: #0369A1;--accent-color: #6366F1;--accent-hover: #4F46E5;--accent-light: #818CF8;--bg-primary: #060A14;--bg-secondary: #0C1220;--bg-tertiary: #141E33;--bg-card: #0F1729;--bg-hover: #1A2744;--bg-active: #243352;--bg-gradient: linear-gradient(180deg, #060A14 0%, #0C1424 40%, #0F1A30 100%);--sidebar-gradient: linear-gradient(180deg, #0A1020 0%, #0C1220 40%, #0E1628 100%);--card-gradient: linear-gradient(135deg, rgba(14, 165, 233, .12) 0%, rgba(99, 102, 241, .08) 100%);--header-gradient: linear-gradient(180deg, rgba(14, 165, 233, .08) 0%, transparent 100%);--card-border-gradient: linear-gradient(135deg, rgba(14, 165, 233, .3), rgba(99, 102, 241, .15));--text-primary: #F0F4FF;--text-secondary: #8899BB;--text-muted: #556688;--text-accent: #60A5FA;--border-color: #1A2D50;--border-light: #152040;--border-glow: rgba(14, 165, 233, .4);--border-gradient: linear-gradient(135deg, rgba(14, 165, 233, .4), rgba(99, 102, 241, .2), rgba(139, 92, 246, .1));--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .6);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .7);--shadow-glow: 0 0 20px rgba(14, 165, 233, .3);--shadow-glow-strong: 0 0 40px rgba(14, 165, 233, .45);--glow-primary: 0 0 20px rgba(14, 165, 233, .55);--glow-accent: 0 0 20px rgba(99, 102, 241, .55);--glow-color: rgba(14, 165, 233, .2);--glow-color-strong: rgba(14, 165, 233, .4);--glow-border: 1px solid rgba(14, 165, 233, .35);--scanline-color: rgba(14, 165, 233, .04);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--glass-bg: rgba(12, 18, 32, .85);--glass-border: rgba(14, 165, 233, .15);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .5)}[data-theme=emerald]{--primary-gradient: linear-gradient(135deg, #10B981 0%, #059669 50%, #047857 100%);--primary-color: #10B981;--primary-hover: #059669;--primary-light: #34D399;--primary-dark: #047857;--accent-color: #059669;--accent-hover: #047857;--bg-primary: #040D08;--bg-secondary: #081A10;--bg-tertiary: #0F2A1C;--bg-card: #0A2014;--bg-hover: #143A28;--bg-active: #1E4A34;--bg-gradient: linear-gradient(180deg, #040D08 0%, #081A10 40%, #0A2216 100%);--sidebar-gradient: linear-gradient(180deg, #061510 0%, #081A10 40%, #0A2014 100%);--card-gradient: linear-gradient(135deg, rgba(16, 185, 129, .14) 0%, rgba(5, 150, 105, .08) 100%);--header-gradient: linear-gradient(180deg, rgba(16, 185, 129, .1) 0%, transparent 100%);--card-border-gradient: linear-gradient(135deg, rgba(16, 185, 129, .3), rgba(5, 150, 105, .15));--text-primary: #E8FFF0;--text-secondary: #7ABB96;--text-muted: #4A8866;--text-accent: #34D399;--border-color: #1A4030;--border-light: #153020;--border-glow: rgba(16, 185, 129, .45);--border-gradient: linear-gradient(135deg, rgba(16, 185, 129, .45), rgba(5, 150, 105, .25), rgba(4, 120, 87, .12));--shadow-glow: 0 0 20px rgba(16, 185, 129, .3);--shadow-glow-strong: 0 0 40px rgba(16, 185, 129, .45);--glow-primary: 0 0 20px rgba(16, 185, 129, .55);--glow-accent: 0 0 20px rgba(5, 150, 105, .55);--glow-color: rgba(16, 185, 129, .2);--glow-color-strong: rgba(16, 185, 129, .4);--glow-border: 1px solid rgba(16, 185, 129, .35);--scanline-color: rgba(16, 185, 129, .04);--glass-bg: rgba(8, 26, 16, .85);--glass-border: rgba(16, 185, 129, .15)}[data-theme=violet]{--primary-gradient: linear-gradient(135deg, #A78BFA 0%, #8B5CF6 30%, #7C3AED 60%, #6D28D9 100%);--primary-color: #8B5CF6;--primary-hover: #7C3AED;--primary-light: #A78BFA;--primary-dark: #6D28D9;--accent-color: #7C3AED;--accent-hover: #6D28D9;--bg-primary: #080410;--bg-secondary: #100A1E;--bg-tertiary: #1C1430;--bg-card: #140E24;--bg-hover: #241A3C;--bg-active: #30224A;--bg-gradient: linear-gradient(180deg, #080410 0%, #100A1E 40%, #160E28 100%);--sidebar-gradient: linear-gradient(180deg, #0C0618 0%, #100A1E 40%, #140E24 100%);--card-gradient: linear-gradient(135deg, rgba(139, 92, 246, .14) 0%, rgba(124, 58, 237, .08) 100%);--header-gradient: linear-gradient(180deg, rgba(139, 92, 246, .1) 0%, transparent 100%);--card-border-gradient: linear-gradient(135deg, rgba(139, 92, 246, .3), rgba(124, 58, 237, .15));--text-primary: #F4EEFF;--text-secondary: #AA99CC;--text-muted: #665588;--text-accent: #A78BFA;--border-color: #2E1E50;--border-light: #221840;--border-glow: rgba(139, 92, 246, .45);--border-gradient: linear-gradient(135deg, rgba(139, 92, 246, .45), rgba(124, 58, 237, .25), rgba(109, 40, 217, .12));--shadow-glow: 0 0 20px rgba(139, 92, 246, .3);--shadow-glow-strong: 0 0 40px rgba(139, 92, 246, .45);--glow-primary: 0 0 20px rgba(139, 92, 246, .55);--glow-accent: 0 0 20px rgba(124, 58, 237, .55);--glow-color: rgba(139, 92, 246, .2);--glow-color-strong: rgba(139, 92, 246, .4);--glow-border: 1px solid rgba(139, 92, 246, .35);--scanline-color: rgba(139, 92, 246, .04);--glass-bg: rgba(16, 10, 30, .85);--glass-border: rgba(139, 92, 246, .15)}[data-theme=gray]{--primary-gradient: linear-gradient(135deg, #94A3B8 0%, #64748B 50%, #475569 100%);--primary-color: #94A3B8;--primary-hover: #64748B;--primary-light: #CBD5E1;--primary-dark: #475569;--accent-color: #64748B;--accent-hover: #475569;--bg-primary: #0A0C10;--bg-secondary: #111418;--bg-tertiary: #1C2028;--bg-card: #151820;--bg-hover: #252A34;--bg-active: #303640;--bg-gradient: linear-gradient(180deg, #0A0C10 0%, #111418 40%, #151A22 100%);--sidebar-gradient: linear-gradient(180deg, #0E1014 0%, #111418 40%, #141820 100%);--card-gradient: linear-gradient(135deg, rgba(148, 163, 184, .12) 0%, rgba(100, 116, 139, .08) 100%);--header-gradient: linear-gradient(180deg, rgba(148, 163, 184, .08) 0%, transparent 100%);--card-border-gradient: linear-gradient(135deg, rgba(148, 163, 184, .25), rgba(100, 116, 139, .12));--text-primary: #EDF0F5;--text-secondary: #8892A0;--text-muted: #555E6C;--text-accent: #94A3B8;--border-color: #252A34;--border-light: #1E222A;--border-glow: rgba(148, 163, 184, .35);--border-gradient: linear-gradient(135deg, rgba(148, 163, 184, .35), rgba(100, 116, 139, .18), rgba(71, 85, 105, .1));--shadow-glow: 0 0 20px rgba(148, 163, 184, .2);--shadow-glow-strong: 0 0 40px rgba(148, 163, 184, .3);--glow-primary: 0 0 20px rgba(148, 163, 184, .45);--glow-accent: 0 0 20px rgba(100, 116, 139, .45);--glow-color: rgba(148, 163, 184, .18);--glow-color-strong: rgba(148, 163, 184, .35);--glow-border: 1px solid rgba(148, 163, 184, .3);--scanline-color: rgba(148, 163, 184, .03);--glass-bg: rgba(14, 16, 20, .85);--glass-border: rgba(148, 163, 184, .12)}[data-theme=amber]{--primary-gradient: linear-gradient(135deg, #F59E0B 0%, #D97706 50%, #B45309 100%);--primary-color: #F59E0B;--primary-hover: #D97706;--primary-light: #FCD34D;--primary-dark: #B45309;--accent-color: #D97706;--accent-hover: #B45309;--bg-primary: #0C0A04;--bg-secondary: #161208;--bg-tertiary: #221C10;--bg-card: #1C1808;--bg-hover: #302810;--bg-active: #3E3418;--bg-gradient: linear-gradient(180deg, #0C0A04 0%, #161208 40%, #1C1810 100%);--sidebar-gradient: linear-gradient(180deg, #100E06 0%, #161208 40%, #1A1608 100%);--card-gradient: linear-gradient(135deg, rgba(245, 158, 11, .14) 0%, rgba(217, 119, 6, .08) 100%);--header-gradient: linear-gradient(180deg, rgba(245, 158, 11, .1) 0%, transparent 100%);--card-border-gradient: linear-gradient(135deg, rgba(245, 158, 11, .3), rgba(217, 119, 6, .15));--text-primary: #FFF8E8;--text-secondary: #BBAA77;--text-muted: #887755;--text-accent: #FCD34D;--border-color: #3A2E18;--border-light: #2E2412;--border-glow: rgba(245, 158, 11, .4);--border-gradient: linear-gradient(135deg, rgba(245, 158, 11, .4), rgba(217, 119, 6, .22), rgba(180, 83, 9, .12));--shadow-glow: 0 0 20px rgba(245, 158, 11, .25);--shadow-glow-strong: 0 0 40px rgba(245, 158, 11, .35);--glow-primary: 0 0 20px rgba(245, 158, 11, .5);--glow-accent: 0 0 20px rgba(217, 119, 6, .5);--glow-color: rgba(245, 158, 11, .18);--glow-color-strong: rgba(245, 158, 11, .35);--glow-border: 1px solid rgba(245, 158, 11, .35);--scanline-color: rgba(245, 158, 11, .03);--glass-bg: rgba(20, 16, 8, .85);--glass-border: rgba(245, 158, 11, .12)}[data-theme=ice]{--primary-gradient: linear-gradient(135deg, #22D3EE 0%, #06B6D4 50%, #0891B2 100%);--primary-color: #22D3EE;--primary-hover: #06B6D4;--primary-light: #67E8F9;--primary-dark: #0891B2;--accent-color: #06B6D4;--accent-hover: #0891B2;--bg-primary: #040C10;--bg-secondary: #081620;--bg-tertiary: #0E2230;--bg-card: #0A1C28;--bg-hover: #163040;--bg-active: #1E3E50;--bg-gradient: linear-gradient(180deg, #040C10 0%, #081620 40%, #0C1E2C 100%);--sidebar-gradient: linear-gradient(180deg, #061018 0%, #081620 40%, #0A1C28 100%);--card-gradient: linear-gradient(135deg, rgba(34, 211, 238, .14) 0%, rgba(6, 182, 212, .08) 100%);--header-gradient: linear-gradient(180deg, rgba(34, 211, 238, .1) 0%, transparent 100%);--card-border-gradient: linear-gradient(135deg, rgba(34, 211, 238, .3), rgba(6, 182, 212, .15));--text-primary: #ECFEFF;--text-secondary: #77BBCC;--text-muted: #448899;--text-accent: #67E8F9;--border-color: #163040;--border-light: #102838;--border-glow: rgba(34, 211, 238, .4);--border-gradient: linear-gradient(135deg, rgba(34, 211, 238, .4), rgba(6, 182, 212, .22), rgba(8, 145, 178, .12));--shadow-glow: 0 0 20px rgba(34, 211, 238, .25);--shadow-glow-strong: 0 0 40px rgba(34, 211, 238, .35);--glow-primary: 0 0 20px rgba(34, 211, 238, .5);--glow-accent: 0 0 20px rgba(6, 182, 212, .5);--glow-color: rgba(34, 211, 238, .18);--glow-color-strong: rgba(34, 211, 238, .35);--glow-border: 1px solid rgba(34, 211, 238, .35);--scanline-color: rgba(34, 211, 238, .03);--glass-bg: rgba(8, 22, 32, .85);--glass-border: rgba(34, 211, 238, .12)}[data-theme=crimson]{--primary-gradient: linear-gradient(135deg, #F87171 0%, #EF4444 40%, #B91C1C 100%);--primary-color: #EF4444;--primary-hover: #DC2626;--primary-light: #FCA5A5;--primary-dark: #B91C1C;--accent-color: #DC2626;--accent-hover: #B91C1C;--bg-primary: #0C0406;--bg-secondary: #16080C;--bg-tertiary: #221016;--bg-card: #1C0C10;--bg-hover: #301820;--bg-active: #3E202A;--bg-gradient: linear-gradient(180deg, #0C0406 0%, #16080C 40%, #1C0E14 100%);--sidebar-gradient: linear-gradient(180deg, #10060A 0%, #16080C 40%, #1A0C10 100%);--card-gradient: linear-gradient(135deg, rgba(239, 68, 68, .14) 0%, rgba(185, 28, 28, .08) 100%);--header-gradient: linear-gradient(180deg, rgba(239, 68, 68, .1) 0%, transparent 100%);--card-border-gradient: linear-gradient(135deg, rgba(239, 68, 68, .3), rgba(185, 28, 28, .15));--text-primary: #FFF0F0;--text-secondary: #AA7788;--text-muted: #775566;--text-accent: #FCA5A5;--border-color: #3A1828;--border-light: #2E1220;--border-glow: rgba(239, 68, 68, .4);--border-gradient: linear-gradient(135deg, rgba(239, 68, 68, .4), rgba(220, 38, 38, .22), rgba(185, 28, 28, .12));--shadow-glow: 0 0 20px rgba(239, 68, 68, .25);--shadow-glow-strong: 0 0 40px rgba(239, 68, 68, .35);--glow-primary: 0 0 20px rgba(239, 68, 68, .5);--glow-accent: 0 0 20px rgba(220, 38, 38, .5);--glow-color: rgba(239, 68, 68, .18);--glow-color-strong: rgba(239, 68, 68, .35);--glow-border: 1px solid rgba(239, 68, 68, .35);--scanline-color: rgba(239, 68, 68, .03);--glass-bg: rgba(20, 8, 12, .85);--glass-border: rgba(239, 68, 68, .12)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;color:var(--text-primary);background:var(--bg-gradient);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--scanline-color) 2px,var(--scanline-color) 4px);pointer-events:none;z-index:9999;opacity:.5}#app{width:100%;height:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:600;text-decoration:none;transition:all var(--transition-normal);gap:.5rem;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md),0 0 15px var(--glow-color);border:1px solid rgba(255,255,255,.1)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-strong),0 0 25px var(--glow-color-strong)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);box-shadow:inset 0 1px #ffffff0d}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary-color);box-shadow:var(--shadow-glow),inset 0 1px #ffffff0d}.btn-ghost{background:transparent;color:var(--text-secondary);padding:.5rem}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary);box-shadow:inset 0 0 10px var(--glow-color)}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;background:var(--bg-tertiary);color:var(--text-primary);transition:all var(--transition-normal);box-shadow:inset 0 2px 4px #0003}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--border-glow),0 0 15px var(--glow-color),inset 0 2px 4px #0003;background:var(--bg-secondary)}.form-input::placeholder{color:var(--text-muted)}.form-error{padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#fca5a5;font-size:.875rem;box-shadow:0 0 10px #ef44441a}.login-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 80%,var(--glow-color-strong) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--glow-color) 0%,transparent 50%),radial-gradient(circle at 40% 40%,var(--glow-color) 0%,transparent 50%);animation:gradientRotate 20s linear infinite}@keyframes gradientRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-page:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--border-color) 1px,transparent 1px),linear-gradient(90deg,var(--border-color) 1px,transparent 1px);background-size:50px 50px;opacity:.2;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.login-container{width:100%;max-width:420px;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--shadow-glow),var(--glass-shadow),inset 0 1px #ffffff0d;position:relative;z-index:1}.login-container:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--radius-xl);background:var(--primary-gradient);z-index:-1;opacity:.15;filter:blur(1px)}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-title{font-size:2.5rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm);letter-spacing:-.02em;text-shadow:0 0 40px var(--glow-color)}.login-subtitle{color:var(--text-secondary);font-size:.95rem;font-weight:400}.login-form{margin-bottom:var(--spacing-lg)}.login-footer{text-align:center}.login-hint{font-size:.8rem;color:var(--text-muted)}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;background:var(--sidebar-gradient);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;position:relative}.sidebar:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:var(--primary-gradient);opacity:.5;box-shadow:0 0 8px var(--glow-color)}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--header-gradient);display:flex;align-items:center;justify-content:space-between}.mobile-header{display:none}.theme-toggle-wrap{position:relative}.sidebar-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar-collapse-btn{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);font-size:1.1rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.sidebar-collapse-btn:hover{border-color:var(--primary-color);color:var(--text-primary);background:var(--bg-hover);box-shadow:var(--shadow-glow)}.collapse-icon{font-size:1.2rem;font-weight:700}.theme-toggle-wrap{position:relative;margin-bottom:var(--spacing-sm)}.theme-toggle-btn{width:100%;height:40px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-tertiary);font-size:.9rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.theme-toggle-btn:hover{border-color:var(--primary-color);background:var(--bg-hover);box-shadow:var(--shadow-glow)}.theme-btn-icon{font-size:1.1rem}.theme-btn-text{font-size:.875rem;color:var(--text-secondary)}.theme-toggle-btn:hover .theme-btn-text{color:var(--text-primary)}.theme-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;right:0;min-width:140px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg),var(--shadow-glow);z-index:1000;opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--transition-fast);padding:var(--spacing-xs);max-height:320px;overflow-y:auto}.theme-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.theme-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.theme-dropdown-item:hover{background:var(--bg-hover)}.theme-dropdown-item.active{background:var(--bg-active)}.theme-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.1);box-shadow:0 0 6px var(--glow-color)}.theme-dropdown-item.active .theme-dot{border-color:var(--primary-color);box-shadow:0 0 10px var(--glow-color-strong);transform:scale(1.15)}.theme-label{font-size:.8rem;color:var(--text-secondary)}.theme-dropdown-item.active .theme-label{color:var(--text-primary);font-weight:500}.app-logo{display:flex;align-items:center;gap:var(--spacing-md)}.logo-icon{font-size:1.75rem;filter:drop-shadow(0 0 8px var(--glow-color))}.logo-text{font-size:1.25rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px var(--glow-color)}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--spacing-md) 0}.nav-list{list-style:none}.nav-item{margin:var(--spacing-xs) var(--spacing-md)}.nav-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-normal);position:relative;border:1px solid transparent}.nav-link:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color);box-shadow:inset 0 0 15px var(--glow-color)}.nav-item.active .nav-link{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-glow),0 0 20px var(--glow-color);border-color:#ffffff26;text-shadow:0 1px 2px rgba(0,0,0,.3)}.nav-icon{font-size:1.25rem;width:24px;text-align:center}.nav-label{font-weight:500}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.user-info{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.user-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow),0 0 12px var(--glow-color);border:2px solid rgba(255,255,255,.1)}.avatar-text{font-weight:700;color:#fff}.user-details{flex:1;min-width:0}.user-name{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:var(--text-accent)}.logout-btn{width:100%;justify-content:flex-start;padding:var(--spacing-md)}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-primary);transition:all var(--transition-normal)}.chat-page{display:flex;height:100%}.chat-sidebar{width:320px;background:var(--sidebar-gradient);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.chat-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--header-gradient)}.conversation-list{flex:1;overflow-y:auto}.chat-main{flex:1;display:flex;flex-direction:column}.chat-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);min-height:52px;box-shadow:0 2px 8px #0000004d}.chat-header h3{margin:0;font-size:1rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-list{flex:1;padding:var(--spacing-lg);overflow-y:auto}.message-composer{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-top:1px solid var(--border-color);box-shadow:0 -2px 8px #0000004d}.message-input{flex:1;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);transition:all var(--transition-normal);box-shadow:inset 0 2px 4px #0003}.message-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--border-glow),0 0 15px var(--glow-color),inset 0 2px 4px #0003;background:var(--bg-secondary)}.mic-btn{font-size:1.2rem;transition:all var(--transition-fast)}.mic-btn.recording{color:#ef4444;animation:pulse-recording 1s ease-in-out infinite}@keyframes pulse-recording{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.context-menu{position:fixed;z-index:1000;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 20px #0006;min-width:100px;overflow:hidden}.context-menu-item{padding:10px 16px;cursor:pointer;color:var(--text-primary);font-size:.875rem;transition:background var(--transition-fast)}.context-menu-item:hover{background:var(--bg-hover)}.audio-player{display:flex;align-items:center;gap:8px;min-width:180px}.audio-play-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--primary-color);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;transition:background var(--transition-fast)}.audio-play-btn:hover{background:var(--primary-hover)}.audio-progress{flex:1;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.audio-progress-bar{height:100%;width:0%;background:var(--primary-color);border-radius:2px;transition:width .1s}.audio-duration{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.message-notice{text-align:center;padding:8px 0;color:var(--text-muted);font-size:.8rem;font-style:italic}.conversation-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);border-left:3px solid transparent}.conversation-item:hover{background:var(--bg-hover);box-shadow:inset 0 0 15px var(--glow-color)}.conversation-item.active{background:var(--bg-active);border-left-color:var(--primary-color);box-shadow:inset 3px 0 10px var(--glow-color)}.conversation-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:0 0 8px var(--glow-color)}.conversation-info{flex:1;min-width:0}.conversation-name{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-type{font-size:.75rem;color:var(--text-muted)}.conversation-remove-btn{display:none;background:none;border:1px solid var(--danger-color);color:var(--danger-color);padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.conversation-remove-btn:hover{background:var(--danger-color);color:#fff}.conversation-item:hover .conversation-remove-btn{display:block}.message-item{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.message-item.self{flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:.875rem;flex-shrink:0;box-shadow:0 0 8px var(--glow-color);border:1px solid rgba(255,255,255,.1)}.message-content{max-width:70%}.message-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.message-sender{font-weight:500;color:var(--text-primary);font-size:.875rem}.message-body{padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-primary);line-height:1.5;position:relative;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000004d}.message-text{word-wrap:break-word}.message-item.self .message-body{background:var(--primary-gradient);color:#fff;border-color:#ffffff26;box-shadow:0 2px 12px var(--glow-color),0 2px 8px #0000004d}.message-meta{display:inline-flex;align-items:center;gap:4px;float:right;margin-top:4px;margin-left:8px;position:relative;top:4px}.message-image{max-width:300px;max-height:300px;border-radius:var(--radius-md);cursor:pointer;transition:transform .2s ease}.message-image:hover{transform:scale(1.02);box-shadow:var(--shadow-glow)}.message-link{color:var(--text-accent);text-decoration:underline;text-underline-offset:2px;word-break:break-all;transition:all .2s ease}.message-link:hover{color:var(--primary-light);text-decoration:none;text-shadow:0 0 8px rgba(14,165,233,.5)}.message-link:visited{color:var(--accent-light)}.image-preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-preview-container{position:relative;max-width:90vw;max-height:90vh}.image-preview-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 0 50px #00000080}.image-preview-close{position:absolute;top:-40px;right:0;width:36px;height:36px;border:none;border-radius:50%;background:#ffffff1a;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.image-preview-close:hover{background:#fff3;transform:scale(1.1)}.message-video{max-width:320px;border-radius:var(--radius-md);background:#000}.message-video video{width:100%;border-radius:var(--radius-md)}.message-video-file{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-accent);text-decoration:none;font-size:.875rem}.message-video-file:hover{text-decoration:underline}.message-file{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-accent);text-decoration:none;font-size:.875rem}.message-file:hover{text-decoration:underline}.message-time{color:var(--text-muted);font-size:.6875rem;line-height:1}.message-status{display:inline-flex;align-items:center;line-height:1}.message-status .msg-check{width:16px;height:11px}.message-status.sent,.message-status.delivered{color:#ffffff80}.message-status.read{color:#53bdeb}.upload-btn{font-size:1.1rem;padding:var(--spacing-sm);flex-shrink:0}.chat-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.connection-status{font-size:.75rem;color:var(--primary-light);cursor:default}.online-indicator{width:8px;height:8px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 6px var(--glow-color-strong),0 0 12px var(--glow-color);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 6px var(--glow-color-strong),0 0 12px var(--glow-color)}50%{box-shadow:0 0 10px var(--glow-color-strong),0 0 20px var(--glow-color)}}.user-select-list{max-height:300px;overflow-y:auto}.user-select-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid transparent}.user-select-item:hover{background:var(--bg-hover);border-color:var(--border-color);box-shadow:inset 0 0 10px var(--glow-color)}.user-select-item.selected{background:var(--bg-active);border:1px solid var(--primary-color);box-shadow:0 0 10px var(--glow-color)}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:.875rem;box-shadow:0 0 6px var(--glow-color);border:1px solid rgba(255,255,255,.1)}.user-info{flex:1;min-width:0}.user-name{font-weight:500;color:var(--text-primary)}.user-username{font-size:.75rem;color:var(--text-muted)}.user-check{color:var(--primary-color);font-weight:600}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid var(--glass-border);width:400px;max-width:90vw;box-shadow:var(--shadow-lg),var(--shadow-glow)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-body{padding:var(--spacing-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);color:var(--text-muted)}.notes-page{height:100%;display:flex}.notes-sidebar{width:320px;background:var(--sidebar-gradient);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.notes-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--header-gradient)}.notes-filter{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.notes-list{flex:1;overflow-y:auto}.note-item{padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;border-left:3px solid transparent;transition:all var(--transition-fast)}.note-item:hover{background:var(--bg-hover);box-shadow:inset 0 0 15px var(--glow-color)}.note-item.active{background:var(--bg-active);border-left-color:var(--primary-color);box-shadow:inset 3px 0 10px var(--glow-color)}.note-item-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.note-item-title{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.note-item-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;opacity:1}.note-item-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;font-size:14px;padding:4px 7px;border-radius:var(--radius-sm);transition:all .15s;line-height:1}.note-item-edit{color:#60a5fa;border-color:#60a5fa4d;background:#60a5fa1a}.note-item-edit:hover{background:#60a5fa33;border-color:#60a5fa80;color:#93c5fd;box-shadow:0 0 8px #60a5fa33}.note-item-delete{color:#f87171;border-color:#f871714d;background:#f871711a}.note-item-delete:hover{background:#f8717133;border-color:#f8717180;color:#fca5a5;box-shadow:0 0 8px #f8717133}.note-item-fav{color:#f59e0b}.note-item-meta{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:var(--spacing-xs)}.note-item-time{font-size:.75rem;color:var(--text-muted)}.note-tag{display:inline-block;padding:1px 6px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.7rem;color:var(--text-accent)}.note-editor{flex:1;display:flex;flex-direction:column}.note-editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);min-height:52px;box-shadow:0 2px 8px #0000004d}.note-editor-header h3{margin:0;font-size:1rem;color:var(--text-primary)}.note-editor-actions{display:flex;gap:6px}.note-editor-actions .btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;font-size:14px;padding:4px 8px;border-radius:var(--radius-sm);transition:all .15s}.note-editor-actions .btn:hover{background:#ffffff26;color:#f1f5f9;border-color:#ffffff40}.note-editor-actions #noteFullscreenBtn{color:#60a5fa;border-color:#60a5fa66}.note-editor-actions #noteFullscreenBtn:hover{background:#60a5fa26;color:#93c5fd}.note-editor-actions #noteExportBtn{color:#34d399;border-color:#34d39966}.note-editor-actions #noteExportBtn:hover{background:#34d39926;color:#6ee7b7}.note-editor-actions #noteFavBtn{color:#fbbf24;border-color:#fbbf2466}.note-editor-actions #noteFavBtn:hover{background:#fbbf2426;color:#fcd34d}.note-editor-actions #noteDeleteBtn{color:#f87171;border-color:#f8717166}.note-editor-actions #noteDeleteBtn:hover{background:#f8717126;color:#fca5a5}.note-editor-actions #noteEditBtn{color:#a78bfa;border-color:#a78bfa66}.note-editor-actions #noteEditBtn:hover{background:#a78bfa26;color:#c4b5fd}.note-editor-body{flex:1;padding:var(--spacing-lg);overflow-y:auto}.note-detail-meta{display:flex;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap}.note-detail-time{font-size:.75rem;color:var(--text-muted);margin-left:auto}.note-detail-content{color:var(--text-primary);line-height:1.8;white-space:pre-wrap}.admin-page{height:100%;display:flex;flex-direction:column}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);min-height:52px;box-shadow:0 2px 8px #0000004d}.admin-header h2{margin:0;font-size:1.1rem}.admin-table-wrap{flex:1;overflow:auto;padding:var(--spacing-md)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap}.admin-table th{color:var(--text-muted);font-weight:500;font-size:.8rem;text-transform:uppercase;position:sticky;top:0;background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0003}.admin-table td{color:var(--text-primary)}.admin-table tr:hover td{background:var(--bg-hover);box-shadow:inset 0 0 10px var(--glow-color)}.action-cell{display:flex;gap:var(--spacing-xs)}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;border:1px solid rgba(255,255,255,.1)}.badge-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 0 6px var(--glow-color)}.badge-default{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color)}.badge-success{background:linear-gradient(135deg,#059669,#047857);color:#fff;box-shadow:0 0 6px #0596694d}.badge-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 0 6px #dc26264d}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);box-shadow:0 2px 4px #0003}.tab{padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.875rem;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);text-shadow:0 0 10px var(--glow-color)}.tab-content{flex:1;overflow:auto}.text-mono{font-family:monospace;font-size:.8rem}.text-sm{font-size:.75rem}.settings-page{height:100%;overflow-y:auto}.settings-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);min-height:52px;display:flex;align-items:center;box-shadow:0 2px 8px #0000004d}.settings-header h2{margin:0;font-size:1.1rem}.settings-content{padding:var(--spacing-lg);max-width:600px}.settings-section{margin-bottom:var(--spacing-xl)}.settings-section h3{margin:0 0 var(--spacing-md);font-size:1rem;color:var(--text-primary)}.settings-info{background:var(--card-gradient),var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--border-color);box-shadow:0 2px 8px #0003}.info-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-muted)}.settings-form{background:var(--card-gradient),var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid var(--border-color);box-shadow:0 2px 8px #0003}.form-row{display:flex;gap:var(--spacing-md)}.form-row .form-group{flex:1}.form-textarea{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);font-family:inherit;font-size:.9rem;resize:vertical;transition:border-color var(--transition-normal);min-height:120px;box-shadow:inset 0 2px 4px #0003}.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--border-glow),0 0 15px var(--glow-color),inset 0 2px 4px #0003}.modal-lg{width:560px}.modal-xl{width:900px;max-width:95vw}.note-form-top{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.md-split-pane{display:flex;height:400px}.md-editor-pane,.md-preview-pane{flex:1;display:flex;flex-direction:column;min-width:0}.md-editor-pane{border-right:1px solid var(--border-color)}.md-pane-header{padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.md-editor{flex:1;width:100%;padding:var(--spacing-md);border:none;background:var(--bg-primary);color:var(--text-primary);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.7;resize:none;outline:none;-moz-tab-size:2;tab-size:2}.md-editor::placeholder{color:var(--text-muted)}.md-preview{flex:1;padding:var(--spacing-md);overflow-y:auto;background:var(--bg-primary)}.markdown-body{color:var(--text-primary);line-height:1.8;word-wrap:break-word}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:1.2em;margin-bottom:.6em;font-weight:700;color:var(--text-primary)}.markdown-body h1{font-size:1.8em;border-bottom:2px solid var(--border-color);padding-bottom:.3em}.markdown-body h2{font-size:1.5em;border-bottom:1px solid var(--border-color);padding-bottom:.25em}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1.1em}.markdown-body p{margin-bottom:1em}.markdown-body strong{color:var(--text-accent);font-weight:700}.markdown-body em{color:var(--text-secondary)}.markdown-body a{color:var(--primary-color);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body code{padding:.15em .4em;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em;color:var(--text-accent)}.markdown-body pre{margin:1em 0;padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow-x:auto}.markdown-body pre code{padding:0;background:none;border:none;color:var(--text-primary);font-size:.85em}.markdown-body blockquote{margin:1em 0;padding:var(--spacing-sm) var(--spacing-md);border-left:4px solid var(--primary-color);background:var(--glow-color);color:var(--text-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.markdown-body ul,.markdown-body ol{margin:.5em 0;padding-left:2em}.markdown-body li{margin-bottom:.3em}.markdown-body ul li::marker{color:var(--primary-color)}.markdown-body ol li::marker{color:var(--primary-color);font-weight:600}.markdown-body table{width:100%;border-collapse:collapse;margin:1em 0}.markdown-body th,.markdown-body td{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);text-align:left}.markdown-body th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary)}.markdown-body tr:nth-child(2n){background:#ffffff05}.markdown-body hr{margin:1.5em 0;border:none;border-top:1px solid var(--border-color)}.markdown-body img{max-width:100%;border-radius:var(--radius-md)}.markdown-body del{color:var(--text-muted)}.notes-header-actions{display:flex;gap:var(--spacing-xs)}.theme-selector{display:flex;gap:var(--spacing-md)}.theme-btn{width:48px;height:48px;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-secondary);font-size:1.2rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 6px #0000004d;padding:0;overflow:hidden}.theme-btn-inner{display:block;width:100%;height:100%;border-radius:50%}.theme-btn:hover{border-color:var(--text-muted);transform:scale(1.15);box-shadow:var(--shadow-glow)}.theme-btn.active{border-color:var(--primary-color);box-shadow:var(--glow-primary),0 0 20px var(--glow-color-strong);transform:scale(1.2);border-width:3px}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 2px 8px #dc26264d;border:1px solid rgba(255,255,255,.1)}.btn-danger:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 0 15px #dc262666;transform:translateY(-1px)}.sidebar.collapsed{width:72px}.sidebar.collapsed .sidebar-header{padding:var(--spacing-md);justify-content:center}.sidebar.collapsed .sidebar-header-actions{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar.collapsed .sidebar-collapse-btn{width:40px;height:40px}.sidebar.collapsed .app-logo{justify-content:center}.sidebar.collapsed .logo-text{display:none}.sidebar.collapsed .sidebar-nav{padding:var(--spacing-sm) 0}.sidebar.collapsed .nav-item{margin:var(--spacing-xs) var(--spacing-sm)}.sidebar.collapsed .nav-link{padding:var(--spacing-md);justify-content:center;position:relative}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-link:hover:after{content:attr(title);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap;font-size:.875rem;color:var(--text-primary);z-index:1000;box-shadow:var(--shadow-lg),var(--shadow-glow);pointer-events:none}.sidebar.collapsed .sidebar-footer{padding:var(--spacing-md);border-top:none}.sidebar.collapsed .user-info{justify-content:center;margin-bottom:0}.sidebar.collapsed .user-details{display:none}.sidebar.collapsed .theme-toggle-wrap{margin-bottom:var(--spacing-xs)}.sidebar.collapsed .theme-toggle-btn{width:44px;height:44px;padding:0;justify-content:center}.sidebar.collapsed .theme-btn-text{display:none}.sidebar.collapsed .logout-btn{padding:var(--spacing-sm);justify-content:center}.sidebar.collapsed .logout-btn:after{content:"退出";position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap;font-size:.875rem;color:var(--text-primary);opacity:0;visibility:hidden;transition:all var(--transition-fast);pointer-events:none}.sidebar.collapsed .logout-btn:hover:after{opacity:1;visibility:visible}@media (max-width: 1024px){.chat-sidebar,.notes-list{width:280px}}@media (max-width: 768px){.app-layout{flex-direction:column;position:relative}.sidebar{position:fixed;bottom:0;left:0;right:0;width:100%;height:60px;flex-direction:row;border-right:none;border-top:1px solid var(--border-color);background:var(--sidebar-gradient);z-index:1000;box-shadow:0 -2px 10px #0000004d}.sidebar:after{display:none}.sidebar-header{display:none}.sidebar-nav{flex:1;padding:0;overflow-x:auto;display:flex;align-items:center}.nav-list{display:flex;width:100%;height:100%;align-items:center}.nav-item{margin:0;flex:1;height:100%;display:flex;align-items:center;justify-content:center}.nav-link{flex-direction:column;padding:var(--spacing-xs) var(--spacing-sm);gap:2px;border-radius:var(--radius-md);height:50px;justify-content:center;align-items:center;position:relative}.nav-link:hover{box-shadow:inset 0 0 15px var(--glow-color);background:var(--bg-hover)}.nav-item.active .nav-link{box-shadow:none;background:var(--primary-gradient)}.nav-icon{font-size:1.25rem}.nav-label{font-size:.625rem;font-weight:500}.sidebar-footer{display:none}.main-content{flex:1;min-height:0;padding-bottom:60px}.chat-page{flex-direction:column}.chat-sidebar{width:100%;height:200px;border-right:none;border-bottom:1px solid var(--border-color)}.notes-content{flex-direction:column}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--sidebar-gradient);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.mobile-header h1{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.sidebar-collapse-btn{display:none}.notes-list{width:100%;height:200px;border-right:none;border-bottom:1px solid var(--border-color)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color);box-shadow:0 0 6px var(--glow-color)}::selection{background:var(--primary-color);color:#fff;text-shadow:none}.dashboard-page{height:100%;overflow-y:auto;padding:var(--spacing-lg)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl)}.welcome-section h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.welcome-subtitle{color:var(--text-secondary);font-size:.95rem}.current-time{color:var(--text-muted);font-size:.9rem;font-family:monospace}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--card-gradient),var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-normal);box-shadow:0 2px 8px #0000004d}.stat-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-glow),0 0 20px var(--glow-color);transform:translateY(-2px)}.stat-icon{font-size:1.5rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:0 0 10px var(--glow-color)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.8rem;color:var(--text-muted)}.dashboard-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.quick-actions h3,.recent-activity h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.action-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--card-gradient),var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 2px 8px #0000004d}.action-card:hover{border-color:var(--primary-color);background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-glow),0 0 20px var(--glow-color)}.action-icon{font-size:1.5rem}.action-label{font-size:.8rem;font-weight:500;color:var(--text-primary)}.activity-list{background:var(--card-gradient),var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--spacing-lg);min-height:200px;box-shadow:0 2px 8px #0000004d}.dashboard-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.system-info{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-muted);font-size:.8rem}.profile-page{height:100%;overflow-y:auto}.profile-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);min-height:52px;display:flex;align-items:center;box-shadow:0 2px 8px #0000004d}.profile-header h2{margin:0;font-size:1.1rem}.profile-content{padding:var(--spacing-xl);max-width:600px}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);background:var(--card-gradient),var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 2px 12px #0000004d}.profile-avatar{width:80px;height:80px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-glow),0 0 20px var(--glow-color);border:2px solid rgba(255,255,255,.15)}.profile-avatar .avatar-text{font-size:2rem;font-weight:700;color:#fff}.profile-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.profile-role{font-size:.875rem;color:var(--text-accent)}.profile-form-section .settings-section{margin-bottom:var(--spacing-xl)}.profile-form-section .settings-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.form-hint{display:block;margin-top:var(--spacing-xs);font-size:.75rem;color:var(--text-muted)}.about-page{height:100%;overflow-y:auto}.about-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);min-height:52px;display:flex;align-items:center;box-shadow:0 2px 8px #0000004d}.about-header h2{margin:0;font-size:1.1rem}.about-content{padding:var(--spacing-xl);max-width:600px;margin:0 auto}.about-logo-section{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl) 0;margin-bottom:var(--spacing-xl)}.about-logo{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--card-gradient),var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-color);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-glow),0 0 20px var(--glow-color)}.logo-icon-large{font-size:3rem}.about-title{font-size:2rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm)}.about-version{color:var(--text-muted);font-size:.9rem}.about-description{text-align:center;color:var(--text-secondary);line-height:1.8;margin-bottom:var(--spacing-xl)}.about-features,.about-tech,.about-links{margin-bottom:var(--spacing-xl)}.about-features h3,.about-tech h3,.about-links h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.feature-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--card-gradient),var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:0 2px 6px #0003;transition:all var(--transition-normal)}.feature-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-glow),0 0 12px var(--glow-color)}.feature-icon{font-size:1.5rem}.feature-title{font-weight:500;color:var(--text-primary);font-size:.9rem}.feature-desc{font-size:.8rem;color:var(--text-muted)}.tech-list{background:var(--card-gradient),var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;box-shadow:0 2px 8px #0003}.tech-item{display:flex;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.tech-item:last-child{border-bottom:none}.tech-label{color:var(--text-muted)}.tech-value{color:var(--text-primary);font-weight:500}.link-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.about-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--card-gradient),var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-primary);text-decoration:none;transition:all var(--transition-normal);box-shadow:0 2px 6px #0003}.about-link:hover{border-color:var(--primary-color);background:var(--bg-tertiary);box-shadow:var(--shadow-glow),0 0 12px var(--glow-color)}.link-icon{font-size:1.25rem}.about-copyright{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.about-copyright p{color:var(--text-muted);font-size:.85rem;margin-bottom:var(--spacing-xs)}.about-license{font-size:.8rem;color:var(--text-muted)}.fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;background:var(--bg-primary)}.fullscreen-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.fullscreen-header h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.fullscreen-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.fullscreen-body{flex:1;padding:var(--spacing-xl) var(--spacing-2xl);overflow-y:auto;max-width:900px;width:100%;margin:0 auto}.modal-fullscreen{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-width:100%!important;height:100%!important;border-radius:0!important;margin:0!important;z-index:1001}.modal-fullscreen .modal-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.modal-fullscreen .md-split-pane{flex:1;height:auto}.modal-fullscreen .modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.modal-fullscreen .modal-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary)}.encryption-status-card,.encryption-actions-card,.encryption-history-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);overflow:hidden}.encryption-status-card .card-header,.encryption-actions-card .card-header,.encryption-history-card .card-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.encryption-status-card .card-header h3,.encryption-actions-card .card-header h3,.encryption-history-card .card-header h3{margin:0;font-size:1rem;color:var(--text-primary)}.encryption-status-card .card-body,.encryption-actions-card .card-body,.encryption-history-card .card-body{padding:var(--spacing-lg)}.status-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md)}.status-item.active{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.status-item.inactive{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.status-item.error{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.status-icon{font-size:1.5rem}.status-info{flex:1}.status-title{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.status-detail{display:flex;gap:var(--spacing-lg);font-size:.875rem;color:var(--text-secondary)}.action-buttons{text-align:center;padding:var(--spacing-md) 0}.action-buttons .btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn-icon{font-size:1.2rem}.action-hint{margin-top:var(--spacing-md);font-size:.875rem;color:var(--text-muted);line-height:1.6}.warning-box{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md)}.warning-icon{font-size:1.5rem}.warning-content{flex:1}.warning-content strong{display:block;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.warning-content ul{margin:0;padding-left:var(--spacing-lg);color:var(--text-secondary)}.warning-content li{margin-bottom:var(--spacing-xs)}.status-badge{display:inline-block;padding:2px 8px;font-size:.75rem;font-weight:500;border-radius:var(--radius-sm)}.status-badge.active{background:#10b98133;color:#10b981}.status-badge.inactive{background:#6b728033;color:#6b7280}.text-muted{color:var(--text-muted);font-size:.875rem}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all .2s ease}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.switch-label{display:inline-flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.switch-label input[type=checkbox]{position:relative;width:36px;height:20px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg-tertiary);border-radius:20px;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-color)}.switch-label input[type=checkbox]:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--text-muted);top:2px;left:2px;transition:all .3s ease}.switch-label input[type=checkbox]:checked{background:var(--primary-color);border-color:var(--primary-color)}.switch-label input[type=checkbox]:checked:before{transform:translate(16px);background:#fff}.switch-text{font-size:.75rem;color:var(--text-secondary);min-width:40px}.header-actions{display:flex;gap:var(--spacing-sm);align-items:center}