@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-brand:#3c3c3c;--primary-brand-dark:#2c2c2c;--primary-brand-light:#5c5c5c;--primary-brand-rgb:60,60,60;--accent-color:#10b981;--accent-color-dark:#059669;--warning-color:#f59e0b;--danger-color:#ef4444;--danger-text:var(--danger-color);--background-main:#efefef;--background-content:#fff;--background-elevated:#fff;--background-hover:#00000005;--background-chat-focused:#fafbfc;--text-primary:#1f2937;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-on-brand:#fff;--text-link:var(--primary-brand);--border-primary:#d1d5db;--border-secondary:#d7d9de;--shadow-xs:0 1px 2px 0 #00000008;--shadow-sm:0 1px 3px 0 #00000012,0 1px 2px -1px #0000000d;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000d;--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;--glass-bg-sidebar:#fffc;--glass-bg-content:#fff;--glass-bg-card:#f9fafb;--glass-bg-card-hover:#f3f4f6;--glass-border:#00000014;--glass-shadow:#1f268726;--glass-shadow-hover:#1f268733;--vertical-nav-width:260px;--skeleton-base:#e5e7eb;--skeleton-highlight:#f3f4f6}[data-theme=dark]{--primary-brand:#e5e5e5;--primary-brand-dark:#fff;--primary-brand-light:#404040;--primary-brand-rgb:229,229,229;--accent-color:#d4d4d4;--accent-color-dark:#e5e5e5;--warning-color:#b8b8b8;--danger-color:#a0a0a0;--danger-text:var(--danger-color);--background-main:#000;--background-content:#1a1a1a;--background-elevated:#2e2e2e;--background-hover:#2e2e2e;--background-chat-focused:#242424;--text-primary:#fff;--text-secondary:#b8b8b8;--text-tertiary:grey;--text-on-brand:#000;--text-link:var(--primary-brand);--border-primary:#404040;--border-secondary:#2e2e2e;--shadow-xs:0 1px 2px 0 #0006;--shadow-sm:0 1px 3px 0 #00000080,0 1px 2px -1px #0000004d;--shadow-md:0 4px 6px -1px #00000080,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #0009,0 8px 10px -6px #0006;--glass-bg-sidebar:#1a1a1acc;--glass-bg-content:#1a1a1ab3;--glass-bg-card:#2e2e2e4d;--glass-bg-card-hover:#2e2e2e80;--glass-border:#ffffff1a;--glass-shadow:#00000080;--glass-shadow-hover:#0009;--skeleton-base:#2e2e2e;--skeleton-highlight:#3a3a3a}*,:after,:before{box-sizing:border-box}#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-main);color:var(--text-primary);font-family:var(--font-family-sans);height:100%;margin:0;overflow-x:hidden;padding:0}.App-container{flex-direction:column;width:100%}.App-container,.App-content-area{display:flex;height:100vh;overflow:hidden}.App-content-area{flex-direction:row;flex-grow:1}@media (max-width:768px){.App-content-area{height:100vh}}.App-main-content{background:var(--background-main);flex-grow:1;overflow-y:auto;padding:0;transition:margin-left .3s ease}.App-content-area.sidebar-hidden .App-main-content{margin-left:0}.App-content-area.sidebar-collapsed .chat-interface-page{padding-left:0}.app-collapse-section{left:296px;position:absolute;top:50%;transform:translateY(-50%);transition:left .3s ease;z-index:10}.App-content-area.sidebar-collapsed .app-collapse-section{left:96px}.collapse-drag-bar{align-items:center;background:var(--border-primary);border:none;cursor:pointer;display:none;height:40px;justify-content:center;opacity:.6;position:relative;transition:all .2s ease}.collapse-drag-bar,.collapse-drag-bar:hover{border-radius:var(--border-radius-sm);width:8px}.collapse-drag-bar:hover{background:var(--text-tertiary);box-shadow:0 2px 8px #00000026,0 0 0 1px #0000000d;opacity:1}.collapse-drag-bar:active{background:var(--primary-brand)}.drag-handle{display:flex;flex-direction:column;gap:2px;opacity:0;position:absolute;transition:opacity .2s ease}.collapse-drag-bar:hover .drag-handle{opacity:1}.drag-line{background:var(--text-on-brand);border-radius:.5px;height:4px;width:1px}[data-theme=dark] .collapse-drag-bar{background:var(--border-primary);opacity:.5}[data-theme=dark] .collapse-drag-bar:hover{background:var(--text-secondary);box-shadow:0 2px 8px #00000080,0 0 0 1px #ffffff1a;opacity:1}[data-theme=dark] .collapse-drag-bar:active{background:var(--primary-brand)}.page-header{border-bottom:1px solid var(--border-secondary);margin-bottom:24px;padding-bottom:16px}.page-header h1{color:var(--text-primary);font-size:1.75rem;font-weight:600;line-height:1.3;margin:0}.page-header p.subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:4px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--background-main);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--border-radius-sm);-webkit-transition:background .2s ease,opacity .3s ease;transition:background .2s ease,opacity .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.auto-hide-scrollbar{scrollbar-color:var(--border-primary) var(--background-main);scrollbar-width:thin;transition:scrollbar-color .3s ease}.auto-hide-scrollbar::-webkit-scrollbar{height:8px;width:8px}.auto-hide-scrollbar::-webkit-scrollbar-track{background:var(--background-main);border-radius:var(--border-radius-sm)}.auto-hide-scrollbar::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--border-radius-sm);opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease}.auto-hide-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.auto-hide-scrollbar.scrollbar-hidden::-webkit-scrollbar-thumb{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.auto-hide-scrollbar.scrollbar-hidden{scrollbar-color:#0000 var(--background-main)}code{background-color:var(--background-main);border-radius:var(--border-radius-sm);color:var(--accent-color-dark);font-family:var(--font-family-mono);font-size:.875em;margin:0;padding:.2em .4em}pre{color:var(--text-primary);margin:1em 0;overflow-x:auto}pre,pre code{background-color:initial;padding:0}pre code{color:inherit;font-size:1em;margin:0}.message-text pre code .token.keyword{color:#cc99cd}.message-text pre code .token.string{color:#7ec699}.message-text pre code .token.comment{color:#999}.message-text pre code .token.boolean,.message-text pre code .token.number{color:#f08d49}.message-text pre code .token.function{color:#6196ee}.message-text pre code .token.class-name{color:#ffda7b}.message-text pre code .token.operator,.message-text pre code .token.punctuation{color:#ccc}.App-header{background-color:#282c34;color:#fff;flex-direction:column;font-size:24px;min-height:70px}.App-header,.about-modal-overlay{align-items:center;display:flex;justify-content:center}.about-modal-overlay{animation:aboutOverlayFadeIn .25s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes aboutOverlayFadeIn{0%{opacity:0}to{opacity:1}}.about-modal{animation:aboutModalSlideIn .35s cubic-bezier(.34,1.56,.64,1);background-color:var(--background-content);border:1px solid var(--border-secondary);border-radius:16px;box-shadow:0 24px 70px #00000040;max-width:90vw;padding:32px 28px 28px;position:relative;text-align:center;width:320px}[data-theme=dark] .about-modal{background-color:#1e1e1efa;border:1px solid #ffffff1a;box-shadow:0 24px 70px #000000b3}@keyframes aboutModalSlideIn{0%{opacity:0;transform:scale(.85) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.about-modal-icon{display:flex;justify-content:center;margin-bottom:20px}.about-modal-icon svg{filter:drop-shadow(0 8px 16px rgba(0,0,0,.15));height:64px;width:64px}.about-modal-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}.about-modal-subtitle{color:var(--text-secondary);font-size:.875rem;font-weight:400;margin:0 0 24px;opacity:.85}.about-modal-info{background-color:var(--background-main);border:1px solid var(--border-secondary);border-radius:10px;display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:16px 18px}[data-theme=dark] .about-modal-info{background-color:#ffffff0a;border:1px solid #ffffff14}.about-info-row{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;line-height:1.4}.about-info-label{color:var(--text-secondary);font-weight:400;opacity:.85}.about-info-value{color:var(--text-primary);font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:.75rem;font-weight:500;letter-spacing:.01em}.about-modal-links{display:flex;gap:16px;margin-bottom:20px;padding:0 8px}.about-link-button{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.8125rem;font-weight:400;gap:5px;justify-content:center;letter-spacing:.01em;padding:0;position:relative;text-decoration:none;transition:all .2s ease}.about-link-button:after{background:var(--primary-brand);bottom:-4px;content:"";height:1px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .25s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .about-link-button{color:var(--text-secondary)}.about-link-button:hover{color:var(--primary-brand)}.about-link-button:hover:after{transform:scaleX(1)}[data-theme=dark] .about-link-button:hover{color:var(--primary-brand)}.about-link-button:active{opacity:.7}.about-link-button svg{flex-shrink:0;transition:transform .2s ease}.about-link-button:hover svg{transform:translateX(2px)}.about-modal-copyright{color:var(--text-tertiary);font-size:.75rem;font-weight:400;margin:0;opacity:.65}.about-modal-close{align-items:center;background-color:var(--background-main);border:none;border-radius:50%;box-shadow:0 2px 6px #0000000f;color:var(--text-secondary);cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:14px;top:14px;transition:all .25s cubic-bezier(.4,0,.2,1);width:30px}[data-theme=dark] .about-modal-close{background-color:#ffffff14}.about-modal-close:hover{background-color:#ff3b30;box-shadow:0 4px 12px #ff3b304d;color:#fff;transform:rotate(90deg) scale(1.05)}.about-modal-close svg{height:18px;width:18px}@media (max-width:480px){.about-modal{margin:20px;padding:28px 24px 24px;width:100%}.about-modal-title{font-size:1.375rem}.about-modal-links{flex-direction:column}.about-link-button{width:100%}}.sidebar{background:var(--background-main);display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow:hidden;padding-bottom:16px;position:relative;transition:width .3s ease;width:280px}.sidebar.collapsed{width:80px}.sidebar-user-section{padding:24px 20px}.sidebar.collapsed .sidebar-user-section{padding:24px 0 24px 16px}.user-avatar{align-items:center;display:flex;justify-content:flex-start;position:relative;transition:all .3s ease}.sidebar.collapsed .user-avatar{border-radius:var(--border-radius-md);height:40px;justify-content:center;width:40px}.avatar-button{align-items:center;background:var(--primary-brand);border:none;border-radius:50%;box-shadow:var(--shadow-sm);color:var(--text-on-brand);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:visible;padding:0;position:relative;transition:all .2s ease;width:32px}.avatar-button:hover{transform:scale(1.05)}.avatar-button:hover,[data-theme=dark] .avatar-button:hover{background-color:var(--primary-brand-dark)}.user-avatar-pic{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:100%;justify-content:center;width:100%}.user-avatar-pic svg{height:20px;width:20px}.user-name{background:#0000;color:var(--text-primary);font-size:.875rem;font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{animation:dropdownFadeIn .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:var(--background-content);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:220px;z-index:1000}[data-theme=dark] .user-dropdown{background-color:#1e1e1ef2;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0006,0 2px 12px #0000004d}.dropdown-user-info{align-items:center;background-color:#f8f9fa;background-color:var(--background-hover,#f8f9fa);border-bottom:1px solid var(--border-secondary);display:flex;padding:18px 20px}[data-theme=dark] .dropdown-user-info{background-color:#ffffff0a;border-bottom:1px solid #ffffff14}.dropdown-user-details{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.dropdown-user-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.dropdown-user-email,.dropdown-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-user-email{color:var(--text-tertiary);font-size:.75rem}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-secondary);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-family-sans);font-size:.875rem;font-weight:500;gap:12px;padding:12px 20px;position:relative;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}[data-theme=dark] .dropdown-item{border-bottom:1px solid #ffffff0f}.dropdown-item:last-child{border-bottom:none}.dropdown-item:before{background:var(--primary-brand);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s cubic-bezier(.4,0,.2,1);width:3px}.dropdown-item:hover:before{transform:scaleY(1)}.dropdown-item:hover{background-color:#f8f9fa;background-color:var(--background-hover,#f8f9fa);padding-left:24px}[data-theme=dark] .dropdown-item:hover{background-color:#ffffff0d}.dropdown-item.sign-out{color:var(--danger-color)}.dropdown-item.sign-out:before{background:var(--danger-color)}.dropdown-item.sign-out:hover{background-color:#ef44441a;color:var(--danger-color)}[data-theme=dark] .dropdown-item.sign-out:hover{background-color:#ef444426}.dropdown-item svg{flex-shrink:0;opacity:.7;transition:all .2s ease}.dropdown-item:hover svg{opacity:1;transform:scale(1.1)}.sidebar-theme-toggle{align-items:center;border-top:1px solid var(--border-secondary);display:flex;justify-content:center;margin-top:auto;padding:16px 20px 20px}.sidebar.collapsed .sidebar-theme-toggle{padding:16px 0 20px}.theme-toggle-icon-btn{align-items:center;background:var(--background-content);border:1px solid var(--border-primary);border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.theme-toggle-icon-btn:hover{background-color:#f8f9fa;background-color:var(--background-hover,#f8f9fa);box-shadow:var(--shadow-md);transform:translateY(-2px)}[data-theme=dark] .theme-toggle-icon-btn:hover{background-color:#ffffff1a}.theme-toggle-icon-btn:active{transform:translateY(0) scale(.95)}.theme-toggle-icon-btn .theme-icon-wrapper{align-items:center;display:flex;height:24px;justify-content:center;position:relative;width:24px}.theme-toggle-icon-btn .theme-icon{color:var(--text-primary);transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-toggle-icon-btn .sun-icon{animation:sunAppear .4s cubic-bezier(.4,0,.2,1)}@keyframes sunAppear{0%{opacity:0;transform:rotate(-90deg) scale(.5)}50%{opacity:.5;transform:rotate(-45deg) scale(.8)}to{opacity:1;transform:rotate(0deg) scale(1)}}.theme-toggle-icon-btn .moon-icon{animation:moonAppear .4s cubic-bezier(.4,0,.2,1)}@keyframes moonAppear{0%{opacity:0;transform:rotate(90deg) scale(.5)}50%{opacity:.5;transform:rotate(45deg) scale(.8)}to{opacity:1;transform:rotate(0deg) scale(1)}}.theme-toggle-icon-btn:hover .theme-icon{transform:scale(1.15)}.theme-toggle-icon-btn:active .theme-icon{transform:scale(.95)}.sidebar-spacer{flex:1 1}.sidebar-sessions{display:flex;flex:0.6 1;flex-direction:column;overflow:hidden;padding-top:20px}.sidebar.collapsed .sidebar-sessions{align-items:center;justify-content:center;padding-top:16px}.sessions-header{align-items:center;display:flex;justify-content:space-between;padding:0 20px 16px;position:relative}.sidebar.collapsed .sessions-header{justify-content:center;padding:0 0 16px}.sessions-header:after{background-color:var(--border-secondary);bottom:8px;content:"";height:1px;left:20px;position:absolute;right:10px}.sidebar.collapsed .sessions-header:after{display:none}.sessions-header h3{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.new-chat-button{align-items:center;background-color:var(--primary-brand);border:none;border-radius:var(--border-radius-md);color:var(--text-on-brand);cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;font-weight:500;gap:6px;outline:none;padding:6px 12px;transition:all .2s ease}.sidebar.collapsed .new-chat-button{border-radius:50%;gap:0;height:40px;justify-content:center;padding:10px;width:40px}.new-chat-button:hover{background-color:var(--primary-brand-dark);transform:translateY(-1px)}.new-chat-button:active{transform:scale(.98)}.new-chat-button svg{stroke:currentColor;height:14px;width:14px}.sessions-list{animation:fadeIn .4s ease-in;display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:8px 10px 8px 16px}.session-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--glass-bg-card);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);box-shadow:0 2px 8px var(--glass-shadow);padding:16px;position:relative;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.session-card.deleting{animation:collapseAndFade .35s cubic-bezier(.4,0,.2,1) forwards;overflow:hidden;pointer-events:none}@keyframes collapseAndFade{0%{margin-bottom:0;max-height:200px;opacity:1;padding-bottom:16px;padding-top:16px;transform:scale(1) translateY(0)}30%{opacity:.5;transform:scale(.98) translateY(-2px)}to{margin-bottom:-6px;max-height:0;opacity:0;padding-bottom:0;padding-top:0;transform:scale(.95) translateY(-4px)}}.sessions-list:not(.sessions-loaded) .session-card:not(.deleting){animation:cardFadeIn .3s ease-out backwards}.sessions-list:not(.sessions-loaded) .session-card:not(.deleting):first-child{animation-delay:0s}.sessions-list:not(.sessions-loaded) .session-card:not(.deleting):nth-child(2){animation-delay:.05s}.sessions-list:not(.sessions-loaded) .session-card:not(.deleting):nth-child(3){animation-delay:.1s}.sessions-list:not(.sessions-loaded) .session-card:not(.deleting):nth-child(4){animation-delay:.15s}.sessions-list:not(.sessions-loaded) .session-card:not(.deleting):nth-child(5){animation-delay:.2s}.sessions-list:not(.sessions-loaded) .session-card:not(.deleting):nth-child(n+6){animation-delay:.25s}.session-card{cursor:pointer}.session-card:hover{background:var(--glass-bg-card-hover);box-shadow:0 4px 8px var(--glass-shadow-hover)}.session-card.active{box-shadow:0 4px 8px var(--glass-shadow-hover);position:relative}.session-card.active,[data-theme=dark] .session-card.active{background:var(--glass-bg-card-hover);border:1px solid var(--border-primary);border-left:3px solid var(--primary-brand)}.session-content{height:auto;min-height:1.3em;position:relative}.session-title{align-items:center;color:var(--text-primary);display:flex;font-size:.8rem;font-weight:600;gap:6px;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-card.active .session-title{color:var(--text-primary);font-weight:600}.session-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.8rem;line-height:1.4;margin:0;overflow:hidden;white-space:normal}.session-time{color:var(--text-tertiary);flex-shrink:0;font-size:.75rem;font-weight:500;margin:0}.session-actions{align-items:center;background:#0000;display:flex;gap:8px;opacity:0;padding-left:32px;position:absolute;right:0;transition:opacity .2s ease}.session-card:hover .session-actions{background:#0000;opacity:1}.session-card .session-actions:has(.session-confirm-delete-btn){opacity:1}.session-actions.fading-out{opacity:0!important;transition:opacity .3s ease}.session-delete-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.session-delete-btn:hover{background:#dc2626;background:var(--danger-color,#dc2626);color:#fff;transform:scale(1.1)}.session-delete-btn svg{height:14px;width:14px}.session-confirm-delete-btn{align-items:center;animation:slideInRight .2s ease-out;background:#dc2626;background:var(--danger-color,#dc2626);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:all .2s ease}.session-confirm-delete-btn:hover{background:#b91c1c;transform:scale(1.1)}.session-confirm-delete-btn svg{height:14px;width:14px}.session-cancel-delete-btn{align-items:center;animation:slideInRight .2s ease-out .05s backwards;background:var(--background-content);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:all .2s ease}.session-cancel-delete-btn:hover{background:var(--background-hover);color:var(--text-primary);transform:scale(1.1)}.session-cancel-delete-btn svg{height:14px;width:14px}@keyframes slideInRight{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.sessions-loading{animation:fadeIn .3s ease-in;display:flex;flex-direction:column;gap:8px;padding:8px 10px}.sessions-loading.fade-out{animation:fadeOut .2s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.loading-skeleton-card{animation:cardSlideIn .4s ease-out backwards;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--glass-bg-card);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);overflow:hidden;padding:16px;position:relative}.loading-skeleton-card:first-child{animation-delay:0s}.loading-skeleton-card:nth-child(2){animation-delay:.1s}.loading-skeleton-card:nth-child(3){animation-delay:.2s}@keyframes cardSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes cardFadeIn{0%{opacity:0}to{opacity:1}}.loading-skeleton-card:before{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}[data-theme=dark] .loading-skeleton-card:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000)}@keyframes shimmer{0%{left:-100%}to{left:100%}}.skeleton-title{height:14px;margin-bottom:8px;width:70%}.skeleton-text,.skeleton-title{animation:pulse 1.5s ease-in-out infinite;background:var(--border-secondary);border-radius:4px}.skeleton-text{animation-delay:.1s;height:10px;width:40%}[data-theme=light] .skeleton-text,[data-theme=light] .skeleton-title{background:#d0d0d0}[data-theme=light] .loading-skeleton-card{background:#f5f5f5;border:1px solid #e8e8e8}[data-theme=light] .loading-skeleton-card:before{background:linear-gradient(90deg,#0000,#fff9,#0000)}.loading-spinner-compact{align-items:center;display:flex;gap:12px;justify-content:center;padding:20px}.spinner-circle{animation:spin .7s linear infinite;border:2.5px solid var(--border-secondary);border-radius:50%;border-top-color:var(--primary-brand);height:24px;width:24px}.spinner-text{animation:textFade 1.5s ease-in-out infinite;color:var(--text-secondary);font-size:.8rem;font-weight:500}@keyframes textFade{0%,to{opacity:.5}50%{opacity:1}}.sessions-error{padding:20px;text-align:center}.error-message{color:#dc2626;color:var(--danger-color,#dc2626);font-size:.8rem;font-weight:500;margin:0 0 12px}.retry-button{background:var(--primary-brand);border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:var(--text-on-brand);cursor:pointer;font-size:.75rem;font-weight:600;padding:8px 16px;transition:background-color .2s ease}.retry-button:hover{background:var(--primary-brand-dark)}.sessions-empty{align-items:center;display:flex;flex-direction:column;gap:12px;padding:20px;text-align:center}.empty-icon{font-size:2rem;opacity:.6}.sessions-empty p{color:var(--text-primary);font-size:.85rem;font-weight:500;line-height:1.4;margin:0}.sessions-empty small{color:var(--text-secondary);font-size:.75rem;line-height:1.3;margin:0;max-width:200px}.sessions-list::-webkit-scrollbar{width:4px}.sessions-list::-webkit-scrollbar-track{background:#0000}.sessions-list::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px;opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease}.sessions-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.sessions-list.auto-hide-scrollbar::-webkit-scrollbar-thumb{background-color:var(--border-primary);opacity:1;-webkit-transition:opacity .3s ease,background-color .3s ease;transition:opacity .3s ease,background-color .3s ease}.sessions-list.auto-hide-scrollbar.scrollbar-hidden::-webkit-scrollbar-thumb{background-color:initial;opacity:0}.sessions-list.auto-hide-scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--text-tertiary);opacity:1}.sessions-loading-sentinel{min-height:20px;padding:8px 0}.sessions-loading-more,.sessions-loading-sentinel{align-items:center;display:flex;justify-content:center}.sessions-loading-more{animation:fadeIn .3s ease-in;gap:8px;padding:12px}.spinner-circle-small{animation:spin .7s linear infinite;border:2px solid var(--border-secondary);border-radius:50%;border-top-color:var(--primary-brand);height:16px;width:16px}.loading-more-text{color:var(--text-secondary);font-size:.75rem;font-weight:500}@media (max-width:768px){.sidebar{width:240px}.sidebar-user-section{padding:20px 16px}.avatar-placeholder{flex-shrink:0;height:32px;overflow:hidden;width:32px}.sessions-header{padding:0 16px 12px}.sessions-list{gap:5px;padding:8px 8px 8px 12px}.session-card{padding:10px}}@media (prefers-reduced-motion:reduce){.sidebar,.sidebar *,.sidebar :after,.sidebar :before{animation:none!important;scroll-behavior:auto!important;transition:none!important}}html[data-playwright] .sidebar,html[data-playwright] .sidebar *,html[data-playwright] .sidebar :after,html[data-playwright] .sidebar :before{animation:none!important;scroll-behavior:auto!important;transition:none!important}@media (max-width:480px){.sidebar{width:200px}}.auth-login-container{align-items:center;background-color:var(--background-main);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-login-card{background-color:var(--background-content);border:1px solid var(--border-secondary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:420px;padding:3rem;width:100%}.auth-login-header{margin-bottom:2rem;text-align:center}.auth-login-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.auth-login-logo svg{color:var(--primary-brand);height:48px;width:48px}.auth-login-title{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.auth-login-subtitle{color:var(--text-secondary);font-size:1rem;font-weight:400;margin:0}.auth-login-form{gap:1.5rem}.auth-form-group,.auth-login-form{display:flex;flex-direction:column}.auth-form-group{gap:.5rem}.auth-form-label{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0}.auth-form-input{background-color:var(--background-content);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);color:var(--text-primary);font-family:var(--font-family-sans);font-size:1rem;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-form-input:focus{box-shadow:0 0 0 3px rgba(var(--primary-brand-rgb),.1);outline:none}.auth-form-input:focus,.auth-form-input:hover:not(:disabled):not(:focus){border-color:var(--primary-brand)}.auth-form-input:disabled{background-color:var(--background-main);cursor:not-allowed}.auth-form-input::placeholder,.auth-form-input:disabled{color:var(--text-tertiary)}.auth-form-input:-webkit-autofill,.auth-form-input:-webkit-autofill:active,.auth-form-input:-webkit-autofill:focus,.auth-form-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary)!important;border:1px solid var(--border-primary)!important;-webkit-box-shadow:0 0 0 30px var(--background-content) inset!important;caret-color:var(--text-primary)!important;color:var(--text-primary)!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.auth-form-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary)!important;border-color:var(--primary-brand)!important;-webkit-box-shadow:0 0 0 30px var(--background-content) inset!important;color:var(--text-primary)!important}.auth-login-button{align-items:center;background-color:var(--primary-brand);border:none;border-radius:var(--border-radius-md);box-shadow:0 4px 12px #0000001a;color:var(--text-on-brand);cursor:pointer;display:flex;font-family:var(--font-family-sans);font-size:1rem;font-weight:600;justify-content:center;min-height:3rem;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-login-button:before{background:linear-gradient(90deg,#0000,#fff6,#fff9,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transform:skewX(-15deg);transition:left .6s ease-in-out;width:100%}.auth-login-button:hover:not(:disabled){background-color:var(--primary-brand-dark);box-shadow:0 8px 25px #00000026}.auth-login-button:hover:not(:disabled):before{left:100%}.auth-login-button:active:not(:disabled){box-shadow:0 4px 12px #0000001a;transition:all .1s ease}.auth-login-button:focus{box-shadow:0 0 0 3px rgba(var(--primary-brand-rgb),.3);outline:none}.auth-login-button:disabled{background-color:var(--text-tertiary);box-shadow:none;cursor:not-allowed;transform:none}.auth-loading-spinner{align-items:center;animation:fadeIn .3s ease;display:flex;gap:.75rem}.auth-spinner{animation:spin .8s linear infinite,pulse 2s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--text-on-brand);height:18px;width:18px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.auth-error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius-md);color:var(--danger-color)}.auth-error-message,.auth-success-message{align-items:center;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem;padding:.75rem 1rem}.auth-success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--border-radius-md);color:#166534}.auth-switch-section{margin-top:1rem;text-align:center}.auth-switch-section p{color:var(--text-secondary);font-size:.875rem;margin:0}.auth-contact-notice{background-color:var(--background-main);border:1px solid var(--border-secondary);border-radius:var(--border-radius-md);color:var(--text-tertiary);font-size:.875rem;padding:.5rem;text-align:center}.auth-switch-mode-button{background:none;border:none;border-radius:4px;color:var(--primary-brand);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;overflow:hidden;padding:.25rem .5rem;position:relative;text-decoration:none;transition:all .3s ease}.auth-switch-mode-button:before{background:linear-gradient(90deg,#0000,rgba(var(--primary-brand-rgb),.2),rgba(var(--primary-brand-rgb),.3),rgba(var(--primary-brand-rgb),.2),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transform:skewX(-20deg);transition:left .5s ease-in-out;width:100%;z-index:1}.auth-switch-mode-button:after{background-color:var(--primary-brand);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0;z-index:2}.auth-switch-mode-button:hover:not(:disabled){background-color:rgba(var(--primary-brand-rgb),.05);color:var(--primary-brand-dark);transform:scale(1.05)}.auth-switch-mode-button:hover:not(:disabled):before{left:100%}.auth-switch-mode-button:hover:not(:disabled):after{width:100%}.auth-switch-mode-button:active:not(:disabled){transform:scale(.98)}.auth-switch-mode-button:disabled{background:none;color:var(--text-tertiary);cursor:not-allowed;transform:none}.auth-login-footer{border-top:1px solid var(--border-secondary);margin-top:2rem;padding-top:1.5rem}.auth-demo-credentials{background-color:var(--background-main);border:1px solid var(--border-secondary);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:.875rem;margin:0 0 1rem;padding:1rem}.auth-demo-credentials strong{color:var(--text-primary)}.auth-login-footer-text{font-size:.75rem;margin:0}.auth-login-footer-text,.auth-login-version{color:var(--text-tertiary);text-align:center}.auth-login-version{font-size:.7rem;font-weight:500;letter-spacing:.02em;margin-top:.5rem;opacity:.7}@media (max-width:480px){.auth-login-container{padding:1rem}.auth-login-card{padding:2rem}.auth-login-title{font-size:1.5rem}}.confirmation-modal-overlay{align-items:center;animation:confirmationModalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirmation-modal-content{animation:confirmationModalSlideIn .3s ease-out;background:#fff;background:var(--bg-color,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:400px;width:90%}[data-theme=dark] .confirmation-modal-content{background:#2a2a2a;background:var(--bg-color,#2a2a2a);border-color:#404040;border-color:var(--border-color,#404040);box-shadow:0 20px 40px #0000004d}.confirmation-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;justify-content:space-between;padding:20px 24px 16px}[data-theme=dark] .confirmation-modal-header{border-bottom-color:#404040;border-bottom-color:var(--border-color,#404040)}.confirmation-modal-title{color:#333;color:var(--text-color,#333);font-size:1.2rem;font-weight:600;margin:0}[data-theme=dark] .confirmation-modal-title{color:#fff;color:var(--text-color,#fff)}.confirmation-modal-close{background:none;border:none;border-radius:4px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:1.5rem;padding:4px;transition:color .2s ease,background-color .2s ease}.confirmation-modal-close:hover{background-color:#f5f5f5;background-color:var(--bg-hover,#f5f5f5);color:#333;color:var(--text-color,#333)}[data-theme=dark] .confirmation-modal-close{color:#ccc;color:var(--text-secondary,#ccc)}[data-theme=dark] .confirmation-modal-close:hover{background-color:#404040;background-color:var(--bg-hover,#404040);color:#fff;color:var(--text-color,#fff)}.confirmation-modal-body{padding:16px 24px 24px}.confirmation-modal-message{color:#666;color:var(--text-secondary,#666);font-size:.95rem;line-height:1.5;margin:0}[data-theme=dark] .confirmation-modal-message{color:#ccc;color:var(--text-secondary,#ccc)}.confirmation-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px}.confirmation-modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;min-width:80px;padding:10px 20px;transition:all .2s ease}.confirmation-modal-btn:disabled{cursor:not-allowed;opacity:.6}.confirmation-modal-cancel{background:#0000;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);color:#666;color:var(--text-secondary,#666)}.confirmation-modal-cancel:hover:not(:disabled){background:#f5f5f5;background:var(--bg-hover,#f5f5f5);color:#333;color:var(--text-color,#333)}[data-theme=dark] .confirmation-modal-cancel{border-color:#404040;border-color:var(--border-color,#404040);color:#ccc;color:var(--text-secondary,#ccc)}[data-theme=dark] .confirmation-modal-cancel:hover:not(:disabled){background:#404040;background:var(--bg-hover,#404040);color:#fff;color:var(--text-color,#fff)}.confirmation-modal-confirm{color:#fff;font-weight:600}.confirmation-modal-confirm--danger{background:linear-gradient(135deg,#dc3545,#c82333)}.confirmation-modal-confirm--danger:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#a71e2a);box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.confirmation-modal-confirm--warning{background:linear-gradient(135deg,#fd7e14,#e8590c)}.confirmation-modal-confirm--warning:hover:not(:disabled){background:linear-gradient(135deg,#e8590c,#d6480b);box-shadow:0 4px 12px #fd7e144d;transform:translateY(-1px)}.confirmation-modal-confirm--info{background:linear-gradient(135deg,#0d6efd,#0b5ed7)}.confirmation-modal-confirm--info:hover:not(:disabled){background:linear-gradient(135deg,#0b5ed7,#0a58ca);box-shadow:0 4px 12px #0d6efd4d;transform:translateY(-1px)}.confirmation-modal-spinner{animation:confirmationModalSpin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes confirmationModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmationModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes confirmationModalSpin{to{transform:rotate(1turn)}}@media (max-width:480px){.confirmation-modal-content{margin:20px;max-width:none;width:95%}.confirmation-modal-header{padding:16px 20px 12px}.confirmation-modal-body{padding:12px 20px 20px}.confirmation-modal-footer{flex-direction:column;padding:0 20px 20px}.confirmation-modal-btn{min-width:0;min-width:auto;width:100%}}.modal-base-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:1000}.modal-base-backdrop--open{opacity:1;visibility:visible}.modal-base{background:#fff;background:var(--background-color,#fff);border-radius:32px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;position:relative;transform:scale(.9) translateY(-10px);transition:transform .2s ease}.modal-base-backdrop--open .modal-base{transform:scale(1) translateY(0)}.modal-base--small{max-width:400px;width:90%}.modal-base--medium{max-width:600px;width:90%}.modal-base--large{max-width:900px;width:90%}.modal-base__header{align-items:flex-start;background:#0000;background:var(--header-background,#0000);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px 12px}.modal-base__title{color:#333;color:var(--text-color,#333);font-size:20px;font-weight:600;line-height:1.2;margin:0}.modal-base__subtitle{font-size:14px;line-height:1.4;margin:4px 0 0}.modal-base__close-button,.modal-base__subtitle{color:#666;color:var(--text-color-secondary,#666)}.modal-base__close-button{background:none;border:none;border-radius:4px;cursor:pointer;flex-shrink:0;font-size:24px;margin:-4px -8px -4px 16px;padding:4px;transition:background-color .2s ease,color .2s ease}.modal-base__close-button:hover{background-color:#0000000d;background-color:var(--hover-background,#0000000d);color:#333;color:var(--text-color,#333)}.modal-base__body{background:#fff;background:var(--background-color,#fff);flex:1 1;overflow-x:hidden;overflow-y:auto}.modal-base__content{padding:16px 20px}.modal-base__footer{background:#fff;background:var(--footer-background,var(--background-color,#fff));border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:12px 20px 16px}.modal-base--form-grid .modal-base__content{grid-gap:16px;display:grid;gap:16px}.modal-base--form-grid .form-grid{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.modal-base--form-grid .form-group{display:flex;flex-direction:column;gap:4px}.modal-base--form-grid .form-group--full-width{grid-column:1/-1}.modal-base--split-panel .modal-base__content{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1px 1fr;height:100%;min-height:400px}.split-panel-left,.split-panel-right{overflow-y:auto;padding:0 20px}.split-panel-left{border-right:1px solid #e0e0e0;border-right:1px solid var(--border-color,#e0e0e0);padding-right:20px}.split-panel-right{padding-left:20px}.split-panel-divider{background:#e0e0e0;background:var(--border-color,#e0e0e0);width:1px}.modal-base--multi-section .modal-base__content,.settings-sections{display:flex;flex-direction:column;gap:16px}.settings-section{background:#fff;background:var(--section-background,var(--background-color,#fff));border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:24px;padding:16px}.settings-section:last-child{margin-bottom:0}.settings-section h3{color:#333;color:var(--text-color,#333);font-size:16px;font-weight:600;margin:0 0 12px}.modal-base__section{background:#fff;border:1px solid #0000000f;border:1px solid var(--section-border,#0000000f);border-radius:12px;margin-bottom:12px;padding:16px;transition:all .2s ease}.modal-base__section:last-child{margin-bottom:0}.modal-base__section--compact{margin-bottom:8px;padding:12px}.modal-base__section-title{color:#333;color:var(--text-color,#333);font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0 0 8px}.modal-base__section--compact .modal-base__section-title{font-size:14px;margin-bottom:6px}.modal-base__section-content{display:flex;flex-direction:column;gap:8px}[data-theme=dark] .modal-base{--background-color:#1a1a1a;--text-color:#fff;--text-color-secondary:#b8b8b8;--border-color:#404040;--hover-background:#ffffff0d;--header-background:#0000;--footer-background:#1a1a1a;--section-background:#2e2e2e;--section-border:#ffffff1a}[data-theme=dark] .modal-base-backdrop{background-color:#000c}[data-theme=dark] .modal-base__body{background:#1a1a1a;background:var(--background-color,#1a1a1a)}[data-theme=dark] .modal-base__section{background:#2e2e2e;border-color:#404040}@media (max-width:1024px) and (min-width:768px){.modal-base--large{max-width:700px}.modal-base--medium{max-width:500px}.modal-base--form-grid .form-grid{grid-template-columns:1fr}}@media (max-width:767px){.modal-base-backdrop{align-items:flex-start;padding:20px 16px 16px}.modal-base{border-radius:12px;margin:0;max-height:calc(100vh - 40px)}.modal-base,.modal-base--large,.modal-base--medium,.modal-base--small{max-width:none;width:100%}.modal-base__header{padding:12px 16px 10px}.modal-base__title{font-size:18px}.modal-base__content{padding:12px 16px}.modal-base__footer{flex-direction:column-reverse;padding:10px 16px 12px}.modal-base__footer button{margin:0;width:100%}.modal-base--split-panel .modal-base__content{gap:20px;grid-template-columns:1fr;grid-template-rows:auto auto}.split-panel-left{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);border-right:none;margin-bottom:0;padding:0 0 20px}.split-panel-right{padding:20px 0 0}.split-panel-divider{display:none}.modal-base--form-grid .form-grid{gap:12px;grid-template-columns:1fr}.modal-base--multi-section .modal-base__content{gap:12px}.settings-section{padding:12px}.modal-base__section{margin-bottom:8px;padding:12px}.modal-base__section--compact{margin-bottom:6px;padding:10px}}@media (max-width:479px){.modal-base-backdrop{padding:10px 8px 8px}.modal-base{border-radius:8px;max-height:calc(100vh - 20px)}.modal-base__header{padding:12px 16px 10px}.modal-base__title{font-size:16px}.modal-base__content{padding:12px 16px}.modal-base__footer{padding:10px 16px 12px}.modal-base--form-grid .form-grid{gap:10px}.modal-base--multi-section .modal-base__content{gap:12px}.settings-section{padding:12px}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalFadeOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-10px)}}.modal-base-backdrop--open .modal-base{animation:modalFadeIn .2s ease forwards}.modal-base :focus-visible{outline:2px solid #007bff;outline:2px solid var(--focus-color,#007bff);outline-offset:2px}.modal-base__close-button:focus-visible{outline:2px solid #007bff;outline:2px solid var(--focus-color,#007bff);outline-offset:-2px}.modal-base .form-input,.modal-base .form-select,.modal-base .form-textarea{background:#fff;background:var(--input-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;color:#333;color:var(--text-color,#333);font-size:14px;padding:7px 10px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.modal-base .form-input:focus,.modal-base .form-select:focus,.modal-base .form-textarea:focus{border-color:#007bff;border-color:var(--focus-color,#007bff);box-shadow:0 0 0 3px #007bff1a;outline:none}.modal-base .form-label{color:#333;color:var(--text-color,#333);display:block;font-size:14px;font-weight:500;margin-bottom:4px}.modal-base .btn{align-items:center;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s ease}.modal-base .btn-primary{background:#007bff;background:var(--primary-color,#007bff);border-color:#007bff;border-color:var(--primary-color,#007bff);color:#fff}.modal-base .btn-primary:hover{background:#0056b3;background:var(--primary-hover,#0056b3);border-color:#0056b3;border-color:var(--primary-hover,#0056b3)}.modal-base .btn-secondary{background:#fff;background:var(--secondary-background,#fff);border-color:#e0e0e0;border-color:var(--border-color,#e0e0e0);color:#333;color:var(--text-color,#333)}.modal-base .btn-secondary:hover{background:#f8f9fa;background:var(--hover-background,#f8f9fa)}.Settings_settings-sections__evWOn{display:flex;flex-direction:column;gap:24px}.Settings_settings-error__7eZSA{background:var(--background-content);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:24px;text-align:center}.Settings_settings-error__7eZSA p{color:var(--text-secondary);margin:0}.Settings_settings-avatar-section__ZaEg6{border-bottom:1px solid var(--border-secondary);margin-bottom:24px;padding-bottom:20px}.Settings_settings-avatar-section__ZaEg6 label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;letter-spacing:-.01em;margin-bottom:14px}.Settings_settings-avatar-upload__HWCu-{align-items:center;display:flex;gap:20px}.Settings_settings-avatar-preview__C3xqu{background:var(--background-content);border:2px solid var(--border-primary);border-radius:50%;box-shadow:0 2px 8px #00000014;cursor:pointer;height:80px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:80px}.Settings_settings-avatar-preview__C3xqu:hover{border-color:var(--primary-brand);box-shadow:0 4px 12px #0000001f;transform:scale(1.05)}[data-theme=dark] .Settings_settings-avatar-preview__C3xqu{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .Settings_settings-avatar-preview__C3xqu:hover{box-shadow:0 4px 12px #0006}.Settings_settings-avatar-preview__C3xqu:hover .Settings_settings-avatar-overlay__yOhFm{opacity:1}.Settings_settings-avatar-image__Eg81R{height:100%;object-fit:cover;width:100%}.Settings_settings-avatar-placeholder__WGPoH{align-items:center;background:var(--background-content);color:var(--text-secondary);display:flex;height:100%;justify-content:center;width:100%}.Settings_settings-avatar-overlay__yOhFm{align-items:center;background:#0009;bottom:0;color:var(--text-on-brand);display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.Settings_settings-avatar-input__0TX3w{display:none}.Settings_settings-avatar-help__k7buR{flex:1 1}.Settings_settings-avatar-help__k7buR p{color:var(--text-secondary);font-size:.875rem;margin:0}.Settings_settings-file-requirements__pleo5{color:var(--text-tertiary)!important;font-size:.75rem!important;margin-top:4px!important}.Settings_settings-profile-form__sje7w{display:flex;flex-direction:column;gap:16px}.Settings_settings-form-grid__LcHJc{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.Settings_settings-form-field__7w1Wk{display:flex;flex-direction:column;gap:6px}.Settings_settings-form-field__7w1Wk.Settings_full-width__Zdmnu{grid-column:1/-1}.Settings_settings-form-field__7w1Wk label{color:var(--text-primary);font-size:.875rem;font-weight:500}.Settings_settings-form-input__tOAu5{background:var(--background-content);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.875rem;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .Settings_settings-form-input__tOAu5:not(.Settings_disabled__QsXak){background:var(--background-main)}.Settings_settings-form-input__tOAu5:hover:not(.Settings_disabled__QsXak){border-color:var(--border-secondary)}.Settings_settings-form-input__tOAu5:focus{background:var(--background-content);border-color:var(--primary-brand);box-shadow:0 0 0 3px #6366f11a;outline:none}[data-theme=dark] .Settings_settings-form-input__tOAu5:focus{background:var(--background-main);box-shadow:0 0 0 3px #6366f133}.Settings_settings-form-input__tOAu5.Settings_disabled__QsXak{background:var(--background-main);color:var(--text-secondary);cursor:not-allowed;opacity:.6}[data-theme=dark] .Settings_settings-form-input__tOAu5.Settings_disabled__QsXak{background:var(--background-content)}.Settings_settings-field-help__CcwJp{color:var(--text-tertiary);font-size:.75rem;margin-top:2px}.Settings_btn__BPxZk{align-items:center;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s ease}.Settings_btn__BPxZk:disabled{cursor:not-allowed;opacity:.6}.Settings_btn-primary__lyTvE{background-color:var(--primary-brand);box-shadow:var(--shadow-sm);color:var(--text-on-brand);transition:all .2s cubic-bezier(.4,0,.2,1)}.Settings_btn-primary__lyTvE:hover:not(:disabled){background-color:var(--primary-brand-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.Settings_btn-primary__lyTvE:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.Settings_btn-primary__lyTvE:focus{box-shadow:0 0 0 3px #6366f14d;outline:none}[data-theme=dark] .Settings_btn-primary__lyTvE:focus{box-shadow:0 0 0 3px #6366f166}.Settings_btn-outline__TcVHA{background:#0000;border:1px solid var(--primary-brand);color:var(--primary-brand)}.Settings_btn-outline__TcVHA:hover:not(:disabled){background:var(--primary-brand);color:var(--text-on-brand)}.Settings_settings-form-actions__Wmqv0{display:flex;justify-content:flex-start;padding-top:12px}.Settings_settings-message__T-Hbl{border:1px solid;border-radius:var(--border-radius-sm);font-size:.875rem;margin:12px 0;padding:8px 12px}.Settings_settings-message-success__ZVSdb{background:#10b9811a;border-color:var(--accent-color);color:#059669}[data-theme=dark] .Settings_settings-message-success__ZVSdb{background:#d4d4d41a;border-color:var(--accent-color);color:var(--accent-color-dark)}.Settings_settings-message-error__BK2gg{background:#ef44441a;border-color:var(--danger-color);color:#dc2626}[data-theme=dark] .Settings_settings-message-error__BK2gg{background:#a0a0a01a;border-color:var(--danger-color);color:var(--text-secondary)}.Settings_settings-spinner__tTWX2{animation:Settings_settings-spin__PeUcF 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--text-on-brand);height:16px;width:16px}@keyframes Settings_settings-spin__PeUcF{to{transform:rotate(1turn)}}.Settings_settings-security-actions__UqvB2{display:flex;flex-direction:column;gap:14px}.Settings_settings-security-item__ZuxHo{align-items:center;background:var(--background-content);border:1px solid var(--border-primary);border-radius:10px;display:flex;justify-content:space-between;padding:18px;transition:all .2s cubic-bezier(.4,0,.2,1)}.Settings_settings-security-item__ZuxHo:hover{border-color:var(--border-secondary);box-shadow:0 2px 8px #0000000f}[data-theme=dark] .Settings_settings-security-item__ZuxHo:hover{box-shadow:0 2px 8px #0000004d}.Settings_settings-security-info__kdK2R h4{color:var(--text-primary);font-size:1rem;font-weight:600;letter-spacing:-.01em;margin:0 0 4px}.Settings_settings-security-info__kdK2R p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.Settings_settings-account-details__Hc39a{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.Settings_settings-detail-item__CaNef{align-items:center;background:var(--background-content);border:1px solid var(--border-primary);border-radius:10px;display:flex;justify-content:space-between;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.Settings_settings-detail-item__CaNef:hover{border-color:var(--border-secondary);box-shadow:0 2px 8px #0000000f}[data-theme=dark] .Settings_settings-detail-item__CaNef:hover{box-shadow:0 2px 8px #0000004d}.Settings_settings-detail-label__EqYOO{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:-.01em}.Settings_settings-detail-value__GY34A{color:var(--text-primary);font-size:.875rem;font-weight:600}.Settings_settings-detail-value__GY34A.Settings_status__uYrrs{border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.03em;padding:4px 10px;text-transform:uppercase}.Settings_settings-detail-value__GY34A.Settings_status__uYrrs.Settings_active__RdcVS{background:#10b9811a;color:#059669}[data-theme=dark] .Settings_settings-detail-value__GY34A.Settings_status__uYrrs.Settings_active__RdcVS{background:#d4d4d426;color:var(--accent-color-dark)}.Settings_settings-detail-value__GY34A.Settings_status__uYrrs.Settings_inactive__CZ-C8{background:#ef44441a;color:#dc2626}[data-theme=dark] .Settings_settings-detail-value__GY34A.Settings_status__uYrrs.Settings_inactive__CZ-C8{background:#a0a0a026;color:var(--danger-color)}.Settings_settings-detail-value__GY34A.Settings_status__uYrrs.Settings_verified__7hOjq{background:#10b9811a;color:#059669}[data-theme=dark] .Settings_settings-detail-value__GY34A.Settings_status__uYrrs.Settings_verified__7hOjq{background:#d4d4d426;color:var(--accent-color-dark)}.Settings_settings-detail-value__GY34A.Settings_status__uYrrs.Settings_unverified__pMytj{background:#fb9f0b1a;color:#d97706}[data-theme=dark] .Settings_settings-detail-value__GY34A.Settings_status__uYrrs.Settings_unverified__pMytj{background:#b8b8b826;color:var(--warning-color)}.Settings_settings-password-form__2afc6{display:flex;flex-direction:column;gap:12px;text-align:left;width:100%}.Settings_settings-password-form__2afc6 .Settings_settings-form-field__7w1Wk{gap:4px}.Settings_settings-password-form__2afc6 .Settings_settings-form-input__tOAu5{box-sizing:border-box;width:100%}.Settings_settings-password-requirements__UXYBw{background:var(--background-content);border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);margin-top:6px;padding:8px}.Settings_settings-password-requirements__UXYBw p{color:var(--text-secondary);font-size:.75rem;font-weight:500;margin:0 0 6px}.Settings_settings-password-requirements__UXYBw ul{color:var(--text-tertiary);font-size:.75rem;margin:0;padding-left:12px}.Settings_settings-password-requirements__UXYBw li{margin-bottom:2px}@media (max-width:768px){.Settings_settings-form-grid__LcHJc{gap:16px;grid-template-columns:1fr}.Settings_settings-avatar-upload__HWCu-{align-items:flex-start;flex-direction:column;gap:16px}.Settings_settings-security-item__ZuxHo{align-items:flex-start;flex-direction:column;gap:12px}.Settings_settings-account-details__Hc39a{grid-template-columns:1fr}.Settings_settings-detail-item__CaNef{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:480px){.Settings_settings-form-actions__Wmqv0{flex-direction:column}.Settings_btn__BPxZk{justify-content:center;width:100%}}.loading-spinner-container{align-items:center;display:flex;justify-content:center;padding:2rem}.loading-spinner-fullscreen{background-color:#fff;background-color:var(--background-color,#fff);height:100vh;width:100%}.loading-spinner-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.loading-spinner-circle{animation:loading-spinner-spin .8s linear infinite;border:4px solid #e5e7eb;border-top-color:#3b82f6;border:4px solid var(--border-color,#e5e7eb);border-radius:50%;border-top-color:var(--primary-color,#3b82f6);height:48px;width:48px}.loading-spinner-message{color:#374151;color:var(--text-color,#374151);font-size:.875rem;font-weight:500;margin:0}@keyframes loading-spinner-spin{to{transform:rotate(1turn)}}[data-theme=dark] .loading-spinner-fullscreen{background-color:#1a1a1a;background-color:var(--background-color,#1a1a1a)}[data-theme=dark] .loading-spinner-circle{border-color:#374151;border-color:var(--border-color,#374151);border-top-color:#60a5fa;border-top-color:var(--primary-color,#60a5fa)}[data-theme=dark] .loading-spinner-message{color:#e5e7eb;color:var(--text-color,#e5e7eb)}.error-notification{align-items:center;animation:error-slide-in .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:12px;justify-content:space-between;max-width:400px;min-width:300px;padding:16px 20px;position:fixed;right:24px;top:80px;z-index:9999}.error-notification-error{background-color:#fff2f0;border-left:4px solid #ff4d4f;color:#5c0011}.error-notification-warning{background-color:#fffbe6;border-left:4px solid #faad14;color:#614700}.error-notification-info{background-color:#e6f7ff;border-left:4px solid #1890ff;color:#003a8c}.error-notification-content{align-items:center;display:flex;flex:1 1;gap:12px}.error-notification-icon{flex-shrink:0;font-size:20px}.error-notification-message{flex:1 1;font-size:14px;line-height:1.5}.error-notification-dismiss{align-items:center;background:none;border:none;border-radius:4px;color:currentColor;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;line-height:1;opacity:.6;padding:0;transition:background-color .2s ease;width:24px}.error-notification-dismiss:hover{background-color:#0000000f;opacity:1}.error-notification-dismiss:active{transform:scale(.95)}@keyframes error-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes error-slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.dark-theme .error-notification-error{background-color:#2a1215;border-left-color:#ff7875;color:#ffccc7}.dark-theme .error-notification-warning{background-color:#2b2111;border-left-color:#ffc53d;color:#ffe58f}.dark-theme .error-notification-info{background-color:#111d2c;border-left-color:#40a9ff;color:#91d5ff}.dark-theme .error-notification-dismiss:hover{background-color:#ffffff1a}@media (max-width:768px){.error-notification{left:12px;max-width:none;min-width:0;right:12px}}
/*# sourceMappingURL=main.23232633.css.map*/