:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: #ffffff;--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--bg-input: #ffffff;--text-primary: #213547;--text-secondary: #666666;--text-muted: #888888;--border-color: #e2e8f0;--border-input: #d1d5db;--shadow-color: rgba(0, 0, 0, .15);--user-message-bg: #1976d2;--user-message-text: #ffffff;--ai-message-bg: #f1f5f9;--ai-message-text: #1e293b;--error-bg: #fef2f2;--error-text: #ef4444;--error-border: #ef4444;--caret-color: #1976d2;--floating-button-bg: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #10b981 100%);--floating-button-border: #6366f1;--sidebar-bg: linear-gradient( 180deg, rgba(255, 255, 255, .98) 0%, rgba(249, 250, 251, .96) 100% );--sidebar-gradient: linear-gradient( 180deg, rgba(59, 130, 246, .06) 0%, rgba(147, 197, 253, .02) 100% );--sidebar-scrollbar-track: rgba(226, 232, 240, .8);--sidebar-scrollbar-thumb: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);--sidebar-scrollbar-thumb-hover: linear-gradient(180deg, #60a5fa 0%, #3b82f6 100%);--sidebar-button-bg: linear-gradient( 135deg, rgba(59, 130, 246, .06) 0%, rgba(37, 99, 235, .04) 100% );--sidebar-button-hover-bg: linear-gradient( 135deg, rgba(59, 130, 246, .14) 0%, rgba(37, 99, 235, .1) 100% );--sidebar-button-border: rgba(59, 130, 246, .2);--sidebar-button-hover-border: rgba(59, 130, 246, .4);--sidebar-button-text: #1e40af;--sidebar-button-hover-text: #1e3a8a;--sidebar-button-disabled-bg: rgba(148, 163, 184, .06);--sidebar-button-disabled-text: #94a3b8;--sidebar-button-hover-shadow: 0 4px 14px rgba(59, 130, 246, .18), 0 2px 6px rgba(59, 130, 246, .12);--sidebar-header-bg: linear-gradient( 135deg, rgba(59, 130, 246, .1) 0%, rgba(37, 99, 235, .06) 100% );--sidebar-header-border: rgba(59, 130, 246, .25);--sidebar-header-text: #1e40af;--sidebar-section-bg: rgba(248, 250, 252, .9);--sidebar-section-border: rgba(59, 130, 246, .18);--sidebar-box-shadow: 0 2px 8px rgba(59, 130, 246, .08);--sidebar-box-shadow-hover: 0 4px 12px rgba(59, 130, 246, .15);--sidebar-nav-item-active-bg: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--sidebar-nav-item-active-text: #ffffff;--navbar-bg: rgba(255, 255, 255, .85);--navbar-gradient: linear-gradient( 180deg, rgba(255, 255, 255, .98) 0%, rgba(249, 250, 251, .96) 100% );--navbar-border: rgba(59, 130, 246, .12);--navbar-shadow: 0 1px 3px rgba(59, 130, 246, .08), 0 1px 2px rgba(0, 0, 0, .04);--navbar-text-primary: #1e293b;--navbar-text-secondary: #64748b;--navbar-text-accent: #3b82f6;--navbar-button-bg: rgba(59, 130, 246, .06);--navbar-button-hover-bg: rgba(59, 130, 246, .12);--navbar-button-border: rgba(59, 130, 246, .15);--navbar-button-hover-border: rgba(59, 130, 246, .3);--navbar-button-text: #3b82f6;--navbar-button-hover-text: #2563eb;--navbar-section-bg: rgba(248, 250, 252, .7);--navbar-section-hover-bg: rgba(241, 245, 249, .9);--navbar-chip-bg: rgba(59, 130, 246, .08);--navbar-chip-text: #3b82f6;--navbar-chip-border: rgba(59, 130, 246, .2);--navbar-avatar-bg: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--navbar-avatar-border: rgba(59, 130, 246, .25);--navbar-icon-color: #64748b;--navbar-icon-hover-color: #3b82f6}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;display:block}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.dark{color:#ffffffde;background-color:#242424;--bg-primary: #030712;--bg-secondary: #111827;--bg-tertiary: #1f2937;--bg-input: #111827;--text-primary: #f9fafb;--text-secondary: #e5e7eb;--text-muted: #9ca3af;--border-color: #374151;--border-input: #4b5563;--shadow-color: rgba(0, 0, 0, .3);--user-message-bg: #6366f1;--user-message-text: #ffffff;--ai-message-bg: #1f2937;--ai-message-text: #f9fafb;--error-bg: #1f1f1f;--error-text: #ef4444;--error-border: #ef4444;--caret-color: #6366f1;--floating-button-bg: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #10b981 100%);--floating-button-border: #6366f1;--sidebar-bg: linear-gradient(180deg, rgba(15, 23, 42, .98) 0%, rgba(30, 41, 59, .96) 100%);--sidebar-gradient: linear-gradient( 180deg, rgba(59, 130, 246, .14) 0%, rgba(30, 58, 138, .04) 100% );--sidebar-scrollbar-track: rgba(30, 41, 59, .8);--sidebar-scrollbar-thumb: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);--sidebar-scrollbar-thumb-hover: linear-gradient(180deg, #60a5fa 0%, #3b82f6 100%);--sidebar-button-bg: linear-gradient( 135deg, rgba(30, 58, 138, .35) 0%, rgba(30, 64, 175, .25) 100% );--sidebar-button-hover-bg: linear-gradient( 135deg, rgba(59, 130, 246, .35) 0%, rgba(37, 99, 235, .28) 100% );--sidebar-button-border: rgba(59, 130, 246, .28);--sidebar-button-hover-border: rgba(59, 130, 246, .55);--sidebar-button-text: #cbd5e1;--sidebar-button-hover-text: #f1f5f9;--sidebar-button-disabled-bg: rgba(30, 58, 138, .18);--sidebar-button-disabled-text: #64748b;--sidebar-button-hover-shadow: 0 4px 18px rgba(59, 130, 246, .28), 0 2px 10px rgba(59, 130, 246, .18);--sidebar-header-bg: linear-gradient( 135deg, rgba(30, 58, 138, .4) 0%, rgba(30, 64, 175, .3) 100% );--sidebar-header-border: rgba(59, 130, 246, .35);--sidebar-header-text: #94a3b8;--sidebar-section-bg: rgba(30, 41, 59, .5);--sidebar-section-border: rgba(59, 130, 246, .25);--sidebar-box-shadow: 0 2px 10px rgba(0, 0, 0, .3);--sidebar-box-shadow-hover: 0 4px 16px rgba(59, 130, 246, .25);--navbar-bg: rgba(15, 23, 42, .9);--navbar-gradient: linear-gradient( 180deg, rgba(15, 23, 42, .98) 0%, rgba(30, 41, 59, .96) 100% );--navbar-border: rgba(59, 130, 246, .2);--navbar-shadow: 0 1px 3px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--navbar-text-primary: #f1f5f9;--navbar-text-secondary: #94a3b8;--navbar-text-accent: #60a5fa;--navbar-button-bg: rgba(30, 58, 138, .25);--navbar-button-hover-bg: rgba(59, 130, 246, .3);--navbar-button-border: rgba(59, 130, 246, .25);--navbar-button-hover-border: rgba(59, 130, 246, .5);--navbar-button-text: #93c5fd;--navbar-button-hover-text: #dbeafe;--navbar-section-bg: rgba(30, 41, 59, .4);--navbar-section-hover-bg: rgba(30, 41, 59, .6);--navbar-chip-bg: rgba(59, 130, 246, .15);--navbar-chip-text: #93c5fd;--navbar-chip-border: rgba(59, 130, 246, .3);--navbar-avatar-bg: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--navbar-avatar-border: rgba(59, 130, 246, .4);--navbar-icon-color: #94a3b8;--navbar-icon-hover-color: #60a5fa}.dark .navbar{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}.dark .navbar .company-name,.dark .navbar .project-display{color:var(--text-primary)!important}.dark .navbar .MuiAvatar-root{background-color:var(--user-message-bg)!important;color:var(--user-message-text)!important}.alert-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:420px;pointer-events:none}.alert-notification{position:relative;display:flex;flex-direction:column;min-width:320px;max-width:420px;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;animation:slideIn .3s cubic-bezier(.34,1.56,.64,1);transform-origin:top right}.alert-notification.alert-exit{animation:slideOut .3s cubic-bezier(.4,0,1,1) forwards}.alert-content{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;position:relative}.alert-icon-container{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-top:2px}.alert-icon{width:20px;height:20px}.alert-message{flex:1;font-size:14px;line-height:1.5;font-weight:500;letter-spacing:.01em;margin-top:2px}.alert-close{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;border-radius:6px;padding:0;margin-top:2px;transition:all .2s cubic-bezier(.4,0,.2,1);opacity:.7}.alert-close svg{width:16px;height:16px}.alert-close:hover{opacity:1;transform:scale(1.1)}.alert-close:active{transform:scale(.95)}.alert-progress-container{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0000001a;overflow:hidden}.alert-progress-bar{height:100%;transition:width 16ms linear;border-radius:0 3px 0 0}.alert-notification.light-mode{background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border:1px solid rgba(226,232,240,.8)}.alert-notification.light-mode .alert-message{color:#1e293b}.alert-notification.light-mode .alert-close{color:#64748b}.alert-notification.light-mode .alert-close:hover{background:#0000000d;color:#334155}.alert-notification.dark-mode{background:linear-gradient(135deg,#1e293bfa,#0f172af2);border:1px solid rgba(51,65,85,.8)}.alert-notification.dark-mode .alert-message{color:#f1f5f9}.alert-notification.dark-mode .alert-close{color:#94a3b8}.alert-notification.dark-mode .alert-close:hover{background:#ffffff1a;color:#cbd5e1}.alert-notification.alert-success.light-mode{background:linear-gradient(135deg,#dbeafefa,#bfdbfef2);border:1px solid rgba(59,130,246,.3)}.alert-notification.alert-success.dark-mode{background:linear-gradient(135deg,#1e3a8afa,#172554f2);border:1px solid rgba(96,165,250,.3)}.alert-notification.alert-success .alert-icon-container{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.alert-notification.alert-success .alert-progress-bar{background:linear-gradient(90deg,#3b82f6,#2563eb);box-shadow:0 0 8px #3b82f699}.alert-notification.alert-error.light-mode{background:linear-gradient(135deg,#fee2e2fa,#fce7f3f2);border:1px solid rgba(239,68,68,.3)}.alert-notification.alert-error.dark-mode{background:linear-gradient(135deg,#7f1d1dfa,#4c1d95f2);border:1px solid rgba(248,113,113,.3)}.alert-notification.alert-error .alert-icon-container{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.alert-notification.alert-error .alert-progress-bar{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 0 8px #ef444499}.alert-notification.alert-warning.light-mode{background:linear-gradient(135deg,#fef3c7fa,#fde68af2);border:1px solid rgba(245,158,11,.3)}.alert-notification.alert-warning.dark-mode{background:linear-gradient(135deg,#78350ffa,#451a03f2);border:1px solid rgba(251,191,36,.3)}.alert-notification.alert-warning .alert-icon-container{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.alert-notification.alert-warning .alert-progress-bar{background:linear-gradient(90deg,#f59e0b,#d97706);box-shadow:0 0 8px #f59e0b99}.alert-notification.alert-info.light-mode{background:linear-gradient(135deg,#e0f2fefa,#bae6fdf2);border:1px solid rgba(6,182,212,.3)}.alert-notification.alert-info.dark-mode{background:linear-gradient(135deg,#082f49fa,#0c4a6ef2);border:1px solid rgba(34,211,238,.3)}.alert-notification.alert-info .alert-icon-container{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 4px 12px #06b6d44d}.alert-notification.alert-info .alert-progress-bar{background:linear-gradient(90deg,#0ea5e9,#0284c7);box-shadow:0 0 8px #06b6d499}@keyframes slideIn{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.9)}}@media(max-width:640px){.alert-container{left:12px;right:12px;top:12px;max-width:none}.alert-notification{min-width:100%;max-width:none}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}}.alert-close:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media(prefers-reduced-motion:reduce){.alert-notification,.alert-notification.alert-exit,.alert-close{animation:none;transition:none}.alert-progress-bar{transition:none}}#root{max-width:none;margin:0;padding:0;text-align:left;width:100%;height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.navbar{width:100vw;height:80px;position:fixed;top:0;left:0;z-index:1100;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #00000008;display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:0 2rem}.navbar-left,.navbar-right{display:flex;align-items:center;gap:16px}.company-name{font-weight:700;font-size:1.1rem;color:#1976d2;min-width:120px;padding:.5rem;border-radius:4px;transition:background-color .3s;outline:none}.company-name:hover{background-color:#1976d21a}.company-name:focus-visible{background-color:#1976d21a;box-shadow:0 0 0 2px #1976d24d}.project-display{font-weight:700;font-size:1rem;color:#333;padding:.5rem;border-radius:4px;transition:background-color .3s;outline:none}.project-display:hover{background-color:#0000000d}.project-display:focus-visible{background-color:#0000000d;box-shadow:0 0 0 2px #0003}.avatar-button{background-color:#1976d2;color:#fff;font-weight:700;font-size:1.1rem;transition:background-color .3s,transform .2s;border:2px solid transparent}.avatar-button:hover{background-color:#1565c0;transform:scale(1.05)}.avatar-button:focus-visible{background-color:#1565c0;border-color:#1976d24d;box-shadow:0 0 0 2px #1976d24d}.logout-button{padding:.5rem 1.2rem;border-radius:8px;background-color:#2196f3;color:#fff;border:none;font-size:1rem;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;justify-content:center;text-decoration:none}.logout-button:hover{background-color:#1976d2}.container{width:100vw;max-width:100vw;margin:0;padding:80px 0 0;min-height:calc(100vh - 80px);display:flex;flex-direction:column}.page-with-navbar{display:flex;flex-direction:column;height:100vh;width:100vw;padding:0;margin:0;overflow:hidden}.page-content{width:100%;padding:0;margin:0;display:flex;flex:1 1 0;min-height:0;overflow:hidden}