: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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.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)}}@keyframes scrollText{0%{transform:translate(0)}to{transform:translate(-100%)}}@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}.themed-scrollbar::-webkit-scrollbar{width:6px;height:6px}.themed-scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:3px}.themed-scrollbar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.themed-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.themed-scrollbar{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}