:root{--bg-dark: #0f1115;--bg-card: rgba(25, 27, 33, .6);--bg-card-hover: rgba(35, 38, 46, .8);--primary: #6366f1;--primary-hover: #4f46e5;--primary-glow: rgba(99, 102, 241, .4);--secondary: #10b981;--secondary-glow: rgba(16, 185, 129, .3);--accent: #f43f5e;--text-main: #f8fafc;--text-muted: #94a3b8;--text-faint: #475569;--border-subtle: rgba(255, 255, 255, .08);--glass-fx: blur(12px);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--sidebar-width: 280px;--header-height: 70px;--radius-lg: 16px;--radius-md: 10px;--radius-sm: 6px;--transition-fast: .15s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}.theme-chalk{--bg-dark: #f8fafc;--bg-card: rgba(255, 255, 255, .7);--bg-card-hover: rgba(241, 245, 249, .9);--text-main: #0f1115;--text-muted: #475569;--text-faint: #94a3b8;--border-subtle: rgba(0, 0, 0, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,rgba(99,102,241,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(16,185,129,.05),transparent 25%);background-attachment:fixed}.glass-panel{background:var(--bg-card);backdrop-filter:var(--glass-fx);-webkit-backdrop-filter:var(--glass-fx);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.glass-button{background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-main);padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);font-weight:500;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.glass-button:hover{background:#ffffff1a;border-color:#fff3}.glass-button.primary{background:var(--primary);border-color:var(--primary-hover);box-shadow:0 0 15px var(--primary-glow)}.glass-button.primary:hover{background:var(--primary-hover);box-shadow:0 0 25px var(--primary-glow)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:var(--sidebar-width);height:100%;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;background:#0f1115cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10}.main-content{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease forwards}