*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#080d1a;--bg-secondary:#0c1224;--bg-sidebar:#080e20eb;--bg-input:#0f1932d9;--bg-hover:#ffffff0d;--bg-active:#ffffff14;--bg-card:#0f193299;--bg-user-msg:#142850a6;--glass-bg:#0f193773;--glass-border:#ffffff14;--glass-blur:16px;--glass-shadow:0 8px 32px #0006;--border:#ffffff14;--border-light:#ffffff1f;--text-primary:#f0f2f5;--text-secondary:#c8cdd5;--text-muted:#7a8599;--text-dim:#4a5568;--accent:#0fbf96;--accent-hover:#0da882;--accent-light:#0fbf961f;--accent-glow:#0fbf9640;--warm:#f5a623;--warm-light:#f5a6231f;--danger:#ef4444;--warning:#f59e0b;--success:#10b981;--blue:#3b82f6;--purple:#a78bfa;--gradient-hero:linear-gradient(135deg, #0a1628 0%, #0d2847 30%, #0f3460 50%, #1a5c5c 70%, #0fbf96 100%);--gradient-card:linear-gradient(135deg, #0f193799 0%, #0a142d66 100%);--gradient-accent:linear-gradient(135deg, #0fbf96 0%, #0d8f6f 50%, #0a6b52 100%);--gradient-warm:linear-gradient(135deg, #f5a623 0%, #e8860c 100%);--gradient-sidebar:linear-gradient(180deg, #080e20f7 0%, #050a19fc 100%);--radius:14px;--radius-sm:8px;--radius-lg:20px;--radius-xl:28px;--sidebar-w:280px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}html,body,#root{background:var(--bg-primary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.6;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#fff3}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{border:none;outline:none;font-family:inherit}a{color:inherit;text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow), 0 0 40px #0fbf961a}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.layout{background:var(--bg-primary);height:100dvh;display:flex;position:relative;overflow:hidden}.layout:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0fbf960a 0%,#0000 70%);width:70%;height:70%;position:absolute;top:-30%;left:-20%}.layout:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#3b82f608 0%,#0000 70%);width:50%;height:60%;position:absolute;bottom:-20%;right:-10%}.layout.sidebar-closed .sidebar{opacity:0;transform:translate(-100%);width:0!important;min-width:0!important}@media (width<=768px){.sidebar{z-index:200;opacity:0;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 32px #0009;width:var(--sidebar-w)!important;min-width:var(--sidebar-w)!important;transition:transform var(--transition-normal), opacity var(--transition-normal)!important;position:fixed!important}.sidebar.open{opacity:1!important;transform:translate(0)!important}.layout.sidebar-open:before{content:"";-webkit-backdrop-filter:blur(4px);z-index:199;background:#0009;animation:.2s fadeIn;position:fixed;inset:0}}