.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:24px 14px;gap:2px;flex-shrink:0;z-index:10}.logo{font-size:17px;font-weight:700;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent;padding:6px 12px 22px;letter-spacing:-.03em}.sidebar a{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--r-md);color:var(--text-secondary);text-decoration:none;font-size:13.5px;font-weight:500;letter-spacing:-.011em;transition:all var(--t-fast);position:relative}.sidebar a svg{flex-shrink:0;opacity:.92;transition:transform var(--t-base),filter var(--t-base),opacity var(--t-fast);filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.sidebar a:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar a:hover svg{opacity:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25)) drop-shadow(0 0 10px currentColor)}.sidebar a.active{background:var(--bg-accent-soft);color:var(--color-accent);font-weight:600}.sidebar a.active svg{opacity:1;filter:drop-shadow(0 0 12px var(--color-accent-glow)) drop-shadow(0 2px 4px rgba(0,0,0,.2))}.icon-anim{animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;transform-origin:center}.icon-chat{animation-name:breath}.icon-send{animation-name:gentle-tilt;animation-duration:5s}.icon-users{animation-name:breath;animation-duration:4.5s}.icon-sparkles{animation-name:sparkle-spin;animation-duration:6s}.icon-book{animation-name:gentle-sway;animation-duration:5s}.icon-settings{animation-name:slow-rotate;animation-duration:12s;animation-timing-function:linear}.sidebar a:hover .icon-send{animation:sparkle-spin 2s ease-in-out infinite}.sidebar a:hover .icon-sparkles{animation:pulse-bigger .9s ease-in-out infinite}.sidebar a:hover .icon-chat{animation:bounce-soft .9s ease-in-out infinite}.sidebar a:hover .icon-users{animation:pulse-bigger 1s ease-in-out infinite}.sidebar a:hover .icon-book{animation:gentle-sway 1.5s ease-in-out infinite}.sidebar a:hover .icon-settings{animation:slow-rotate 2.5s linear infinite}.sidebar a.active .icon-anim{animation-duration:3s}@keyframes breath{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes gentle-tilt{0%,to{transform:rotate(0) translate(0)}50%{transform:rotate(-8deg) translate(1px)}}@keyframes gentle-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes slow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkle-spin{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.12) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}@keyframes pulse-bigger{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes bounce-soft{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.08)}}.sidebar a.active:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);height:18px;width:3px;background:var(--gradient-accent);border-radius:0 3px 3px 0;box-shadow:0 0 12px var(--color-accent-glow)}.content{flex:1;overflow:auto;padding:32px 36px;position:relative}.page-title{font-size:24px;font-weight:700;margin-bottom:28px;color:var(--text-bright);letter-spacing:-.025em}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:18px;margin-bottom:10px;box-shadow:var(--shadow-xs);transition:border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.card-glass{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--glass-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;font-weight:600;font-size:13.5px;border-radius:var(--r-md);letter-spacing:-.011em;white-space:nowrap;min-height:36px}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:0 1px #ffffff1a inset,0 2px 8px var(--color-accent-glow)}.btn-primary:hover:not(:disabled){background:var(--gradient-accent-hover);box-shadow:0 1px #ffffff26 inset,0 4px 16px var(--color-accent-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:0 1px #ffffff1a inset,0 2px 8px var(--color-success-soft)}.btn-success:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-danger{background:var(--color-danger);color:#fff;box-shadow:0 1px #ffffff1a inset,0 2px 8px var(--color-danger-soft)}.btn-danger:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:-.011em;line-height:1.5}.badge-blue{background:var(--color-accent-soft);color:var(--color-accent)}.badge-green{background:var(--color-success-soft);color:var(--color-success)}.badge-yellow{background:var(--color-warning-soft);color:var(--color-warning)}.badge-red{background:var(--color-danger-soft);color:var(--color-danger)}.badge-purple{background:var(--color-purple-soft);color:var(--color-purple)}.badge-gray{background:var(--bg-surface);color:var(--text-secondary)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:11.5px;color:var(--text-secondary);margin-bottom:6px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.flex{display:flex}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.items-center{align-items:center}.justify-between{justify-content:space-between}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.empty-state{text-align:center;color:var(--text-muted);padding:72px 24px;font-size:14px;line-height:1.6;letter-spacing:-.011em;animation:fadeIn var(--t-base)}.spinner{width:18px;height:18px;border:2px solid var(--border-default);border-top-color:var(--color-accent);border-radius:50%;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle}.theme-toggle{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-md);background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--t-fast);width:100%}.theme-toggle:hover{background:var(--bg-hover);border-color:var(--border-default);transform:translateY(-1px)}.theme-toggle-icon{font-size:15px;line-height:0;display:inline-flex;align-items:center;justify-content:center;color:var(--color-accent);transition:transform var(--t-base)}.theme-toggle:hover .theme-toggle-icon{transform:rotate(20deg) scale(1.15)}.theme-toggle-label{flex:1;font-size:13px;color:var(--text-primary);font-weight:500;text-align:left;letter-spacing:-.011em}.theme-toggle-switch{width:32px;height:18px;border-radius:999px;background:var(--border-default);position:relative;transition:background var(--t-base);flex-shrink:0}.theme-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left var(--t-base),background var(--t-base);box-shadow:var(--shadow-sm)}[data-theme=light] .theme-toggle-switch{background:var(--gradient-accent)}[data-theme=light] .theme-toggle-switch:after{left:16px}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:6px 10px}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--border-default);flex-shrink:0}.sidebar-user-name{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-handle{font-size:11.5px;color:var(--text-muted);margin-top:1px}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.login-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.18) 0%,transparent 45%),radial-gradient(circle at 80% 20%,rgba(168,85,247,.15) 0%,transparent 45%),radial-gradient(circle at 50% 80%,rgba(56,189,248,.1) 0%,transparent 45%)}.login-card{position:relative;z-index:1;background:var(--glass-bg);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--r-2xl);padding:48px 56px 40px;text-align:center;max-width:440px;width:100%;box-shadow:var(--shadow-lg);animation:fadeIn var(--t-slow)}.login-logo-icon{width:64px;height:64px;margin:0 auto 18px;border-radius:18px;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 1px #ffffff26 inset,0 12px 32px var(--color-accent-glow);animation:float 3s ease-in-out infinite}.login-title{font-size:28px;font-weight:700;letter-spacing:-.03em;color:var(--text-bright);margin-bottom:8px;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.login-subtitle{font-size:14.5px;color:var(--text-secondary);margin-bottom:36px;line-height:1.5;letter-spacing:-.011em}.login-divider{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:var(--text-muted);font-size:11.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.login-dev-btn{width:100%;padding:11px 16px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;transition:all var(--t-fast)}.login-dev-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.login-footer{margin-top:22px;font-size:12px;color:var(--text-muted);letter-spacing:-.011em}.tab{padding:8px 16px;font-size:13.5px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast)}.tab:hover{color:var(--text-primary);background:var(--bg-hover)}.tab.active{background:var(--bg-card);color:var(--color-accent);border-color:var(--border-default);box-shadow:var(--shadow-xs)}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary)}:root{--bg-app: #07080d;--bg-app-2: #0a0c14;--bg-card: #0f1119;--bg-elevated: #161a24;--bg-surface: #1a1e2a;--bg-input: #0c0e16;--bg-hover: #161a24;--bg-selected: rgba(99, 102, 241, .1);--bg-selected-soft: rgba(99, 102, 241, .06);--bg-accent-soft: rgba(99, 102, 241, .08);--aurora-1: rgba(99, 102, 241, .1);--aurora-2: rgba(168, 85, 247, .07);--aurora-3: rgba(56, 189, 248, .05);--glass-bg: rgba(15, 17, 25, .72);--glass-border: rgba(255, 255, 255, .06);--border-subtle: rgba(255, 255, 255, .04);--border-default: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--border-accent: rgba(99, 102, 241, .4);--text-bright: #f8fafc;--text-primary: #e2e6ef;--text-secondary: #8b94a6;--text-muted: #5e6680;--text-disabled: #3a4055;--color-accent: #818cf8;--color-accent-hover: #a5b0fc;--color-accent-soft: rgba(129, 140, 248, .12);--color-accent-glow: rgba(129, 140, 248, .3);--color-success: #34d399;--color-success-soft: rgba(52, 211, 153, .1);--color-danger: #f87171;--color-danger-soft: rgba(248, 113, 113, .1);--color-warning: #fbbf24;--color-warning-soft: rgba(251, 191, 36, .1);--color-purple: #c084fc;--color-purple-soft: rgba(192, 132, 252, .1);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 14px rgba(0, 0, 0, .35), 0 1px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .3);--shadow-glow: 0 0 0 3px var(--color-accent-glow);--shadow-inset-top: inset 0 1px 0 rgba(255, 255, 255, .08);--gradient-accent: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--gradient-accent-hover: linear-gradient(135deg, #818cf8 0%, #c084fc 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #34d399 100%);--gradient-text: linear-gradient(135deg, #818cf8 0%, #c084fc 100%);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-2xl: 28px;--t-fast: .12s cubic-bezier(.4, 0, .2, 1);--t-base: .2s cubic-bezier(.4, 0, .2, 1);--t-slow: .32s cubic-bezier(.4, 0, .2, 1);color-scheme:dark}[data-theme=light]{--bg-app: #fafbfd;--bg-app-2: #f4f6fa;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-surface: #f4f6fa;--bg-input: #ffffff;--bg-hover: #f0f2f7;--bg-selected: rgba(79, 70, 229, .06);--bg-selected-soft: rgba(79, 70, 229, .03);--bg-accent-soft: rgba(79, 70, 229, .05);--aurora-1: rgba(99, 102, 241, .06);--aurora-2: rgba(168, 85, 247, .05);--aurora-3: rgba(56, 189, 248, .04);--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(15, 23, 42, .06);--border-subtle: rgba(15, 23, 42, .05);--border-default: rgba(15, 23, 42, .1);--border-strong: rgba(15, 23, 42, .18);--border-accent: rgba(79, 70, 229, .35);--text-bright: #0f172a;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-disabled: #cbd5e1;--color-accent: #4f46e5;--color-accent-hover: #4338ca;--color-accent-soft: rgba(79, 70, 229, .1);--color-accent-glow: rgba(79, 70, 229, .18);--color-success: #059669;--color-success-soft: rgba(5, 150, 105, .1);--color-danger: #dc2626;--color-danger-soft: rgba(220, 38, 38, .1);--color-warning: #d97706;--color-warning-soft: rgba(217, 119, 6, .1);--color-purple: #9333ea;--color-purple-soft: rgba(147, 51, 234, .1);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 14px rgba(15, 23, 42, .08), 0 1px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 40px rgba(15, 23, 42, .12), 0 4px 12px rgba(15, 23, 42, .06);--shadow-inset-top: inset 0 1px 0 rgba(255, 255, 255, .5);--gradient-accent: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-accent-hover: linear-gradient(135deg, #4338ca 0%, #6d28d9 100%);--gradient-success: linear-gradient(135deg, #059669 0%, #10b981 100%);--gradient-text: linear-gradient(135deg, #4f46e5 0%, #9333ea 100%);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11","ss01";letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:var(--bg-app);color:var(--text-primary);height:100vh;transition:background-color var(--t-slow),color var(--t-slow);position:relative;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 15% 20%,var(--aurora-1) 0%,transparent 35%),radial-gradient(circle at 85% 10%,var(--aurora-2) 0%,transparent 40%),radial-gradient(circle at 50% 90%,var(--aurora-3) 0%,transparent 45%)}#root{height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.app,.sidebar,.card,.btn,.badge,input,textarea,select{transition:background-color var(--t-base),border-color var(--t-base),color var(--t-base),box-shadow var(--t-base)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:padding-box;border:3px solid transparent}*{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}button{cursor:pointer;border:none;border-radius:var(--r-md);font-size:14px;font-family:inherit;font-weight:500;letter-spacing:-.011em;transition:all var(--t-fast);-webkit-user-select:none;user-select:none}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button:focus-visible{outline:none;box-shadow:var(--shadow-glow)}input,textarea,select{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--text-primary);padding:10px 14px;font-size:14px;font-family:inherit;letter-spacing:-.011em;width:100%;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast),background-color var(--t-base)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:hover,textarea:hover,select:hover{border-color:var(--border-strong)}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}textarea{resize:vertical;min-height:100px;line-height:1.6}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%238b94a6'%3E%3Cpath d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:36px}input[type=checkbox]{width:16px;height:16px;padding:0;border:1.5px solid var(--border-strong);border-radius:4px;background:var(--bg-input);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;transition:all var(--t-fast)}input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent)}input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:indeterminate{background:var(--color-accent);border-color:var(--color-accent)}input[type=checkbox]:indeterminate:after{content:"";position:absolute;left:3px;top:6px;width:8px;height:2px;background:#fff;border-radius:1px}::selection{background:var(--color-accent-soft);color:var(--text-bright)}code{font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace;font-size:.88em;padding:2px 7px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:5px;color:var(--color-accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--color-accent-glow)}50%{box-shadow:0 0 0 8px transparent}}@keyframes spin{to{transform:rotate(360deg)}}