:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-tertiary:#1f2937;--glass-bg:#111827b3;--glass-border:#ffffff14;--glass-border-focus:#6366f166;--accent-primary:#6366f1;--accent-primary-glow:#6366f159;--accent-secondary:#a855f7;--accent-secondary-glow:#a855f759;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#ffc107;--bs-secondary-color:#ffc107;--bs-secondary-color-rgb:255, 193, 7;--success:#10b981;--error:#ef4444;--warning:#f59e0b}body.light-theme{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#cbd5e1;--glass-bg:#ffffffbf;--glass-border:#0f172a14;--glass-border-focus:#6366f133;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#ffc107;--bs-secondary-color:#ffc107;--bs-secondary-color-rgb:255, 193, 7;--accent-primary-glow:#6366f126;--accent-secondary-glow:#a855f726}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0% 0%, #6366f11f 0px, transparent 50%), radial-gradient(at 100% 100%, #a855f71a 0px, transparent 50%), radial-gradient(at 50% 50%, #0a0e1af2 0px, var(--bg-primary) 100%);background-attachment:fixed;min-height:100vh;margin:0;overflow-x:hidden}body.light-theme{background-image:radial-gradient(at 0% 0%, #6366f10d 0px, transparent 50%), radial-gradient(at 100% 100%, #a855f70a 0px, transparent 50%), radial-gradient(at 50% 50%, #f8fafce6 0px, var(--bg-primary) 100%)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--text-primary);font-weight:700}a{color:var(--accent-primary);text-decoration:none;transition:all .2s}a:hover{color:var(--accent-secondary)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px}.custom-input{border:1px solid var(--glass-border);font-family:var(--font-sans);border-radius:8px;padding:10px 14px;transition:all .3s;color:var(--text-primary)!important;background-color:#11182799!important}.custom-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow);outline:none;background-color:#111827cc!important}.custom-input option{color:#0f172a;background:#fff}.btn-primary-custom{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;cursor:pointer;box-shadow:0 4px 12px var(--accent-primary-glow);border:none;border-radius:8px;padding:10px 22px;font-weight:600;transition:all .3s}.btn-primary-custom:hover{box-shadow:0 6px 16px var(--accent-secondary-glow);opacity:.95;transform:translateY(-2px)}.btn-primary-custom:active{transform:translateY(0)}.btn-secondary-custom{color:var(--text-primary);border:1px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:8px;padding:10px 22px;font-weight:600;transition:all .3s}.btn-secondary-custom:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.alert-custom{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.alert-success-custom{color:#a7f3d0;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}body.light-theme .text-white:not(.avatar-bubble):not(.badge):not(.btn):not(code){color:var(--text-primary)!important}.text-accent{color:var(--accent-primary)!important}.text-secondary{color:var(--text-secondary)!important}body.light-theme .dashboard-title{background:linear-gradient(to right, #0f172a, var(--accent-secondary))!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important}.chat-box-container{background:#11182766;transition:background .3s}body.light-theme .chat-box-container{background:#ffffffb3!important;border-color:#0f172a14!important}.active-user-badge{background:#11182766;border:1px solid #ffffff14;transition:all .3s}body.light-theme .active-user-badge{background:#fffc!important;border-color:#0f172a14!important}.chat-message-bubble{color:#cbd5e1;background:#11182780;border:1px solid #ffffff0a;transition:all .3s}body.light-theme .chat-message-bubble{color:var(--text-secondary)!important;background:#f1f5f9f2!important;border-color:#0f172a0a!important}body.light-theme .chat-message-bubble strong{color:var(--text-primary)!important}body.light-theme .alert-custom{color:var(--error)!important;background:#ef444414!important;border:1px solid #ef444426!important}body.light-theme .alert-success-custom{color:var(--success)!important;background:#10b98114!important;border:1px solid #10b98126!important}.editor-header-panel{background:#11182766;transition:background .3s}body.light-theme .editor-header-panel{background:#ffffffbf!important;border-bottom-color:#0f172a14!important}body.light-theme .custom-input{color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;background-color:#fffc!important;border-color:#0f172a26!important}body.light-theme .custom-input:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px var(--accent-primary-glow)!important;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;background-color:#fffffff2!important}body.light-theme .custom-input:-webkit-autofill{-webkit-text-fill-color:#0f172a!important;color:#0f172a!important;transition:background-color 5000s ease-in-out!important;box-shadow:inset 0 0 0 50px #ffffffe6!important}body.light-theme .custom-input:-webkit-autofill:hover{-webkit-text-fill-color:#0f172a!important;color:#0f172a!important;transition:background-color 5000s ease-in-out!important;box-shadow:inset 0 0 0 50px #ffffffe6!important}body.light-theme .custom-input:-webkit-autofill:focus{-webkit-text-fill-color:#0f172a!important;color:#0f172a!important;transition:background-color 5000s ease-in-out!important;box-shadow:inset 0 0 0 50px #ffffffe6!important}.text-muted{--bs-secondary-color:#ffc107!important;--bs-secondary-color-rgb:255, 193, 7!important;--bs-text-opacity:1!important;color:#ffc107!important}body.light-theme .text-muted{color:var(--text-secondary)!important;--bs-secondary-color:var(--text-secondary)!important}html,body{height:100%;margin:0}.app-container{flex-direction:column;min-height:100vh;padding-top:70px;display:flex}.main-content{flex-grow:1}
.custom-navbar{-webkit-backdrop-filter:blur(12px);z-index:1020;border-bottom:1px solid #ffffff0f;transition:background .3s,border-color .3s;position:fixed;top:0;left:0;right:0;background:#0a0e1ab3!important}body.light-theme .custom-navbar{border-bottom:1px solid #0f172a0f;background:#ffffffbf!important}.logo-icon-wrap{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;width:32px;height:32px;box-shadow:0 4px 10px var(--accent-primary-glow);border-radius:8px}.logo-text{background:linear-gradient(90deg,#fff,#d1d5db);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800;transition:all .3s}body.light-theme .logo-text{background:linear-gradient(90deg,#0f172a,#334155);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.nav-link{font-size:.95rem;font-weight:550;color:var(--text-secondary)!important;transition:color .2s!important}.nav-link:hover{color:var(--text-primary)!important}.avatar-bubble{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);letter-spacing:.05em;width:28px;height:28px;box-shadow:0 2px 6px var(--accent-primary-glow);border-radius:50%;font-size:.75rem;font-weight:700}.hover-danger-text:hover{color:var(--error)!important}.theme-toggle-btn{width:38px!important;height:38px!important;box-shadow:none!important;background:#ffffff0f!important;border:0!important;border-radius:50%!important;outline:none!important;justify-content:center!important;align-items:center!important;transition:background .2s,transform .3s cubic-bezier(.175,.885,.32,1.275)!important;display:flex!important}.theme-toggle-btn:hover{background:#ffffff1f!important;transform:rotate(20deg)scale(1.08)!important}body.light-theme .theme-toggle-btn{background:#0f172a0f!important}body.light-theme .theme-toggle-btn:hover{background:#0f172a1f!important;transform:rotate(20deg)scale(1.08)!important}.navbar-collapse{opacity:0;max-height:0;padding-top:0;padding-bottom:0;transition:max-height .35s,opacity .25s,padding .25s;overflow:hidden}.navbar-collapse.show{opacity:1;max-height:2000px;padding-top:.5rem;padding-bottom:.5rem;overflow:visible}@media (min-width:992px){.navbar-collapse{opacity:1!important;max-height:none!important;padding-top:0!important;padding-bottom:0!important;overflow:visible!important}}
.footer{-webkit-backdrop-filter:blur(8px);color:var(--text-secondary);border-top:1px solid #ffffff0d;transition:background .3s,border-color .3s;background:#0a0e1abf!important}body.light-theme .footer{border-top:1px solid #0f172a0f;background:#fffc!important}.text-hover-white{transition:color .2s}.text-hover-white:hover{color:var(--text-primary)!important}.footer a{transition:color .2s}
.landing-wrapper{flex-direction:column;justify-content:flex-start;min-height:85vh;margin:0;padding:0;display:flex}.min-vh-75{min-height:70vh}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot.bg-danger{background-color:#ef4444!important}.dot.bg-warning{background-color:#f59e0b!important}.dot.bg-success{background-color:#10b981!important}@keyframes pulseGlow{0%{border-color:#ffffff14;box-shadow:0 8px 32px #6366f126}50%{border-color:#a855f740;box-shadow:0 8px 36px 4px #a855f740}to{border-color:#ffffff14;box-shadow:0 8px 32px #6366f126}}.animate-pulse-glow{animation:5s ease-in-out infinite pulseGlow}.border-hover{transition:transform .3s,border-color .3s,box-shadow .3s!important}.border-hover:hover{transform:translateY(-5px);border-color:#6366f14d!important;box-shadow:0 10px 20px #0000004d!important}