.mobile-input,.mobile-search-input,.mobile-select,.mobile-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:inherit;background:var(--bg-input);color:var(--text-input);transition:var(--transition-all);min-height:var(--size-icon-md)}.mobile-input:focus,.mobile-search-input:focus,.mobile-select:focus,.mobile-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,123,255,.1)}.mobile-input.error,.mobile-search-input.error,.mobile-select.error,.mobile-textarea.error{border-color:var(--color-danger);background:var(--color-danger-light)}.mobile-input.success,.mobile-search-input.success,.mobile-select.success,.mobile-textarea.success{border-color:var(--color-success);background:var(--color-success-light)}.mobile-card,.mobile-project-card,.mobile-task-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);box-shadow:var(--shadow-sm);transition:var(--transition-all);cursor:pointer}.mobile-card:hover,.mobile-project-card:hover,.mobile-task-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.mobile-card.archived,.mobile-project-card.archived,.mobile-task-card.archived{opacity:.7;background:var(--gradient-archived)}.mobile-btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-all);min-height:var(--size-icon-md);display:flex;align-items:center;justify-content:center;text-decoration:none}.mobile-btn.primary{background:var(--color-primary);color:white}.mobile-btn.primary:hover{background:var(--color-primary-hover)}.mobile-btn.secondary{background:var(--bg-card);color:var(--color-primary);border:1px solid var(--color-primary)}.mobile-btn.secondary:hover{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary)}.assistant-message-assistant .mobile-btn.secondary,.assistant-message-user .mobile-btn.secondary{background:var(--bg-card);color:var(--color-primary);border:1px solid var(--color-primary)}.assistant-message-assistant .mobile-btn.secondary:hover,.assistant-message-user .mobile-btn.secondary:hover{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary)}.mobile-btn.danger{background:var(--color-danger);color:white}.mobile-btn.danger:hover{background:var(--color-danger-hover)}.mobile-btn.small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);min-height:var(--size-icon-sm)}.mobile-btn-icon{width:var(--size-icon-md);height:var(--size-icon-md);border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;background:var(--bg-button);color:var(--text-button);border:1px solid var(--border-button);cursor:pointer;transition:var(--transition-all)}.mobile-btn-icon.primary{background:var(--color-primary);color:white;border-color:var(--color-primary)}.mobile-btn-icon.primary:hover{background:var(--color-primary-hover)}.mobile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-sm)}.mobile-modal{background:var(--bg-modal);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);width:100%;max-width:100%;max-height:90vh;overflow-y:auto;position:relative;transform:translateY(100%);transition:transform .3s ease}.mobile-modal.open{transform:translateY(0)}.mobile-details-modal{background:var(--bg-modal);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);width:100%;max-width:100%;max-height:90vh;overflow-y:auto;position:relative;transform:translateY(100%);transition:transform .3s ease;scrollbar-width:thin;scrollbar-color:var(--color-gray-300) transparent}.mobile-details-modal::-webkit-scrollbar{width:6px}.mobile-details-modal::-webkit-scrollbar-track{background:transparent}.mobile-details-modal::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.mobile-details-modal::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.mobile-details-modal.open{transform:translateY(0)}@media (min-width:768px){.mobile-modal-overlay{align-items:center;padding:var(--spacing-lg)}.mobile-modal{max-width:500px;border-radius:var(--radius-lg);transform:scale(.9);transition:transform .3s ease}.mobile-modal.open{transform:scale(1)}.mobile-details-modal{max-width:600px;border-radius:var(--radius-lg);transform:scale(.9);transition:transform .3s ease}.mobile-details-modal.open{transform:scale(1)}}.notes-modal-container{position:relative;z-index:var(--z-dropdown)}.notes-modal-container .mobile-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:flex-start;justify-content:center;z-index:var(--z-dropdown);padding:var(--spacing-sm);margin-top:var(--spacing-sm)}.notes-modal-container .mobile-modal{background:var(--bg-modal);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:500px;max-height:80vh;overflow-y:auto;position:relative;transform:scale(.95);transition:transform .2s ease}.notes-modal-container .mobile-modal.open{transform:scale(1)}@media (max-width:767px){.notes-modal-container .mobile-modal-overlay{align-items:flex-end;padding:var(--spacing-sm)}.notes-modal-container .mobile-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;transform:translateY(100%);transition:transform .3s ease}.notes-modal-container .mobile-modal.open{transform:translateY(0)}}.mobile-header{background:var(--bg-card);padding:var(--spacing-md);border-bottom:1px solid var(--border-card);display:flex;align-items:center;justify-content:flex-start}.mobile-title{font-size:var(--font-size-lg);color:var(--text-card);margin:0}.mobile-menu{position:fixed;top:0;left:-300px;width:300px;height:100vh;background:var(--bg-card);border-right:1px solid var(--border-card);transition:var(--transition-all);z-index:var(--z-index-menu);overflow-y:auto}.mobile-menu.open{left:0}.mobile-menu ul{list-style:none;padding:0;margin:0}.mobile-menu li{border-bottom:1px solid var(--border-card)}.mobile-menu a{display:block;padding:var(--spacing-md);color:var(--text-card);text-decoration:none;transition:var(--transition-colors)}.mobile-menu a:hover{background:var(--bg-secondary);color:var(--color-primary)}.mobile-menu-btn{background:none;border:none;color:var(--text-card);font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:var(--transition-all)}.mobile-menu-btn:hover{background:var(--bg-secondary)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:var(--z-index-overlay);opacity:0;visibility:hidden;transition:var(--transition-all)}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-container{background:var(--bg-secondary)}.mobile-search{margin-bottom:var(--spacing-sm);padding:0}.mobile-projects-container,.mobile-tasks-container{background:var(--bg-secondary)}.projects-form-group label{margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-primary)}.mobile-empty,.mobile-loading{color:var(--text-muted)}.mobile-empty,.mobile-sort{background:var(--bg-card)}.mobile-sort{border-radius:var(--radius-sm)}.mobile-filters{margin-bottom:var(--spacing-sm)}.mobile-advanced-filters{display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--bg-card)}@media (min-width:var(--breakpoint-xs )){.mobile-projects-container,.mobile-tasks-container{padding:var(--spacing-sm)}}@media (min-width:var(--breakpoint-sm )){.mobile-projects-container,.mobile-tasks-container{padding:var(--spacing-md)}}@media (min-width:var(--breakpoint-md )){.mobile-projects-container{max-width:1200px;padding:var(--spacing-lg)}.mobile-projects-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}.mobile-tasks-container{max-width:1200px;padding:var(--spacing-lg)}.mobile-tasks-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}.mobile-sort{flex-wrap:wrap}.mobile-advanced-filters{flex-direction:row;flex-wrap:wrap}}@media (min-width:var(--breakpoint-lg )){.mobile-projects-list,.mobile-tasks-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg)}}@media (min-width:var(--breakpoint-xl )){.mobile-projects-list,.mobile-tasks-list{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-xl)}}.mobile-btn-icon:focus,.mobile-btn:focus,.mobile-card:focus,.mobile-menu-btn:focus,.mobile-project-card:focus,.mobile-task-card:focus{outline:2px solid var(--color-primary);outline-offset:2px}.mobile-card-header{border-bottom:1px solid var(--border-color);border-radius:var(--radius-md) var(--radius-md) 0 0}.mobile-card-content,.mobile-card-header{padding:var(--spacing-md);background:var(--bg-card)}.mobile-card-content{border-radius:0 0 var(--radius-md) var(--radius-md)}.mobile-btn-primary{background:var(--color-primary);color:var(--text-white);border-color:var(--color-primary)}.mobile-btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.mobile-btn-danger{background:var(--color-error);color:var(--text-white);border-color:var(--color-error)}.mobile-btn-danger:hover{background:var(--color-error-dark);border-color:var(--color-error-dark)}.mobile-btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.mobile-btn-secondary:hover{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary)}.mobile-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.mobile-list{list-style:none;padding:0;margin:0}.mobile-list-item{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.mobile-list-item:last-child{border-bottom:none}.mobile-link{color:var(--color-primary);text-decoration:none;transition:var(--transition-colors)}.mobile-link:hover{color:var(--color-primary-dark);text-decoration:underline}.mobile-text-muted{color:var(--text-muted);font-size:var(--font-size-sm)}.light-mode .mobile-card-header{background:white;border-color:var(--color-gray-200)}.dark-mode .mobile-card-header{background:var(--color-gray-800);border-color:var(--color-gray-600)}.light-mode .mobile-card-content{background:white}.dark-mode .mobile-card-content{background:var(--color-gray-800)}.light-mode .mobile-label{color:var(--color-gray-900)}.dark-mode .mobile-label{color:var(--color-gray-100)}.mobile-btn,.mobile-btn-icon,.mobile-card,.mobile-project-card,.mobile-task-card{transition:all .2s ease}.mobile-menu{transition:left .3s ease}.mobile-menu-overlay{transition:opacity .3s ease,visibility .3s ease}.admin-debug-container{position:fixed;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--color-gray-800);color:var(--color-white);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-family:monospace;z-index:var(--z-index-debug);max-width:300px;box-shadow:var(--shadow-medium)}.admin-debug-header{margin-bottom:var(--spacing-sm);font-weight:700}.admin-debug-button{background:var(--color-primary);color:var(--color-white);border:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs);margin-bottom:var(--spacing-sm)}.admin-debug-details{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-gray-700);border-radius:var(--radius-sm)}.admin-debug-detail-item{margin-bottom:var(--spacing-xs)}.admin-debug-status{margin-top:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm);font-weight:700;text-align:center}.admin-debug-status-admin{background:var(--color-success)}.admin-debug-status-user{background:var(--color-error)}.admin-form{margin-bottom:var(--spacing-lg)}.admin-form-label{font-weight:500}.admin-form-button{font-size:var(--font-size-sm);font-weight:500}.admin-form-button:hover:not(:disabled){background:var(--color-primary-hover)}.admin-form-button:disabled{background:var(--color-gray-400);cursor:not-allowed}.admin-form-status{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.admin-form-message--error{background:var(--color-danger-light);color:var(--color-danger-dark);border:1px solid var(--color-danger)}.admin-table{margin-bottom:var(--spacing-lg)}.admin-table-header,.admin-table-row:hover{background:var(--bg-secondary)}.admin-table-row--admin,.admin-table-row--admin:hover{background:var(--color-success-light)}.admin-table-actions{gap:var(--spacing-xs)}.admin-action-button{background:var(--color-primary);color:white;min-height:var(--size-icon-sm);display:flex;align-items:center;justify-content:center}.admin-action-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.admin-action-button:disabled{background:var(--color-gray-400);cursor:not-allowed}.admin-action-button--danger{background:var(--color-danger)}.admin-action-button--danger:hover:not(:disabled){background:var(--color-danger-hover)}.admin-action-button--success{background:var(--color-success)}.admin-action-button--success:hover:not(:disabled){background:var(--color-success-hover)}.admin-modal-overlay{z-index:var(--z-index-modal);padding:var(--spacing-md)}.admin-modal-content{background:var(--bg-modal);box-shadow:var(--shadow-lg);width:100%;max-height:90vh;overflow-y:auto;position:relative}.admin-modal-title{font-weight:600;color:var(--text-modal);margin:0 0 var(--spacing-md) 0;padding:var(--spacing-lg) var(--spacing-lg) 0 var(--spacing-lg)}.admin-modal-message{padding:var(--spacing-md) var(--spacing-lg);color:var(--text-modal);font-size:var(--font-size-sm)}.admin-modal-actions{padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg)}.admin-modal-button{background:var(--color-primary);color:white;font-size:var(--font-size-sm);font-weight:500;min-height:var(--size-icon-md)}.admin-modal-button:hover:not(:disabled){background:var(--color-primary-hover)}.admin-modal-button--secondary:hover:not(:disabled){background:var(--color-gray-700)}.admin-modal-button--danger{background:var(--color-danger)}.admin-modal-button--danger:hover:not(:disabled){background:var(--color-danger-hover)}.admin-sidebar{width:250px;background:var(--bg-sidebar);border-right:1px solid var(--border-primary);height:100vh;position:fixed;left:0;top:0;overflow-y:auto;z-index:var(--z-index-sidebar)}.admin-user-card{padding:var(--spacing-lg);border-bottom:1px solid var(--border-primary);background:var(--bg-card)}.admin-user-name{font-size:var(--font-size-lg);font-weight:600;color:var(--text-card);margin:0 0 var(--spacing-xs) 0}.admin-user-role{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.admin-nav{padding:var(--spacing-md) 0}.admin-nav-button{display:block;padding:var(--spacing-md) var(--spacing-lg);background:none;color:var(--text-primary);text-align:left;transition:var(--transition-all);font-size:var(--font-size-sm);font-weight:500}.admin-nav-button--active{background:var(--color-primary);color:white}.admin-nav-button:not(.admin-nav-button--active):hover{background:var(--bg-secondary);color:var(--color-primary)}.admin-main{margin-left:250px;padding:var(--spacing-lg);min-height:100vh;background:var(--bg-primary)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.admin-stat{background:var(--bg-card);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center}.admin-stat-label{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--spacing-xs) 0}.admin-stat-value{font-size:var(--font-size-xl);color:var(--text-primary);margin:0}.admin-note{background:var(--color-warning-light);color:var(--color-warning-dark);padding:var(--spacing-md);border-radius:var(--radius-sm);border-left:4px solid var(--color-warning);margin:var(--spacing-md) 0;font-size:var(--font-size-sm)}@media (max-width:768px){.admin-form{padding:var(--spacing-md)}.admin-table{font-size:var(--font-size-xs)}.admin-table-cell,.admin-table-header{padding:var(--spacing-sm)}.admin-modal-content{margin:var(--spacing-sm);max-height:calc(100vh - 2 * var(--spacing-sm))}.admin-modal-actions{flex-direction:column}.admin-modal-button{width:100%}.admin-sidebar{width:100%;transform:translateX(-100%);transition:transform .3s ease}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin-left:0;padding:var(--spacing-md)}}.admin-action-button:focus,.admin-modal-button:focus,.admin-nav-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.admin-table-row:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.admin-action-button,.admin-modal-button,.admin-nav-button,.admin-table-row{transition:all .2s ease}.admin-sidebar{transition:transform .3s ease}.assistant-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg);background:var(--bg-primary);min-height:100vh}.assistant-auth-container{max-width:400px;margin:0 auto;padding:var(--spacing-xl);background:var(--bg-card);box-shadow:var(--shadow-lg)}.assistant-message-container{background:var(--bg-card);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);border:1px solid var(--border-card)}.assistant-message-assistant{background:var(--color-gray-100);color:var(--color-gray-800);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);margin-right:var(--spacing-lg);margin-left:var(--spacing-sm);box-shadow:var(--shadow-sm);border-left:4px solid var(--color-primary);text-align:left;border-top-left-radius:var(--radius-xs);border-bottom-left-radius:var(--radius-xs)}.assistant-message-button{background:var(--color-primary);color:white;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-all);margin-right:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.assistant-message-button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.assistant-feedback-container{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-sm)}.assistant-feedback-textarea{min-height:var(--min-height-input);border:2px solid var(--border-primary);font-size:var(--font-size-sm);font-family:inherit;background:var(--bg-input);color:var(--text-input);transition:var(--transition-all)}.assistant-feedback-textarea:focus{box-shadow:0 0 0 3px rgba(0,123,255,.1)}.assistant-details-textarea{min-height:calc(var(--min-height-input) + 50px);border:2px solid var(--border-primary);font-size:var(--font-size-sm);background:var(--bg-input);color:var(--text-input);transition:var(--transition-all)}.assistant-details-textarea:focus{box-shadow:0 0 0 3px rgba(0,123,255,.1)}.assistant-details-display{background:var(--bg-secondary);padding:var(--spacing-md);border:1px solid var(--border-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--text-primary);word-wrap:break-word}.assistant-details-simple-container{background:var(--bg-card);padding:var(--spacing-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md)}.assistant-details-simple-list{list-style:none;padding:0;margin:0}.assistant-details-simple-list--small{font-size:var(--font-size-xs)}.assistant-details-simple-note{background:var(--color-warning-light);color:var(--color-warning-dark);font-size:var(--font-size-xs);margin-top:var(--spacing-sm);border-left:4px solid var(--color-warning)}.assistant-test-container{background:var(--color-success-light);box-shadow:var(--shadow-sm)}.assistant-test-loading{color:var(--color-info);font-style:italic}.assistant-test-error{color:var(--color-danger);font-weight:500}.assistant-test-warning{font-weight:500}.assistant-test-list{margin:var(--spacing-md) 0}.assistant-test-button{background:var(--color-primary);color:white;font-size:var(--font-size-sm);transition:var(--transition-all)}.assistant-test-button-primary{background:var(--color-success)}.assistant-test-button-secondary{background:var(--color-gray-600)}.assistant-test-note{background:var(--color-warning-light);color:var(--color-warning-dark);font-size:var(--font-size-xs);margin-top:var(--spacing-sm);border-left:4px solid var(--color-warning)}.assistant-settings-container{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.assistant-settings-sidebar{background:var(--bg-secondary);padding:var(--spacing-lg);border-right:1px solid var(--border-primary)}.assistant-settings-main{padding:var(--spacing-lg);background:var(--bg-primary)}.rag-file-container{background:var(--bg-card);border:2px dashed var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;margin-bottom:var(--spacing-md);transition:var(--transition-all)}.rag-file-container:hover{border-color:var(--color-primary);background:var(--bg-secondary)}.rag-error-message{background:var(--color-danger-light);color:var(--color-danger-dark);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--color-danger);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.light-mode .assistant-message-assistant{background:var(--color-gray-100);color:var(--color-gray-800)}.dark-mode .assistant-message-assistant{background:var(--color-gray-800);color:var(--color-gray-200)}@media (max-width:768px){.assistant-container{padding:var(--spacing-md)}.assistant-auth-container{margin:var(--spacing-md);padding:var(--spacing-lg)}.assistant-message-container{padding:var(--spacing-md)}.assistant-message-user{margin-left:var(--spacing-sm)}.assistant-message-assistant{margin-right:var(--spacing-sm)}.assistant-settings-container{flex-direction:column}.assistant-settings-sidebar{border-right:none;border-bottom:1px solid var(--border-primary)}}@media (max-width:480px){.assistant-container{padding:var(--spacing-sm)}.assistant-auth-container{margin:var(--spacing-sm);padding:var(--spacing-md)}.assistant-message-container{padding:var(--spacing-sm)}.assistant-test-buttons{flex-direction:column}.assistant-test-button{width:100%}}.assistant-details-textarea:focus,.assistant-feedback-textarea:focus,.assistant-message-button:focus,.assistant-test-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.assistants-layout{display:flex;gap:var(--spacing-lg);min-height:calc(100vh - 200px)}.assistants-accordion-sidebar{flex:0 0 350px;max-height:calc(100vh - 200px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:var(--spacing-lg)}.assistants-main-content{flex:1 1;min-width:0;overflow-y:auto}.assistant-accordion{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-card);overflow:hidden;margin-bottom:var(--spacing-lg)}.assistant-accordion-header{background:var(--bg-secondary);padding:var(--spacing-md);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between}.assistant-accordion-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.assistant-accordion-content{max-height:70vh;overflow-y:auto}.assistant-accordion .accordion{border:none;box-shadow:none}.assistant-accordion .accordion__item{border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);overflow:hidden}.assistant-accordion .accordion__button{background:var(--color-gray-50);color:var(--color-gray-800);font-weight:600;padding:var(--spacing-md);border:none;width:100%;text-align:left;cursor:pointer;transition:var(--transition-default)}.assistant-accordion .accordion__button:hover{background:var(--color-gray-100)}.assistant-accordion .accordion__button[aria-expanded=true]{background:var(--color-primary);color:var(--color-white)}.assistant-accordion .accordion__panel{padding:var(--spacing-md);background:var(--color-white)}.assistant-accordion-project-header{display:flex;align-items:center;gap:var(--spacing-sm)}.assistant-accordion-project-icon{font-size:var(--font-size-lg);flex-shrink:0}.assistant-accordion-project-title{font-size:var(--font-size-md);font-weight:600;flex:1 1}.assistant-accordion-project-count{font-size:var(--font-size-sm);background:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);margin-left:auto}.assistant-accordion-phase-header{display:flex;align-items:center;gap:var(--spacing-sm);padding-left:var(--spacing-xl)}.assistant-accordion-phase-title{font-size:var(--font-size-sm);font-weight:500;flex:1 1;line-height:var(--line-height-normal)}.assistant-accordion-phase-count{font-size:var(--font-size-xs);background:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs);margin-left:auto}.assistant-accordion-phase-header.selected{background:var(--color-primary);color:var(--text-white)}.assistant-accordion-phase-header.selected .assistant-accordion-phase-count{background:var(--text-white);color:var(--color-primary)}.assistant-accordion-phase-select-btn{background:var(--color-primary);color:var(--text-white);border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:var(--transition-all);margin-left:var(--spacing-sm);min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.assistant-accordion-phase-select-btn:hover{background:var(--color-primary-dark);transform:scale(1.05)}.assistant-accordion-phase-select-btn.selected{background:var(--color-success);color:var(--text-white)}.assistant-accordion-phase-select-btn.selected:hover{background:var(--color-success-dark)}.assistant-accordion-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-xl) var(--spacing-sm) var(--spacing-2xl);border-bottom:1px solid var(--border-primary);transition:var(--transition-all)}.assistant-accordion-item:last-child{border-bottom:none}.assistant-accordion-item:hover{background:var(--bg-secondary)}.assistant-accordion-item-header{display:flex;align-items:center;gap:var(--spacing-sm);flex:1 1}.assistant-accordion-item-icon{font-size:var(--font-size-md);flex-shrink:0}.assistant-accordion-item-title{font-size:var(--font-size-sm);color:var(--text-primary);line-height:var(--line-height-normal)}.assistant-accordion-item-actions{flex-shrink:0}.mobile-btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.view-toggle{display:flex;gap:var(--spacing-xs);margin-left:auto}.view-toggle-btn{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:var(--transition-all)}.view-toggle-btn:hover{background:var(--bg-secondary)}.view-toggle-btn.active{background:var(--color-primary);color:var(--text-white);border-color:var(--color-primary)}.assistant-list-content{padding:var(--spacing-md)}.assistant-list-phase-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.assistant-list-phase-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.assistant-list-grid{display:grid;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.assistant-list-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.assistant-list-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.assistant-list-item-header{display:flex;align-items:flex-start;gap:var(--spacing-md);flex:1 1}.assistant-list-item-icon{font-size:var(--font-size-xl);flex-shrink:0;margin-top:var(--spacing-xs)}.assistant-list-item-content{flex:1 1}.assistant-list-item-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;line-height:var(--line-height-normal)}.assistant-list-item-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-sm) 0}.assistant-list-item-meta{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.assistant-list-item-category,.assistant-list-item-model{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary)}.assistant-list-item-actions{flex-shrink:0;display:flex;align-items:center}.assistant-list-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.assistant-catalog{background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden}.assistant-catalog-header{background:var(--bg-card);padding:var(--spacing-lg);border-bottom:1px solid var(--border-primary);display:flex;flex-direction:column;gap:var(--spacing-md)}.assistant-catalog-title{display:flex;align-items:center;gap:var(--spacing-md)}.assistant-catalog-title h2{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0}.assistant-catalog-count{background:var(--color-primary);color:var(--text-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500}.assistant-catalog-filters{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.assistant-catalog-filters-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.assistant-catalog-filter-tag{background:var(--color-primary-light);color:var(--color-primary-dark);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.assistant-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);padding:var(--spacing-lg)}.assistant-catalog-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.assistant-catalog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-primary)}.assistant-catalog-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.assistant-catalog-card-icon{font-size:var(--font-size-2xl)}.assistant-catalog-card-badge{background:var(--color-primary);color:var(--text-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.assistant-catalog-card-content{padding:var(--spacing-lg)}.assistant-catalog-card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;line-height:var(--line-height-normal)}.assistant-catalog-card-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-md) 0}.assistant-catalog-card-meta{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.assistant-catalog-card-model,.assistant-catalog-card-phase{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary)}.assistant-catalog-card-actions{padding:var(--spacing-md);background:var(--bg-secondary);border-top:1px solid var(--border-primary)}.assistant-catalog-empty{text-align:center;padding:var(--spacing-5xl);color:var(--text-secondary)}.assistant-catalog-empty-icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-lg)}.assistant-catalog-empty h3{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.assistant-catalog-empty p{font-size:var(--font-size-md);margin:0}.assistants-controls{background:var(--bg-card);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border:1px solid var(--border-card)}.assistants-clear-filters{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-primary)}@media (max-width:1024px){.assistants-layout{flex-direction:column;gap:var(--spacing-md)}.assistants-accordion-sidebar{flex:none;max-height:50vh;position:static}.assistants-main-content{flex:1 1}}@media (max-width:768px){.assistants-layout{gap:var(--spacing-sm)}.assistants-accordion-sidebar{max-height:40vh}.assistant-accordion{margin-bottom:var(--spacing-md)}.assistant-accordion-content{max-height:60vh}.assistant-accordion-phase-header,.assistant-accordion-project-header{padding:var(--spacing-sm) var(--spacing-md)}.assistant-accordion-phase-header{padding-left:var(--spacing-lg)}.assistant-accordion-item{padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-xl);flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.assistant-accordion-item-header{width:100%}.assistant-accordion-item-actions{width:100%;display:flex;justify-content:flex-end}.mobile-btn-sm{width:auto;min-width:80px}.view-toggle{margin-left:0;margin-top:var(--spacing-sm);justify-content:center}.assistant-list-item{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.assistant-list-item-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.assistant-list-item-icon{margin-top:0}.assistant-list-item-actions{width:100%;justify-content:center}.assistant-list-phase-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.assistant-catalog-grid{grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-md)}.assistant-catalog-card{margin-bottom:var(--spacing-sm)}.assistant-catalog-header{padding:var(--spacing-md)}.assistant-catalog-title{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.assistants-controls{padding:var(--spacing-md)}}@media (max-width:480px){.assistant-accordion-phase-title,.assistant-accordion-project-title{font-size:var(--font-size-sm)}.assistant-accordion-item-title{font-size:var(--font-size-xs)}.assistant-accordion-phase-count,.assistant-accordion-project-count{font-size:var(--font-size-xs);padding:2px var(--spacing-xs)}}.assistant-message-button,.assistant-test-button{transition:all .2s ease}.rag-file-container{transition:all .3s ease}.assistant-message-assistant,.assistant-message-user{animation:messageAppear .3s ease-out}.assistant-accordion-phase-content,.assistant-accordion-project-content{animation:accordionSlideDown .3s ease-out}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes accordionSlideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.project-actions-container{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}.project-actions-row{display:flex;gap:var(--spacing-sm);align-items:center}.project-actions-select{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--bg-input);color:var(--text-input);cursor:pointer;transition:var(--transition-all);min-height:var(--size-icon-md);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;background-size:12px;padding-right:30px}.project-actions-select:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,123,255,.1)}.project-actions-option{padding:var(--spacing-sm);background:var(--bg-input);color:var(--text-input);font-weight:500}.project-actions-option:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.project-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);line-height:var(--line-height-tight)}.project-role{background:var(--color-primary);color:white;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.project-description{color:var(--text-secondary);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md);position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.project-description:after{content:"...";position:absolute;right:0;bottom:0;background:var(--bg-card);padding-left:var(--spacing-xs)}.project-description.expandable{cursor:pointer;transition:var(--transition-all)}.project-description.expandable:active{color:var(--color-primary)}.project-card-footer{padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary)}.project-type{background:var(--bg-secondary);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.project-form-group{margin-bottom:var(--spacing-lg)}.project-form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}.project-form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--bg-input);color:var(--text-input);transition:var(--transition-all)}.project-form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,123,255,.1)}.project-form-textarea{width:100%;min-height:calc(var(--min-height-input) + 20px);padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:inherit;background:var(--bg-input);color:var(--text-input);resize:vertical;transition:var(--transition-all)}.project-form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,123,255,.1)}.project-message{padding:var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);border:1px solid transparent}.project-message--error{background:var(--color-danger-light);color:var(--color-danger-dark);border-color:var(--color-danger)}.project-message--success{background:var(--color-success-light);color:var(--color-success-dark);border-color:var(--color-success)}.project-message--info{background:var(--color-info-light);color:var(--color-info-dark);border-color:var(--color-info)}.project-layout{display:grid;grid-template-columns:1fr 300px;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);min-height:100vh}.project-layout__content{background:var(--bg-primary)}.project-layout__content,.project-layout__sidebar{padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.project-layout__sidebar{background:var(--bg-card);height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:var(--spacing-lg)}.project-layout__main{background:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-primary)}.project-header__title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0}.project-header__actions{display:flex;gap:var(--spacing-sm);align-items:center}.project-meta-badges{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.project-actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.project-action-button{background:var(--color-primary);color:white;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;gap:var(--spacing-xs)}.project-action-button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.project-action-button--primary{background:var(--color-primary)}.project-action-button--primary:hover{background:var(--color-primary-hover)}.project-action-button--danger{background:var(--color-danger)}.project-action-button--danger:hover{background:var(--color-danger-hover)}.project-tasks-section{background:var(--bg-card);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.tasks-section-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-primary)}.tasks-section-header>div{gap:var(--spacing-sm);align-items:center}.project-notes-section{background:var(--bg-card);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.notes-section-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-primary)}.notes-section-header>div{gap:var(--spacing-sm);align-items:center}@media (max-width:768px){.project-layout{grid-template-columns:1fr;gap:var(--spacing-md)}.project-layout__sidebar{position:static;order:-1}.project-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.project-header__actions{width:100%;justify-content:flex-end}.project-actions-container,.project-actions-row{flex-direction:column;align-items:stretch}.project-actions-select{width:100%}}@media (max-width:480px){.project-layout__content,.project-layout__main,.project-layout__sidebar{padding:var(--spacing-md)}.project-header__actions{flex-direction:column;width:100%}.project-action-button{width:100%;justify-content:center}.project-meta-badges{justify-content:center}.project-actions-select{font-size:var(--font-size-base);padding:var(--spacing-md);min-height:48px;border-width:2px;background-size:16px;padding-right:40px}.project-actions-option{padding:var(--spacing-md);font-size:var(--font-size-base);min-height:44px;display:flex;align-items:center}}.project-action-button:focus,.project-actions-select:focus,.project-form-input:focus,.project-form-textarea:focus{outline:2px solid var(--color-primary);outline-offset:2px}.project-action-button,.project-card-footer,.project-card-header{transition:all .2s ease}.project-message{animation:slideInError .3s ease-out}@keyframes slideInError{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.task-action-button{background:var(--color-primary);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;transition:var(--transition-all);display:flex;min-height:var(--touch-target-comfort);min-width:var(--touch-target-comfort);gap:var(--spacing-xs);position:relative}.task-action-button:focus,.task-action-button:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.task-action-button:focus{outline:2px solid var(--color-primary)}.task-action-arrow{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;transition:var(--transition-all);margin-left:var(--spacing-xs)}.task-action-menu{position:absolute;top:100%;right:0;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:var(--z-index-dropdown);min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition-all)}.task-action-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.task-action-menu-item{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);transition:var(--transition-all);font-size:var(--font-size-sm)}.task-action-menu-item:focus,.task-action-menu-item:hover{background:var(--bg-secondary);color:var(--color-primary)}.task-action-menu-item:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.task-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.task-description,.task-title{line-height:var(--line-height-tight)}.task-description{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.task-card-footer{padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary);flex-wrap:wrap;gap:var(--spacing-sm)}.task-echeance,.task-priority{background:var(--bg-secondary);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.task-card-actions{gap:var(--spacing-xs)}.action-btn{background:var(--color-gray-600);color:white;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);transition:var(--transition-all);min-height:var(--size-icon-sm);display:flex}.action-btn:hover{background:var(--color-gray-700);transform:translateY(-1px)}.task-status{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:80px;text-align:center}.task-status.ouverte{background:var(--color-info-light);color:var(--color-info-dark);border:1px solid var(--color-info)}.task-status.archivée{background:var(--color-gray-200);color:var(--color-gray-700);border:1px solid var(--color-gray-400)}.task-status.en-cours{background:var(--color-warning-light);color:var(--color-warning-dark);border:1px solid var(--color-warning)}.task-status.terminée{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success)}.task-form-group{margin-bottom:var(--spacing-lg)}.task-form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-primary)}.task-form-group input,.task-form-group select,.task-form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--bg-input);color:var(--text-input);transition:var(--transition-all)}.task-form-group input:focus,.task-form-group select:focus,.task-form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,123,255,.1)}.task-form-actions{justify-content:flex-end;flex-wrap:wrap}.task-details{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.detail-section h3{font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-primary)}.detail-section p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.detail-actions{justify-content:flex-end;margin-top:var(--spacing-lg)}@media (max-width:480px){.task-action-button{width:100%;justify-content:center}.task-action-arrow{margin-left:var(--spacing-sm)}.task-action-menu{right:auto;left:0;min-width:100%}.task-action-menu-item{padding:var(--spacing-md)}.task-card-footer{flex-direction:column;align-items:stretch}.task-card-actions{justify-content:center}.action-btn{flex:1 1}.task-form-actions{flex-direction:column}.task-form-actions .action-btn{width:100%}.detail-actions{flex-direction:column}.detail-actions .action-btn{width:100%}}.action-btn:focus,.task-action-button:focus,.task-action-menu-item:focus,.task-form-group input:focus,.task-form-group select:focus,.task-form-group textarea:focus{outline:2px solid var(--color-primary);outline-offset:2px}.action-btn,.task-action-button{transition:all .2s ease}.task-action-menu{transition:all .3s ease}.task-card-footer,.task-card-header,.task-status{transition:all .2s ease}.task-action-menu.open{animation:slideDown .3s ease-out}.help-container{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);padding:var(--spacing-lg);width:100%;background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.help-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.help-section{padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-card);box-shadow:var(--shadow-sm)}.help-faq,.help-section{background:var(--bg-card)}.help-faq{padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--border-card);margin-bottom:var(--spacing-sm)}.help-content{color:var(--text-primary);line-height:var(--line-height-normal)}.help-highlight{background:var(--color-primary-light);color:var(--text-primary);padding:var(--spacing-sm);border-radius:var(--radius-sm);border-left:4px solid var(--color-primary);margin:var(--spacing-sm) 0}@media (max-width:768px){.help-container{gap:var(--spacing-md)}.help-container,.help-section{padding:var(--spacing-md)}.help-grid{gap:var(--spacing-sm)}}@media (min-width:769px){.help-container{gap:var(--spacing-xl)}.help-container,.help-grid{grid-template-columns:1fr 1fr}}.auth-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-body);position:relative;overflow:hidden}.light-mode .auth-page{background:var(--bg-primary)}.auth-page__header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);text-align:center;z-index:var(--z-index-header);position:relative}.auth-page__logo{display:inline-block;padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-primary-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid var(--color-primary);transition:var(--transition-all)}.auth-page__logo:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.auth-page__title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;letter-spacing:2px}.auth-page__subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:var(--spacing-xs) 0 0;font-weight:var(--font-weight-light)}.auth-page__main{flex:1 1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);z-index:var(--z-index-content);position:relative}.auth-page__container{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-xxl);gap:var(--spacing-xxl);max-width:1200px;width:100%;align-items:center}.auth-page__form-section{display:flex;justify-content:center;align-items:center}.auth-form--modern{background:var(--bg-card);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius-lg);padding:var(--spacing-xxl);border:1px solid var(--border-card);box-shadow:var(--shadow-lg);max-width:450px;width:100%;transition:var(--transition-all)}.auth-form--modern:hover{background:var(--color-primary-light);transform:translateY(-5px);box-shadow:var(--shadow-xl)}.auth-form__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs);text-align:center}.auth-form__description{font-size:var(--font-size-base);color:var(--text-secondary);text-align:center;margin:0 0 var(--spacing-xl);line-height:var(--line-height-tight)}.auth-form__field{margin-bottom:var(--spacing-lg);position:relative}.auth-form__field .input-container{margin-bottom:0}.auth-form__field .mobile-input{background:var(--bg-input);border:1px solid var(--border-input);color:var(--text-input);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-all)}.auth-form__field .mobile-input::placeholder{color:var(--text-secondary)}.auth-form__field .mobile-input:focus{background:var(--bg-input);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.auth-form__field .mobile-input--error{border-color:var(--color-danger);background:var(--color-danger-light)}.password-toggle{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-all);font-size:var(--font-size-lg)}.password-toggle:hover{color:var(--text-primary);background:var(--bg-secondary)}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.auth-form__actions{display:flex;gap:var(--spacing-md);margin:var(--spacing-xl) 0;flex-wrap:wrap}.auth-form__submit{flex:1 1;min-width:200px}.auth-form__reset{min-width:120px}.auth-form__links{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0;flex-wrap:wrap}.auth-form__link{font-size:var(--font-size-sm);transition:var(--transition-all);padding:var(--spacing-xs);border-radius:var(--radius-sm)}.auth-form__link,.auth-form__link:hover{color:var(--text-primary);text-decoration:none}.auth-form__link:hover{background:var(--bg-secondary)}.auth-form__separator{color:var(--text-secondary);font-size:var(--font-size-xs)}.auth-page__info-section{display:flex;justify-content:center;align-items:center}.auth-page__info-card{background:var(--bg-card);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius-lg);padding:var(--spacing-xxl);border:1px solid var(--border-card);box-shadow:var(--shadow-lg);transition:var(--transition-all);max-width:400px;width:100%}.auth-page__info-card:hover{background:var(--color-primary-light);transform:translateY(-5px);box-shadow:var(--shadow-xl)}.auth-page__info-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-md);text-align:center}.auth-page__info-description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-normal);margin:0 0 var(--spacing-xl);text-align:center}.auth-page__features{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-page__feature{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);transition:var(--transition-all)}.auth-page__feature:hover{background:var(--bg-secondary);transform:translateX(5px)}.feature-icon{font-size:var(--font-size-lg);width:2rem;text-align:center;color:var(--text-primary)}.feature-text{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.auth-page__footer{padding:var(--spacing-xl);text-align:center;z-index:var(--z-index-footer);position:relative}.auth-page__footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.auth-page__footer-text{color:var(--text-primary);font-size:var(--font-size-sm);margin:0}.auth-page__footer-links{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center}.auth-page__footer-link{color:var(--text-primary);text-decoration:none;font-size:var(--font-size-sm);transition:var(--transition-all);padding:var(--spacing-xs);border-radius:var(--radius-sm)}.auth-page__footer-link:hover{color:var(--text-primary);background:var(--bg-secondary);text-decoration:none}.auth-form__error--global,.auth-form__info,.auth-form__success,.auth-form__warning{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);position:relative}.auth-form__error--global{background:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger)}.auth-form__warning{background:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-warning)}.auth-form__info{background:var(--color-info-light);border:1px solid var(--color-info);color:var(--color-info)}.auth-form__success{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}@media (max-width:1024px){.auth-page__container{grid-template-columns:1fr;gap:var(--spacing-xl)}}@media (max-width:768px){.auth-page__header{padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md)}.auth-page__logo{padding:var(--spacing-md) var(--spacing-lg)}.auth-page__title{font-size:var(--font-size-xl)}.auth-page__main{padding:var(--spacing-md)}.auth-page__container{gap:var(--spacing-lg)}.auth-form--modern,.auth-page__info-card{padding:var(--spacing-xl)}.auth-form__actions{flex-direction:column}.auth-form__reset,.auth-form__submit{width:100%;min-width:auto}.auth-page__footer{padding:var(--spacing-lg) var(--spacing-md)}.auth-page__footer-links{gap:var(--spacing-md)}}@media (max-width:480px){.auth-page__title{font-size:var(--font-size-lg)}.auth-page__subtitle{font-size:var(--font-size-sm)}.auth-form--modern,.auth-page__info-card{padding:var(--spacing-lg)}.auth-form__title,.auth-page__info-title{font-size:var(--font-size-lg)}}.auth-form--modern,.auth-page,.auth-page__feature,.auth-page__info-card,.auth-page__logo{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-page__feature{animation-delay:calc(var(--feature-index, 0) * .1s)}.auth-form__link:focus,.auth-page__footer-link:focus,.password-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.auth-form--modern,.auth-page,.auth-page__feature,.auth-page__info-card,.auth-page__logo{animation:none;transition:none}}:root{--color-primary:#007bff;--color-primary-light:#b3d7ff;--color-primary-dark:#003d82;--color-primary-hover:#0056b3;--color-success:#28a745;--color-success-light:#d4edda;--color-success-dark:#1e7e34;--color-warning:#ffc107;--color-warning-light:#fff3cd;--color-warning-dark:#856404;--color-error:#dc2626;--color-error-light:#fef2f2;--color-error-dark:#991b1b;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-info-dark:#1e40af;--color-blue-500:#2563eb;--color-red-600:#dc2626;--color-green-600:#16a34a;--color-orange-600:#d97706;--color-blue-400:#3498db;--color-slate-50:#f8fafc;--color-slate-900:#0f172a;--color-slate-500:#64748b;--color-red-500:#e74c3c;--color-cyan-50:#e0f2fe;--color-slate-800:#1e293b;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--bg-dark:#2e2e2e;--bg-darker:#1a1a1a;--bg-light:#f5f5f5;--text-primary:#333333;--text-secondary:#666666;--text-muted:#999999;--text-light:#e0e0e0;--text-white:#ffffff;--text-dark:#222222;--font-size-2xs:0.75rem;--font-size-xs:0.8rem;--font-size-sm:0.875rem;--font-size-base:0.9em;--font-size-lg:1.1em;--font-size-xl:1.2em;--font-size-2xl:2em;--line-height-tight:1.5;--line-height-normal:1.6;--line-height-relaxed:1.7;--font-size-mobile-title:clamp(1.25rem,4vw,2rem);--font-size-mobile-subtitle:clamp(1rem,3vw,1.5rem);--font-size-mobile-text:clamp(0.875rem,2.5vw,1rem);--font-size-mobile-caption:clamp(0.75rem,2vw,0.875rem);--border-primary:#e0e0e0;--border-secondary:#cccccc;--border-light:#f0f0f0;--bg-card:var(--bg-primary);--bg-input:var(--bg-primary);--bg-button:var(--bg-primary);--bg-modal:var(--bg-primary);--bg-sidebar:var(--bg-secondary);--text-card:var(--text-primary);--text-input:var(--text-primary);--text-button:var(--text-primary);--text-modal:var(--text-primary);--text-sidebar:var(--text-primary);--border-card:var(--border-primary);--border-input:var(--border-primary);--border-button:var(--border-primary);--border-modal:var(--border-primary);--bg-body:var(--bg-dark);--bg-container:var(--bg-dark);--bg-footer:var(--bg-dark);--text-body:var(--text-light);--text-container:var(--text-light);--text-footer:var(--text-light);--gradient-archived:linear-gradient(135deg,#fff9c4,#ffffff);--border-dark:#4a5568;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--spacing-4xl:40px;--spacing-5xl:48px;--padding-xs-tight:2px 6px;--padding-sm-tight:4px 12px;--padding-md-tight:6px 10px;--padding-em:0.3em 0.6em;--padding-fixed:20px;--size-icon-sm:36px;--size-icon-md:40px;--size-content-sm:200px;--size-content-md:250px;--size-content-lg:300px;--size-container:1200px;--size-full:100%;--min-height-input:100px;--size-spinner:30px;--size-spinner-border:4px;--size-icon-xl:50px;--size-icon-2xl:80px;--size-padding-xs:2px;--size-padding-sm:4px;--size-padding-md:8px;--size-padding-lg:16px;--size-padding-xl:20px;--size-padding-2xl:40px;--size-padding-3xl:50px;--size-radius-xs:2px;--size-radius-sm:5px;--size-radius-md:8px;--size-radius-lg:10px;--size-font-xs:1em;--size-font-sm:2em;--size-font-md:5em;--size-font-lg:9em;--touch-target-min:44px;--touch-target-comfort:48px;--touch-target-large:56px;--touch-spacing:8px;--radius-none:0;--radius-xs:4px;--radius-2xs:5px;--radius-3xs:6px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:20px;--radius-4xl:16px;--radius-5xl:20px;--radius-full:50%;--radius-pill:50%;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 2px 4px rgba(0,0,0,0.1);--shadow-lg:0 4px 8px rgba(0,0,0,0.2);--shadow-xl:0 8px 16px rgba(0,0,0,0.3);--shadow-2xl:0 16px 32px rgba(0,0,0,0.4);--shadow-small:0 1px 3px rgba(0,0,0,0.12);--shadow-medium:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-medium-dark:0 4px 6px -1px rgba(0,0,0,0.3);--shadow-large:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-focus-primary:0 0 0 3px rgba(0,123,255,0.1);--shadow-focus-success:0 0 0 3px rgba(40,167,69,0.1);--shadow-focus-warning:0 0 0 3px rgba(255,193,7,0.1);--shadow-focus-danger:0 0 0 3px rgba(220,53,69,0.1);--transition-fast:all 0.15s ease;--transition-normal:all 0.2s ease;--transition-slow:all 0.3s ease;--transition-color:background-color 0.3s ease,color 0.3s ease;--transition-all:all 0.2s ease;--transition-respectful:all 0.2s ease;--transition-focus:all 0.15s ease;--transition-hover:all 0.2s ease;--transition-transform:transform 0.2s ease;--transition-opacity:opacity 0.2s ease;--transition-default:all 0.2s ease;--transition-colors:color 0.2s ease,background-color 0.2s ease;--breakpoint-xs:320px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1200px;--breakpoint-2xl:1400px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-header:1040;--z-modal-backdrop:1050;--z-modal:1060;--z-popover:1070;--z-tooltip:1070;--z-toast:1080;--z-floating:1000;--z-debug:9999}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;transition:background-color .3s ease,color .3s ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-body);color:var(--text-body);line-height:1.7;margin:0;padding:0;display:flex;flex-direction:column}.light-mode{background-color:#f5f5f5!important;color:#333!important}.light-mode .container,.light-mode footer,.light-mode header{background-color:var(--bg-card)!important;color:var(--text-card)!important}.light-mode .markdown-content{color:#222!important}.light-mode a{color:#007bff!important}.light-mode a:hover{color:#0056b3!important}.dark-mode{--bg-card:#2e2e2e;--bg-input:#2e2e2e;--bg-button:#2e2e2e;--bg-modal:#2e2e2e;--bg-sidebar:#1a1a1a;--text-card:#ffffff;--text-input:#ffffff;--text-button:#ffffff;--text-modal:#ffffff;--text-sidebar:#ffffff;--border-card:#4a5568;--border-input:#4a5568;--border-button:#4a5568;--border-modal:#4a5568;--bg-body:#2e2e2e;--bg-container:#2e2e2e;--bg-footer:#2e2e2e;--text-body:#e0e0e0;--text-container:#e0e0e0;--text-footer:#e0e0e0}.container{width:100%;padding:var(--padding-fixed);background-color:var(--bg-container);border-radius:var(--radius-lg);flex:1 1}.scroll-container{height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.scroll-container::-webkit-scrollbar{display:none}.scroll-to-bottom-btn{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);color:var(--color-white);border:none;border-radius:var(--radius-full);width:var(--size-icon-md);height:var(--size-icon-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-default);z-index:var(--z-index-floating)}.light-mode .scroll-to-bottom-btn,.scroll-to-bottom-btn{background-color:var(--color-primary);box-shadow:var(--shadow-medium)}.dark-mode .scroll-to-bottom-btn{background-color:var(--color-primary-dark);box-shadow:var(--shadow-medium-dark)}@media (max-width:768px){.scroll-to-bottom-btn{width:var(--size-icon-sm);height:var(--size-icon-sm);bottom:var(--spacing-md);right:var(--spacing-md)}}.chat-layout-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--bg-primary)}.chat-layout-main{flex:1 1;display:flex;flex-direction:column;overflow:hidden;padding:0}.light-mode .chat-layout-container{background-color:var(--bg-primary)}.dark-mode .chat-layout-container{background-color:var(--bg-dark)}@media (max-width:768px){.chat-layout-container{height:100vh}.chat-layout-main{padding:0}}.assistant-test-container{padding:var(--spacing-lg);background-color:var(--color-success-light);border-radius:var(--radius-md);border:2px solid var(--color-success);margin-bottom:var(--spacing-lg)}.assistant-test-error,.assistant-test-loading{padding:var(--spacing-lg);text-align:center}.assistant-test-error{color:var(--color-error)}.assistant-test-warning{padding:var(--spacing-lg);text-align:center;color:var(--color-warning)}.assistant-test-list{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.assistant-test-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.assistant-test-button{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-white);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-default)}.assistant-test-button-primary{background-color:var(--color-primary)}.assistant-test-button-secondary{background-color:var(--color-secondary)}.assistant-test-note{margin-top:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--color-warning-light);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.light-mode .assistant-test-container{background-color:var(--color-success-light);border-color:var(--color-success)}.dark-mode .assistant-test-container{background-color:var(--color-success-dark);border-color:var(--color-success)}.light-mode .assistant-test-note{background-color:var(--color-warning-light)}.dark-mode .assistant-test-note{background-color:var(--color-warning-dark)}@media (max-width:768px){.assistant-test-container{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.assistant-test-buttons{flex-direction:column}.assistant-test-button{width:100%}}.dashboard-bar--dynamic-height,.dashboard-bar-feedback-negative--dynamic,.dashboard-bar-feedback-positive--dynamic,.supervision-card-icon--dynamic,.supervision-card-value--dynamic{transition:var(--transition-default)}.spinner-rotate{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pwa-prompt-container{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-white);padding:var(--spacing-md);z-index:var(--z-index-floating);box-shadow:var(--shadow-medium)}.pwa-prompt-content{display:flex;align-items:center;justify-content:space-between;max-width:var(--size-container);margin:0 auto}.pwa-prompt-text{flex:1 1}.pwa-prompt-title{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:600}.pwa-prompt-description{margin:0;font-size:var(--font-size-sm);opacity:.9}.pwa-prompt-buttons{display:flex;gap:var(--spacing-sm);align-items:center}.pwa-prompt-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:700;transition:var(--transition-default);border:none}.pwa-prompt-button-install{background-color:var(--color-white);color:var(--color-primary)}.pwa-prompt-button-install:hover{background-color:var(--color-gray-100)}.pwa-prompt-button-dismiss{background-color:transparent;color:var(--color-white);border:1px solid rgba(255,255,255,.3)}.pwa-prompt-button-dismiss:hover{background-color:rgba(255,255,255,.1)}.pwa-prompt-button-never{background-color:transparent;color:rgba(255,255,255,.7);border:none;padding:var(--spacing-xs)}.pwa-prompt-button-never:hover{color:var(--color-white)}.light-mode .pwa-prompt-container{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:var(--shadow-medium)}.dark-mode .pwa-prompt-container{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-secondary-dark));box-shadow:var(--shadow-medium-dark)}@media (max-width:768px){.pwa-prompt-content{flex-direction:column;gap:var(--spacing-sm);text-align:center}.pwa-prompt-buttons{width:100%;justify-content:center}.pwa-prompt-button{flex:1 1;min-width:0}}.context-menu{position:fixed;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);box-shadow:var(--shadow-medium);z-index:var(--z-index-modal);min-width:var(--size-content-lg);padding:var(--spacing-xs)}.context-menu-item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-gray-700);text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-default);font-size:var(--font-size-sm)}.context-menu-item:hover{background:var(--color-gray-100);color:var(--color-primary)}.light-mode .context-menu{background:var(--color-white);border-color:var(--color-gray-300)}.dark-mode .context-menu{background:var(--color-gray-800);border-color:var(--color-gray-600)}.light-mode .context-menu-item{color:var(--color-gray-700)}.dark-mode .context-menu-item{color:var(--color-gray-200)}.light-mode .context-menu-item:hover{background:var(--color-gray-100);color:var(--color-primary)}.dark-mode .context-menu-item:hover{background:var(--color-gray-700);color:var(--color-primary-light)}.message-component{display:flex;flex-direction:column;padding:var(--spacing-md);border-radius:var(--radius-md);max-width:90%;box-shadow:var(--shadow-small);transition:var(--transition-default);position:relative}.message-component--user{background-color:var(--color-primary-light);margin-left:var(--spacing-lg);margin-right:var(--spacing-sm);border-left:4px solid var(--color-primary)}.message-component--user .message-content{color:var(--color-primary-dark)}.message-component--assistant{background-color:var(--color-blue-50);color:var(--color-gray-800);margin-left:var(--spacing-sm);margin-right:var(--spacing-lg)}.message-component--editing{opacity:.9;transform:scale(1.02)}.message-edit-container{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.message-edit-textarea{width:100%;padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-primary);background-color:var(--color-white);color:var(--color-gray-800);resize:vertical;min-height:var(--min-height-input);font-family:inherit;font-size:inherit;transition:var(--transition-fast);outline:none}.message-edit-textarea:focus{box-shadow:var(--shadow-medium);border-color:var(--color-primary)}.message-button-container{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.message-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:none;background-color:var(--color-primary);color:var(--color-white);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-small);font-size:var(--font-size-base)}.message-button:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-medium)}.message-button--cancel{background-color:var(--color-primary);color:var(--color-white)}.message-content{line-height:1.6;white-space:pre-wrap;word-break:break-word;font-weight:400}.light-mode .message-component--assistant{background-color:var(--color-blue-50);color:var(--color-gray-800)}.dark-mode .message-component--assistant{background-color:var(--color-blue-900);color:var(--color-blue-300)}.light-mode .message-component--user{background-color:var(--color-primary-light);color:var(--color-primary-dark);border-left:4px solid var(--color-primary)}.dark-mode .message-component--user{background-color:var(--color-primary-dark);color:var(--color-primary-light);border-left:4px solid var(--color-primary)}.light-mode .message-edit-textarea{background-color:var(--color-white);color:var(--color-gray-800)}.dark-mode .message-edit-textarea{background-color:var(--color-gray-800);color:var(--color-gray-200);border-color:var(--color-primary-light)}@media (max-width:768px){.message-component{max-width:95%}}.assistant-details-textarea{width:100%;height:var(--size-content-sm);overflow-y:scroll;resize:vertical;padding:var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-family:inherit;font-size:inherit;background-color:var(--color-white);color:var(--color-gray-800);transition:var(--transition-default)}.assistant-details-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-small)}.assistant-details-display{max-height:var(--size-content-sm);overflow-y:auto;border:1px solid var(--color-gray-300);padding:var(--spacing-sm);border-radius:var(--radius-sm);white-space:pre-wrap;background-color:var(--color-gray-50);color:var(--color-gray-800)}.light-mode .assistant-details-textarea{background-color:var(--color-white);border-color:var(--color-gray-300);color:var(--color-gray-800)}.dark-mode .assistant-details-textarea{background-color:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-200)}.light-mode .assistant-details-display{background-color:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-gray-800)}.dark-mode .assistant-details-display{background-color:var(--color-gray-700);border-color:var(--color-gray-600);color:var(--color-gray-200)}.assistant-details-simple-container{padding:var(--spacing-lg);background-color:var(--color-error-light);border-radius:var(--radius-md);border:2px solid var(--color-error);margin-bottom:var(--spacing-lg)}.assistant-details-simple-list,.assistant-details-simple-list--small{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.assistant-details-simple-list--small{font-size:var(--font-size-sm)}.assistant-details-simple-note{padding:var(--spacing-sm);background-color:var(--color-warning-light);border-radius:var(--radius-sm);margin-top:var(--spacing-md)}.light-mode .assistant-details-simple-container{background-color:var(--color-error-light);border-color:var(--color-error)}.dark-mode .assistant-details-simple-container{background-color:var(--color-error-dark);border-color:var(--color-error)}.light-mode .assistant-details-simple-note{background-color:var(--color-warning-light)}.dark-mode .assistant-details-simple-note{background-color:var(--color-warning-dark)}.message-actions-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm);align-items:center}.message-action-button{padding:var(--spacing-sm) var(--spacing-md);margin:0 var(--spacing-sm);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-default);font-weight:700;position:relative;overflow:hidden;box-shadow:var(--shadow-small)}.message-action-button:hover{background-color:var(--color-primary-dark);color:var(--color-white);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.message-action-button:active{transform:translateY(0);box-shadow:var(--shadow-small)}.message-actions-rating-container{display:flex;gap:var(--spacing-sm);align-items:center}.message-actions-rating-button{padding:var(--spacing-sm);margin:0 var(--spacing-sm);background-color:var(--color-gray-800);color:var(--color-white);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-default);font-weight:700;position:relative;overflow:hidden;box-shadow:var(--shadow-small)}.message-actions-rating-button:hover{background-color:var(--color-primary);transform:scale(1.1);box-shadow:var(--shadow-medium)}.message-actions-rating-button:first-child:hover{background-color:var(--color-success);color:var(--color-white)}.message-actions-rating-button:last-child:hover{background-color:var(--color-error);color:var(--color-white)}.message-actions-rating-button:active{transform:scale(.95);box-shadow:var(--shadow-small)}.message-actions-rating-button--active{animation:pulse .3s ease-out}.message-actions-rating-button--active-up{background-color:var(--color-success)!important}.message-actions-rating-button--active-down{background-color:var(--color-error)!important}.message-actions-feedback-container{width:100%;margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.message-actions-feedback-textarea{width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);border:2px solid var(--color-gray-600);background-color:var(--color-gray-100);color:var(--color-gray-800);resize:vertical;transition:var(--transition-default);font-size:1rem;outline:none;box-shadow:var(--shadow-small)}.message-actions-feedback-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light),var(--shadow-medium)}.message-actions-submit-button{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-default);font-weight:600}.message-actions-submit-button:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.light-mode .message-action-button{background-color:var(--color-primary);color:var(--color-white)}.dark-mode .message-action-button{background-color:var(--color-gray-800);color:var(--color-white)}.light-mode .message-action-button:hover{background-color:var(--color-primary-dark)}.dark-mode .message-action-button:hover{background-color:var(--color-primary)}.light-mode .message-actions-rating-button{background-color:var(--color-gray-800);color:var(--color-white)}.dark-mode .message-actions-rating-button{background-color:var(--color-gray-700);color:var(--color-white)}.light-mode .message-actions-rating-button:hover{background-color:var(--color-primary)}.dark-mode .message-actions-rating-button:hover{background-color:var(--color-primary-light)}.light-mode .message-actions-rating-button:first-child:hover{background-color:var(--color-success);color:var(--color-white)}.light-mode .message-actions-rating-button:last-child:hover{background-color:var(--color-error);color:var(--color-white)}.dark-mode .message-actions-rating-button:first-child:hover{background-color:var(--color-success);color:var(--color-white)}.dark-mode .message-actions-rating-button:last-child:hover{background-color:var(--color-error);color:var(--color-white)}.light-mode .message-actions-feedback-textarea{background-color:var(--color-gray-100);border-color:var(--color-gray-600);color:var(--color-gray-800)}.dark-mode .message-actions-feedback-textarea{background-color:var(--color-gray-800);border-color:var(--color-gray-500);color:var(--color-gray-200)}.light-mode .message-actions-feedback-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light),var(--shadow-medium)}.dark-mode .message-actions-feedback-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-dark),var(--shadow-medium)}@media (max-width:768px){.message-action-button{padding:var(--spacing-md);min-width:auto}.message-actions-rating-button{width:40px!important;height:40px!important}}.error-display-container{padding:var(--spacing-md);margin-bottom:var(--spacing-md);background-color:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error-dark)}.error-display-list{margin:0;padding:0 0 0 var(--spacing-md);list-style:disc}.error-display-item{margin-bottom:var(--spacing-sm)}.error-display-item:last-child{margin-bottom:0!important}.error-display-content{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:rgba(255,78,78,.1);border:1px solid var(--color-error);border-radius:var(--radius-md);margin:var(--spacing-md) 0;box-shadow:var(--shadow-small);transition:var(--transition-default)}.error-display-text{margin:0;color:var(--color-error);font-size:var(--font-size-base);font-weight:700;line-height:1.5;display:flex;align-items:center;gap:var(--spacing-sm);padding-left:24px;position:relative}.error-display-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:var(--font-size-lg);line-height:1}.light-mode .error-display-container{background-color:var(--color-error-light);border-color:var(--color-error);color:var(--color-error-dark)}.dark-mode .error-display-container{background-color:var(--color-error-dark);border-color:var(--color-error);color:var(--color-error-light)}.light-mode .error-display-content{background-color:rgba(255,78,78,.1);border-color:var(--color-error)}.dark-mode .error-display-content{background-color:rgba(255,78,78,.2);border-color:var(--color-error)}.light-mode .error-display-text{color:var(--color-error)}.dark-mode .error-display-text{color:var(--color-error-light)}.under-construction-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:var(--color-gray-50);text-align:center;padding:var(--spacing-lg)}.under-construction-title{font-size:var(--font-size-2xl);color:var(--color-gray-800)}.under-construction-message{font-size:var(--font-size-xl);color:var(--color-gray-600);margin-top:var(--spacing-sm)}.under-construction-loader{margin-top:var(--spacing-lg);width:50px;height:50px;border-top:5px solid var(--color-gray-300);border:5px solid var(--color-gray-300);border-top-color:var(--color-primary);border-radius:var(--radius-pill);animation:spin 1s linear infinite}.light-mode .under-construction-container{background-color:var(--color-gray-50)}.dark-mode .under-construction-container{background-color:var(--color-gray-900)}.light-mode .under-construction-title{color:var(--color-gray-800)}.dark-mode .under-construction-title{color:var(--color-gray-200)}.light-mode .under-construction-message{color:var(--color-gray-600)}.dark-mode .under-construction-message{color:var(--color-gray-400)}.light-mode .under-construction-loader{border-color:var(--color-gray-300);border-top-color:var(--color-primary)}.dark-mode .under-construction-loader{border-color:var(--color-gray-600);border-top-color:var(--color-primary)}.message-input-container{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-gray-100);border-top:1px solid var(--color-gray-800);position:-webkit-sticky;position:sticky;bottom:0;z-index:1;transition:var(--transition-default)}.message-input-textarea{flex:1 1;padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-primary);background-color:var(--color-gray-100);color:var(--color-gray-800);resize:none;font-family:inherit;font-size:inherit;transition:var(--transition-fast);outline:none}.message-input-textarea:focus{box-shadow:var(--shadow-medium);border-color:var(--color-primary)}.message-input-textarea:disabled{border-color:var(--color-gray-800);background-color:var(--color-gray-800);color:var(--color-white);opacity:.7;cursor:not-allowed}.message-input-button{padding:var(--spacing-sm) var(--spacing-md);min-width:80px;height:auto;border-radius:var(--radius-sm);border:none;background-color:var(--color-primary);color:var(--color-white);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-small);display:flex;align-items:center;justify-content:center}.message-input-button:not(:disabled):hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-medium)}.message-input-button:disabled{background-color:var(--color-gray-800);cursor:not-allowed;opacity:.7}.message-input-button--streaming{background-color:var(--color-error)}.message-input-button--loading{animation:pulse 2s infinite}.light-mode .message-input-container{background-color:var(--color-gray-100);border-top-color:var(--color-gray-800)}.dark-mode .message-input-container{background-color:var(--color-gray-900);border-top-color:var(--color-gray-600)}.light-mode .message-input-textarea{background-color:var(--color-gray-100);border-color:var(--color-primary);color:var(--color-gray-800)}.dark-mode .message-input-textarea{background-color:var(--color-gray-800);border-color:var(--color-primary);color:var(--color-gray-200)}.light-mode .message-input-textarea:disabled{border-color:var(--color-gray-800);background-color:var(--color-gray-800);color:var(--color-white)}.dark-mode .message-input-textarea:disabled{border-color:var(--color-gray-600);background-color:var(--color-gray-600);color:var(--color-gray-300)}.dark-mode .message-input-button,.light-mode .message-input-button{background-color:var(--color-primary);color:var(--color-white)}.light-mode .message-input-button:disabled{background-color:var(--color-gray-800)}.dark-mode .message-input-button:disabled{background-color:var(--color-gray-600)}@media (max-width:768px){.message-input-button{padding:var(--spacing-sm);min-width:60px}}.loading-state-container{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);color:var(--color-gray-600);background-color:var(--color-gray-100);border-radius:var(--radius-md);margin:var(--spacing-md) 0}.loading-state-spinner{margin-right:var(--spacing-sm)}.typing-indicator-container{display:flex;align-items:flex-start;margin:var(--spacing-md) 0;padding:0 var(--spacing-md)}.typing-indicator-content{display:flex;align-items:flex-start;gap:var(--spacing-sm);max-width:80%}.typing-indicator-avatar{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-small)}.typing-indicator-avatar-icon{font-size:16px;filter:grayscale(.2)}.typing-indicator-bubble{background:var(--color-gray-100);border-radius:18px 18px 18px 4px;padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-small);display:flex;align-items:center;gap:var(--spacing-sm);min-width:60px}.typing-indicator-dots{display:flex;gap:4px;align-items:center}.typing-dot{width:8px;height:8px;border-radius:50%;background:var(--color-gray-500);animation:typingPulse 1.4s ease-in-out infinite}.typing-dot-1{animation-delay:0s}.typing-dot-2{animation-delay:.2s}.typing-dot-3{animation-delay:.4s}.typing-indicator-text{font-size:var(--font-size-xs);color:var(--color-gray-600);font-style:italic;white-space:nowrap}@keyframes typingPulse{0%,60%,to{transform:scale(.8);opacity:.5}30%{transform:scale(1);opacity:1}}.typing-cursor{display:inline-block;color:var(--color-primary);font-weight:700;animation:cursorBlink 1s infinite;margin-left:2px}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.caret-check{display:inline-flex;align-items:center;margin-left:4px;opacity:0;animation:fadeInCheck .2s ease-out forwards,fadeOutCheck .6s ease-in .8s forwards}.caret-blink{display:inline-block;width:.6ch;height:1em;vertical-align:middle;background-color:currentColor;opacity:.8;border-radius:1px;margin-left:2px;animation:cursorBlink 1s infinite}@keyframes fadeInCheck{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeOutCheck{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.follow-ups-container{margin-top:var(--spacing-md);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:flex-start}.follow-up-chip{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--color-gray-200);border-radius:var(--radius-pill);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:700;line-height:1.4;cursor:pointer;transition:all var(--transition-fast);max-width:100%;word-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.follow-up-chip:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-small)}.follow-up-chip:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.follow-up-chip:disabled{opacity:.5;cursor:not-allowed;background:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--text-muted)}.follow-up-chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.light-mode .follow-up-chip{background:var(--color-gray-50);border-color:var(--color-gray-200);color:var(--color-gray-800)}.light-mode .follow-up-chip:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.dark-mode .follow-up-chip{background:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-200)}.dark-mode .follow-up-chip:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary);color:var(--color-primary-light)}@media (max-width:1024px) and (min-width:769px){.follow-ups-container{gap:var(--spacing-sm)}.follow-up-chip{max-width:calc(50% - var(--spacing-xs));white-space:normal;text-overflow:clip;overflow:visible;min-height:40px}}@media (max-width:768px){.follow-ups-container{margin-top:var(--spacing-sm);gap:var(--spacing-xs);flex-direction:column;align-items:stretch}.follow-up-chip{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);max-width:100%;width:100%;white-space:normal;text-overflow:clip;overflow:visible;text-align:left;justify-content:flex-start;min-height:44px;display:flex;align-items:center}}@media (max-width:480px){.follow-up-chip{padding:var(--spacing-md) var(--spacing-sm);font-size:var(--font-size-xs);line-height:1.3}}.light-mode .loading-state-container{color:var(--color-gray-600);background-color:var(--color-gray-100)}.dark-mode .loading-state-container{color:var(--color-gray-400);background-color:var(--color-gray-800)}.light-mode .typing-indicator-bubble{background:var(--color-gray-100);box-shadow:var(--shadow-small)}.dark-mode .typing-indicator-bubble{background:var(--color-gray-800);box-shadow:var(--shadow-small)}.light-mode .typing-indicator-text{color:var(--color-gray-600)}.dark-mode .typing-indicator-text{color:var(--color-gray-400)}.light-mode .typing-dot{background:var(--color-gray-500)}.dark-mode .typing-dot{background:var(--color-gray-400)}.light-mode .typing-cursor{color:var(--color-primary)}.dark-mode .typing-cursor{color:var(--color-primary-light)}.project-header-container{display:flex;align-items:center;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.assistant-details{padding:var(--spacing-lg)}.conversation-stats{margin:var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.conversation-stats p{margin:0;font-size:var(--font-size-sm);line-height:1.5}.stats-highlight{color:var(--color-primary);font-weight:600;background-color:var(--color-primary-light);padding:var(--padding-xs-tight);border-radius:var(--radius-sm);border:1px solid var(--color-primary-lighter)}.light-mode .conversation-stats{background-color:var(--color-gray-50);border-color:var(--color-gray-200)}.dark-mode .conversation-stats{background-color:var(--color-gray-800);border-color:var(--color-gray-600)}.light-mode .stats-highlight{color:var(--color-primary);background-color:var(--color-primary-light);border-color:var(--color-primary-lighter)}.dark-mode .stats-highlight{color:var(--color-primary-light);background-color:var(--color-primary-dark);border-color:var(--color-primary)}.assistant-list{list-style:none;padding:0}.assistant-list li{padding:var(--spacing-sm);border-bottom:1px solid var(--color-gray-200);cursor:pointer;transition:var(--transition-fast)}.assistant-list li:hover{background-color:var(--color-gray-50)}.light-mode .assistant-list li{border-bottom-color:var(--color-gray-200)}.light-mode .assistant-list li:hover{background-color:var(--color-gray-50)}.dark-mode .assistant-list li{border-bottom-color:var(--color-gray-600)}.dark-mode .assistant-list li:hover{background-color:var(--color-gray-800)}.state-display{padding:var(--spacing-md)}.state-display.error-state{color:var(--color-error)}.state-display.success-state{color:var(--color-success)}.state-display.warning-state{color:var(--color-warning)}.state-display.info-state{color:var(--color-primary)}.state-icon{font-size:var(--font-size-xl)}.state-icon,.state-spinner{margin-bottom:var(--spacing-sm)}.state-spinner{border-top:4px solid var(--color-gray-300);border:4px solid var(--color-gray-300);border-top-color:var(--color-primary);border-radius:var(--radius-pill);width:var(--size-icon-md);height:var(--size-icon-md)}.state-message{margin:0}.state-error-details{color:var(--color-gray-600);font-size:var(--font-size-base);margin-top:var(--spacing-sm)}.light-mode .state-display.error-state{color:var(--color-error)}.dark-mode .state-display.error-state{color:var(--color-error-light)}.light-mode .state-display.success-state{color:var(--color-success)}.dark-mode .state-display.success-state{color:var(--color-success-light)}.light-mode .state-display.warning-state{color:var(--color-warning)}.dark-mode .state-display.warning-state{color:var(--color-warning-light)}.light-mode .state-display.info-state{color:var(--color-primary)}.dark-mode .state-display.info-state{color:var(--color-primary-light)}.light-mode .state-error-details{color:var(--color-gray-600)}.dark-mode .state-error-details{color:var(--color-gray-400)}.tooltip{background:var(--color-gray-800);color:var(--color-white);border-radius:var(--radius-md);z-index:1000;box-shadow:var(--shadow-large);animation:tooltipFadeIn .2s ease-out;max-width:var(--size-content-lg);min-width:200px;word-wrap:break-word;white-space:normal;line-height:1.4;text-align:center}.tooltip-arrow{border:6px solid transparent}.tooltip-top{bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:var(--spacing-sm)}.tooltip-top .tooltip-arrow{top:100%;border-top-color:var(--color-gray-800)}.tooltip-bottom{top:100%;left:50%;transform:translateX(-50%);margin-top:var(--spacing-sm)}.tooltip-bottom .tooltip-arrow{bottom:100%;border-bottom-color:var(--color-gray-800)}.tooltip-left{right:100%;top:50%;transform:translateY(-50%);margin-right:var(--spacing-sm)}.tooltip-left .tooltip-arrow{left:100%;border-left-color:var(--color-gray-800)}.tooltip-right{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--spacing-sm)}.tooltip-right .tooltip-arrow{right:100%;border-right-color:var(--color-gray-800)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.light-mode .tooltip{background:var(--color-gray-800);color:var(--color-white)}.dark-mode .tooltip{background:var(--color-gray-700);color:var(--color-white)}.light-mode .tooltip-top .tooltip-arrow{border-top-color:var(--color-gray-800)}.dark-mode .tooltip-top .tooltip-arrow{border-top-color:var(--color-gray-700)}.light-mode .tooltip-bottom .tooltip-arrow{border-bottom-color:var(--color-gray-800)}.dark-mode .tooltip-bottom .tooltip-arrow{border-bottom-color:var(--color-gray-700)}.light-mode .tooltip-left .tooltip-arrow{border-left-color:var(--color-gray-800)}.dark-mode .tooltip-left .tooltip-arrow{border-left-color:var(--color-gray-700)}.light-mode .tooltip-right .tooltip-arrow{border-right-color:var(--color-gray-800)}.dark-mode .tooltip-right .tooltip-arrow{border-right-color:var(--color-gray-700)}@media (max-width:768px){.tooltip{font-size:var(--font-size-xs);padding:var(--padding-md-tight);max-width:var(--size-content-md);min-width:150px}}.save-sidebar{background-color:var(--color-gray-50);border-left:1px solid var(--color-gray-600);width:15px;position:fixed;top:60px;bottom:0;padding:var(--spacing-lg);overflow-y:auto;color:var(--color-gray-800);transition:var(--transition-default);right:0}.save-sidebar.expanded{width:600px;height:100vh;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid var(--color-gray-600);border-radius:var(--radius-md);right:auto}.sidebar-header{display:flex;justify-content:space-between;align-items:center}.action-button,.expand-button{background-color:var(--color-primary);color:var(--color-white);border:none;padding:var(--spacing-sm);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-default);font-weight:700;margin-right:var(--spacing-xs)}.action-button:hover,.expand-button:hover{background-color:var(--color-primary-light)}.actions{display:flex;justify-content:flex-start;margin-bottom:var(--spacing-sm)}.saved-content{white-space:pre-wrap;color:var(--color-gray-600);overflow-y:auto;height:calc(100% - 100px)}.edit-area,.saved-content{font-size:var(--font-size-sm);line-height:1.5}.edit-area{width:100%;height:100%;padding:var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);resize:none;box-sizing:border-box}.light-mode .save-sidebar{background-color:var(--color-gray-50);border-left-color:var(--color-gray-600);color:var(--color-gray-800)}.dark-mode .save-sidebar{background-color:var(--color-gray-800);border-left-color:var(--color-gray-400);color:var(--color-gray-200)}.light-mode .save-sidebar.expanded{border-color:var(--color-gray-600)}.dark-mode .save-sidebar.expanded{border-color:var(--color-gray-400)}.dark-mode .action-button,.dark-mode .expand-button,.light-mode .action-button,.light-mode .expand-button{background-color:var(--color-primary);color:var(--color-white)}.light-mode .action-button:hover,.light-mode .expand-button:hover{background-color:var(--color-primary-light)}.dark-mode .action-button:hover,.dark-mode .expand-button:hover{background-color:var(--color-primary-dark)}.light-mode .saved-content{color:var(--color-gray-600)}.dark-mode .saved-content{color:var(--color-gray-400)}.light-mode .edit-area{border-color:var(--color-gray-300)}.dark-mode .edit-area{border-color:var(--color-gray-600)}.filters-container{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);align-items:center}.filter-reset-btn{border:1px solid var(--color-gray-300);padding:var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);line-height:1.2;box-sizing:border-box;margin:0;transition:none}.filter-reset-btn,.filter-reset-btn:hover{background:none;color:inherit}.project-documents-select{padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-gray-300)}.modal-actions{margin-top:var(--spacing-md);gap:var(--spacing-md)}.project-documents-section{margin-top:0;background-color:var(--color-gray-50);padding:var(--spacing-lg);border-radius:var(--radius-md)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);border-bottom:2px solid var(--color-gray-200);padding-bottom:var(--spacing-sm)}.section-header>div{display:flex;gap:var(--spacing-md)}.add-doc-button{background:var(--color-primary);color:var(--color-white);border:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-default)}.add-doc-button:hover{background:var(--color-primary-dark)}.go-to-top-button{background:none;border:1px solid var(--color-primary);color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);transition:var(--transition-default)}.go-to-top-button:hover{background:var(--color-primary);color:var(--color-white)}.project-documents-table{width:100%;border-collapse:collapse;background-color:var(--color-white)}.project-documents-table td,.project-documents-table th{text-align:left;padding:var(--spacing-sm);border-bottom:1px solid var(--color-gray-200)}.project-documents-table th{background-color:var(--color-gray-100)}.actions-cell{display:flex;gap:var(--spacing-xs)}.action-btn{padding:var(--padding-em);font-size:var(--font-size-lg);transition:var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;color:inherit}.action-btn:hover{background:var(--color-gray-100)}.light-mode .project-documents-section{background-color:var(--color-gray-50)}.dark-mode .project-documents-section{background-color:var(--color-gray-800)}.light-mode .section-header{border-bottom-color:var(--color-gray-200)}.dark-mode .section-header{border-bottom-color:var(--color-gray-600)}.light-mode .project-documents-table{background-color:var(--color-white)}.dark-mode .project-documents-table{background-color:var(--color-gray-800)}.light-mode .project-documents-table th{background-color:var(--color-gray-100)}.dark-mode .project-documents-table th{background-color:var(--color-gray-700)}.light-mode .project-documents-table td,.light-mode .project-documents-table th{border-bottom-color:var(--color-gray-200)}.dark-mode .project-documents-table td,.dark-mode .project-documents-table th{border-bottom-color:var(--color-gray-600)}.documents-badge,.light-mode .action-btn:hover{background:var(--color-gray-100)}.documents-badge{display:inline-flex;align-items:center;padding:var(--padding-sm-tight);border-radius:var(--radius-4xl);cursor:pointer;font-size:.9rem;color:var(--color-gray-800);border:1px solid var(--color-gray-300);transition:var(--transition-fast)}.documents-badge:hover{background:var(--color-gray-200)}.light-mode .documents-badge{background:var(--color-gray-100);color:var(--color-gray-800);border-color:var(--color-gray-300)}.light-mode .documents-badge:hover{background:var(--color-gray-200)}.dark-mode .documents-badge{background:var(--color-gray-700);color:var(--color-gray-200);border-color:var(--color-gray-600)}.dark-mode .documents-badge:hover{background:var(--color-gray-600)}.notes-filters{display:flex;flex-direction:column;gap:.75rem;margin-bottom:var(--spacing-md);align-items:stretch}.project-notes-section{margin-top:0;background-color:var(--color-gray-100);padding:var(--spacing-sm);border-radius:var(--radius-md)}.notes-section-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--color-gray-200);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.notes-list,.notes-section-header>div{display:flex;gap:var(--spacing-md)}.notes-list{flex-direction:column}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-sm)}.note-category{font-weight:600;background-color:var(--color-primary-light);color:var(--color-primary-dark);padding:var(--padding-md-tight);border-radius:var(--radius-5xl);font-size:var(--font-size-sm)}.note-meta{font-size:.75rem;color:var(--color-gray-600)}.note-content{font-size:1rem;line-height:1.6;color:var(--color-gray-800);margin-bottom:var(--spacing-sm)}.note-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);justify-content:flex-end}.light-mode .project-notes-section{background-color:var(--color-gray-100)}.dark-mode .project-notes-section{background-color:var(--color-gray-800)}.light-mode .notes-section-header{border-bottom-color:var(--color-gray-200)}.dark-mode .notes-section-header{border-bottom-color:var(--color-gray-600)}.light-mode .note-category{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.dark-mode .note-category{background-color:var(--color-primary-dark);color:var(--color-primary-light)}.light-mode .note-meta{color:var(--color-gray-600)}.dark-mode .note-meta{color:var(--color-gray-400)}.light-mode .note-content{color:var(--color-gray-800)}.dark-mode .note-content{color:var(--color-gray-200)}@media (max-width:768px){.note-header{flex-direction:column;align-items:flex-start}.note-actions{flex-direction:column;gap:var(--spacing-sm)}.note-item{padding:var(--spacing-sm)}}.notes-badge{display:inline-flex;align-items:center;padding:var(--padding-sm-tight);background:var(--color-gray-100);border-radius:var(--radius-4xl);cursor:pointer;font-size:.9rem;color:var(--color-gray-800);border:1px solid var(--color-gray-300);transition:var(--transition-fast)}.notes-badge:hover{background:var(--color-gray-200)}.light-mode .notes-badge{background:var(--color-gray-100);color:var(--color-gray-800);border-color:var(--color-gray-300)}.light-mode .notes-badge:hover{background:var(--color-gray-200)}.dark-mode .notes-badge{background:var(--color-gray-700);color:var(--color-gray-200);border-color:var(--color-gray-600)}.dark-mode .notes-badge:hover{background:var(--color-gray-600)}.project-tasks-section{margin-top:0;background-color:var(--color-gray-100);padding:var(--spacing-sm);border-radius:var(--radius-md)}.tasks-section-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--color-gray-200);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.tasks-section-header>div{display:flex;gap:var(--spacing-md)}.light-mode .project-tasks-section{background-color:var(--color-gray-100)}.dark-mode .project-tasks-section{background-color:var(--color-gray-800)}.light-mode .tasks-section-header{border-bottom-color:var(--color-gray-200)}.dark-mode .tasks-section-header{border-bottom-color:var(--color-gray-600)}.tasks-badge{display:inline-flex;align-items:center;padding:var(--padding-sm-tight);background:var(--color-gray-100);border-radius:var(--radius-4xl);cursor:pointer;font-size:.9rem;color:var(--color-gray-800);border:1px solid var(--color-gray-300);transition:var(--transition-fast);margin-left:.75rem}.tasks-badge:hover{background:var(--color-gray-200)}.light-mode .tasks-badge{background:var(--color-gray-100);color:var(--color-gray-800);border-color:var(--color-gray-300)}.light-mode .tasks-badge:hover{background:var(--color-gray-200)}.dark-mode .tasks-badge{background:var(--color-gray-700);color:var(--color-gray-200);border-color:var(--color-gray-600)}.dark-mode .tasks-badge:hover{background:var(--color-gray-600)}.mobile-task-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.task-form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.task-form-group label{font-weight:600;color:var(--color-gray-800);font-size:var(--font-size-sm)}.date-range-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.task-form-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.light-mode .task-form-group label{color:var(--color-gray-800)}.dark-mode .task-form-group label{color:var(--color-gray-200)}@media (min-width:768px){.date-range-group{flex-direction:row;gap:var(--spacing-md)}.date-range-group .task-form-group{flex:1 1}.task-form-actions{justify-content:flex-end}}.sort-btn{padding:var(--spacing-xs) var(--spacing-sm);transition:var(--transition-default)}.light-mode .mobile-sort{background:var(--color-white);box-shadow:var(--shadow-sm)}.dark-mode .mobile-sort{background:var(--color-gray-800);box-shadow:var(--shadow-sm)}@media (min-width:768px){.mobile-sort{flex-wrap:wrap}}.contact-content{background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md)}.contact-content p{color:var(--color-gray-700);font-size:1rem;line-height:1.6;margin:0 0 var(--spacing-md) 0}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:var(--spacing-lg) 0}.contact-notice{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-sm);border-left:4px solid var(--color-primary)}.contact-notice h3{color:var(--color-gray-800);font-size:1.125rem;font-weight:700;margin:0 0 var(--spacing-sm) 0}.contact-notice p{color:var(--color-gray-600);font-size:var(--font-size-sm);line-height:1.5;margin:0}.light-mode .contact-content{background:var(--color-white);box-shadow:var(--shadow-sm)}.dark-mode .contact-content{background:var(--color-gray-800);box-shadow:var(--shadow-sm)}.light-mode .contact-content p{color:var(--color-gray-700)}.dark-mode .contact-content p{color:var(--color-gray-300)}.light-mode .contact-notice{background:var(--color-gray-50);border-left-color:var(--color-primary)}.dark-mode .contact-notice{background:var(--color-gray-700);border-left-color:var(--color-primary)}.light-mode .contact-notice h3{color:var(--color-gray-800)}.dark-mode .contact-notice h3{color:var(--color-gray-200)}.light-mode .contact-notice p{color:var(--color-gray-600)}.dark-mode .contact-notice p{color:var(--color-gray-400)}.faq-content{background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md)}.faq-content h2{color:var(--color-gray-800);font-size:1.25rem;font-weight:700;margin:0 0 var(--spacing-md) 0}.accordion{border:none;box-shadow:none}.accordion__item{border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);overflow:hidden}.accordion__button{background:var(--color-gray-50);color:var(--color-gray-800);font-weight:600;padding:var(--spacing-md);border:none;width:100%;text-align:left;cursor:pointer;transition:var(--transition-default)}.accordion__button:hover{background:var(--color-gray-100)}.accordion__button[aria-expanded=true]{background:var(--color-primary);color:var(--color-white)}.accordion__panel{padding:var(--spacing-md);background:var(--color-white)}.accordion__panel p{color:var(--color-gray-700);font-size:var(--font-size-sm);line-height:1.6;margin:0}.light-mode .faq-content{background:var(--color-white);box-shadow:var(--shadow-sm)}.dark-mode .faq-content{background:var(--color-gray-800);box-shadow:var(--shadow-sm)}.light-mode .faq-content h2{color:var(--color-gray-800)}.dark-mode .faq-content h2{color:var(--color-gray-200)}.light-mode .accordion__item{border-color:var(--color-gray-300)}.dark-mode .accordion__item{border-color:var(--color-gray-600)}.light-mode .accordion__button{background:var(--color-gray-50);color:var(--color-gray-800)}.dark-mode .accordion__button{background:var(--color-gray-700);color:var(--color-gray-200)}.light-mode .accordion__button:hover{background:var(--color-gray-100)}.dark-mode .accordion__button:hover{background:var(--color-gray-600)}.dark-mode .accordion__button[aria-expanded=true],.light-mode .accordion__button[aria-expanded=true]{background:var(--color-primary);color:var(--color-white)}.light-mode .accordion__panel{background:var(--color-white)}.dark-mode .accordion__panel{background:var(--color-gray-800)}.light-mode .accordion__panel p{color:var(--color-gray-700)}.dark-mode .accordion__panel p{color:var(--color-gray-300)}.tutorial-filter-container{margin-bottom:var(--spacing-md)}.tutorials-grid{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;margin:0}.mobile-filters{justify-content:center}.mobile-filters .mobile-btn{flex:1 1;min-width:120px;text-align:center}.tutorial-card{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-all);border:1px solid var(--border-color);margin-bottom:var(--spacing-sm)}.tutorial-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.tutorial-link{text-decoration:none;color:inherit}.tutorial-card h3{color:var(--text-primary);font-size:1rem;font-weight:700;margin:0 0 var(--spacing-sm) 0}.tutorial-meta{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.tutorial-category{background:var(--color-primary-light);color:var(--color-primary-dark)}.tutorial-category,.tutorial-level{padding:4px var(--spacing-sm);border-radius:var(--radius-xs);font-size:.75rem;font-weight:700}.tutorial-level{background:var(--color-info-light);color:var(--color-info-dark)}.dark-mode .tutorial-card,.light-mode .tutorial-card{background:var(--bg-card);box-shadow:var(--shadow-sm);border-color:var(--border-color)}.dark-mode .tutorial-card:hover,.light-mode .tutorial-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.dark-mode .tutorial-card h3,.light-mode .tutorial-card h3{color:var(--text-primary)}.light-mode .tutorial-category{background:var(--color-blue-50);color:var(--color-blue-700)}.dark-mode .tutorial-category{background:var(--color-blue-900);color:var(--color-blue-300)}.light-mode .tutorial-level{background:var(--color-purple-50);color:var(--color-purple-700)}.dark-mode .tutorial-level{background:var(--color-purple-900);color:var(--color-purple-300)}.presentation-content{background:var(--color-white);border-radius:var(--radius-md);padding:var(
    --spacing-md
  );box-shadow:var(--shadow-sm);margin-top:0;margin-bottom:var(--spacing-md)}.presentation-content h2{color:var(--color-gray-800);font-size:1.5rem;font-weight:700;margin:0 0 var(--spacing-md) 0}.presentation-content h3{color:var(--color-gray-800);font-size:1.25rem;font-weight:700;margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.presentation-content h4{color:var(--color-gray-700);font-size:1rem;font-weight:700;margin:var(--spacing-md) 0 var(--spacing-sm) 0}.presentation-content p{color:var(--color-gray-700);font-size:1rem;line-height:1.6;margin:var(--spacing-sm) 0}.presentation-content ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.presentation-content li{color:var(--color-gray-700);font-size:1rem;line-height:1.6;margin:var(--spacing-sm) 0}.presentation-error{margin-top:var(--spacing-sm);padding:10px var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-red-50);color:var(--color-red-700);border:1px solid var(--color-red-200)}.presentation-actions{margin-top:var(--spacing-lg);display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.presentation-link{color:var(--color-primary);text-decoration:none;font-weight:700;transition:var(--transition-colors);padding:10px var(--spacing-md)}.presentation-link:hover{color:var(--color-primary-dark);text-decoration:underline}.light-mode .presentation-content{background:var(--color-white);box-shadow:var(--shadow-sm)}.dark-mode .presentation-content{background:var(--color-gray-800);box-shadow:var(--shadow-sm)}.light-mode .presentation-content h2,.light-mode .presentation-content h3{color:var(--color-gray-800)}.dark-mode .presentation-content h2,.dark-mode .presentation-content h3{color:var(--color-gray-200)}.light-mode .presentation-content h4{color:var(--color-gray-700)}.dark-mode .presentation-content h4{color:var(--color-gray-300)}.light-mode .presentation-content li,.light-mode .presentation-content p{color:var(--color-gray-700)}.dark-mode .presentation-content li,.dark-mode .presentation-content p{color:var(--color-gray-300)}.light-mode .presentation-error{background:var(--color-red-50);color:var(--color-red-700);border-color:var(--color-red-200)}.dark-mode .presentation-error{background:var(--color-red-900);color:var(--color-red-300);border-color:var(--color-red-700)}.light-mode .presentation-link{color:var(--color-primary)}.dark-mode .presentation-link{color:var(--color-primary-light)}.light-mode .presentation-link:hover{color:var(--color-primary-dark)}.dark-mode .presentation-link:hover{color:var(--color-primary)}.profile-content{background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md)}.profile-content h2{color:var(--color-gray-700);font-size:1.125rem;font-weight:700;margin:0 0 var(--spacing-lg) 0;line-height:1.4}.profile-form{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.profile-form,.profile-form-group{display:flex;flex-direction:column}.profile-form-group{gap:var(--spacing-sm)}.profile-form-group label{color:var(--color-gray-800);font-weight:700;font-size:1rem}.delete-account-section{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-red-50);border-radius:var(--radius-sm);border:1px solid var(--color-red-200)}.delete-account-section h3{color:var(--color-red-700);font-size:1.125rem;font-weight:700;margin:0 0 var(--spacing-sm) 0}.delete-account-section p{color:var(--color-orange-800);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--spacing-md) 0}.sync-error-message{background:var(--color-red-50);border:1px solid var(--color-red-200);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md);color:var(--color-red-700)}.sync-error-message p{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm)}.error-state,.loading-state{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);color:var(--color-gray-600)}.loading-state p{font-size:1rem;margin:0}.error-state p{font-size:1rem;margin:0 0 var(--spacing-md) 0;color:var(--color-red-700)}.light-mode .profile-content{background:var(--color-white);box-shadow:var(--shadow-sm)}.dark-mode .profile-content{background:var(--color-gray-800);box-shadow:var(--shadow-sm)}.light-mode .profile-content h2{color:var(--color-gray-700)}.dark-mode .profile-content h2{color:var(--color-gray-300)}.light-mode .profile-form-group label{color:var(--color-gray-800)}.dark-mode .profile-form-group label{color:var(--color-gray-200)}.light-mode .delete-account-section{background:var(--color-red-50);border-color:var(--color-red-200)}.dark-mode .delete-account-section{background:var(--color-red-900);border-color:var(--color-red-700)}.light-mode .delete-account-section h3{color:var(--color-red-700)}.dark-mode .delete-account-section h3{color:var(--color-red-300)}.light-mode .delete-account-section p{color:var(--color-orange-800)}.dark-mode .delete-account-section p{color:var(--color-orange-300)}.light-mode .sync-error-message{background:var(--color-red-50);border-color:var(--color-red-200);color:var(--color-red-700)}.dark-mode .sync-error-message{background:var(--color-red-900);border-color:var(--color-red-700);color:var(--color-red-300)}.light-mode .error-state,.light-mode .loading-state{color:var(--color-gray-600)}.dark-mode .error-state,.dark-mode .loading-state{color:var(--color-gray-400)}.light-mode .error-state p{color:var(--color-red-700)}.dark-mode .error-state p{color:var(--color-red-300)}.icon-title-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:4px}.assistant-icon{font-size:2rem;margin-bottom:0;display:flex;align-items:center}.assistant-tile h3{color:var(--color-gray-800);font-size:1em;font-weight:700;margin:0}.assistant-meta{font-size:.85em;color:var(--color-gray-500);margin-bottom:var(--spacing-sm);display:flex;gap:10px}.assistant-cat{background:var(--color-blue-50);border-radius:var(--radius-xs);padding:2px var(--spacing-sm)}.assistant-model{background:var(--color-purple-50);padding:2px var(--spacing-sm)}.assistant-prompt{flex:1 1;margin:10px 0 0;color:var(--color-gray-700);font-size:var(--font-size-base)}.assistant-link{margin-top:var(--spacing-sm);color:var(--color-primary);font-weight:700;text-decoration:none;font-size:var(--font-size-base)}.assistant-link:hover{text-decoration:underline}.mobile-filters{margin-bottom:var(--spacing-md);flex-wrap:wrap}.assistants-grid,.mobile-filters{display:flex;gap:var(--spacing-sm)}.assistants-grid{flex-direction:column;width:100%;margin:0}.light-mode .assistant-tile h3{color:var(--color-gray-800)}.dark-mode .assistant-tile h3{color:var(--color-gray-200)}.light-mode .assistant-meta{color:var(--color-gray-500)}.dark-mode .assistant-meta{color:var(--color-gray-400)}.light-mode .assistant-cat{background:var(--color-blue-50)}.dark-mode .assistant-cat{background:var(--color-blue-900)}.light-mode .assistant-model{background:var(--color-purple-50)}.dark-mode .assistant-model{background:var(--color-purple-900)}.light-mode .assistant-prompt{color:var(--color-gray-700)}.dark-mode .assistant-prompt{color:var(--color-gray-300)}.light-mode .assistant-link{color:var(--color-primary)}.dark-mode .assistant-link{color:var(--color-primary-light)}.light-mode .assistant-link:hover{color:var(--color-primary-dark)}.dark-mode .assistant-link:hover{color:var(--color-primary)}.mobile-projects-container{padding:var(--spacing-sm);max-width:100%;margin:0 auto;background:var(--color-gray-100);min-height:100vh;padding-top:25px}.mobile-projects-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.project-title{font-size:1.125rem;font-weight:700;margin:0;color:var(--color-gray-800);flex:1 1}.project-role{background:var(--color-blue-50);color:var(--color-blue-700);padding:4px var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.project-description{color:var(--color-gray-600);font-size:var(--font-size-sm);line-height:1.4;margin:0 0 var(--spacing-sm) 0}.project-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--color-gray-500)}.project-type{background:var(--color-gray-200);padding:4px var(--spacing-sm);border-radius:var(--radius-xs)}.mobile-empty,.mobile-loading{text-align:center;padding:var(--spacing-xl)}.mobile-empty{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.mobile-form{padding:var(--spacing-lg)}.projects-form-group{margin-bottom:var(--spacing-lg)}.projects-form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--color-gray-800)}.modal-actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.modal-actions .mobile-btn{flex:1 1}.modal-content{padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius-lg);overflow:visible}@media (min-width:768px){.mobile-projects-container{max-width:var(--size-container);padding:var(--spacing-lg)}.mobile-projects-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}}.mobile-project-card:focus{outline:2px solid var(--color-primary)}.light-mode .mobile-projects-container{background:var(--color-gray-100)}.dark-mode .mobile-projects-container{background:var(--color-gray-900)}.light-mode .project-title{color:var(--color-gray-800)}.dark-mode .project-title{color:var(--color-gray-200)}.light-mode .project-role{background:var(--color-blue-50);color:var(--color-blue-700)}.dark-mode .project-role{background:var(--color-blue-900);color:var(--color-blue-300)}.light-mode .project-description{color:var(--color-gray-600)}.dark-mode .project-description{color:var(--color-gray-400)}.light-mode .project-card-footer{color:var(--color-gray-500)}.dark-mode .project-card-footer{color:var(--color-gray-400)}.light-mode .project-type{background:var(--color-gray-200)}.dark-mode .project-type{background:var(--color-gray-700)}.light-mode .mobile-empty{background:var(--color-white);box-shadow:var(--shadow-sm)}.dark-mode .mobile-empty{background:var(--color-gray-800);box-shadow:var(--shadow-sm)}.light-mode .projects-form-group label{color:var(--color-gray-800)}.dark-mode .projects-form-group label{color:var(--color-gray-200)}.mobile-archived-projects-container{padding:var(--spacing-md);max-width:100%;margin:0 auto;background:var(--color-gray-100);min-height:100vh}.project-date{font-style:italic}.restore-action{background:var(--color-yellow-50);border:1px solid var(--color-yellow-200);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);text-align:center}.restore-btn{background:var(--color-yellow-500)!important;color:var(--color-yellow-900)!important;font-weight:700;margin-bottom:var(--spacing-sm)}.restore-btn:hover{background:var(--color-yellow-600)!important}.restore-info{font-size:var(--font-size-sm);color:var(--color-yellow-800);margin:0;line-height:1.4}@media (min-width:768px){.mobile-archived-projects-container{max-width:var(--size-container);padding:var(--spacing-lg)}.mobile-details-modal{max-width:800px}}.mobile-project-card:focus{outline:2px solid var(--color-yellow-500);outline-offset:2px}.mobile-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.light-mode .mobile-archived-projects-container{background:var(--color-gray-100)}.dark-mode .mobile-archived-projects-container{background:var(--color-gray-900)}.light-mode .restore-action{background:var(--color-yellow-50);border-color:var(--color-yellow-200)}.dark-mode .restore-action{background:var(--color-yellow-900);border-color:var(--color-yellow-700)}.light-mode .restore-btn{background:var(--color-yellow-500)!important;color:var(--color-yellow-900)!important}.dark-mode .restore-btn{color:var(--color-yellow-100)!important}.dark-mode .restore-btn,.light-mode .restore-btn:hover{background:var(--color-yellow-600)!important}.dark-mode .restore-btn:hover{background:var(--color-yellow-700)!important}.light-mode .restore-info{color:var(--color-yellow-800)}.dark-mode .restore-info{color:var(--color-yellow-200)}.conversations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-top:var(--spacing-md);width:100%}@media (min-width:1024px){.conversations-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg)}}@media (min-width:1440px){.conversations-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-xl)}}@media (min-width:1024px){.mobile-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-lg);align-items:center}.mobile-filters .mobile-select{min-width:160px}.mobile-filters .mobile-btn{min-width:60px;justify-self:start;white-space:nowrap}.mobile-filters .mobile-btn:last-child{min-width:120px}}.conversation-card{background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-all);border:2px solid transparent;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column}@media (min-width:1024px){.conversation-card{padding:var(--spacing-lg);min-height:200px}.conversation-card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}}.conversation-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.conversation-header{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.conversation-title-section{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.conversation-title-link{flex:1 1;text-decoration:none;color:inherit}.conversation-title-link:hover{text-decoration:none}.conversation-content-link{text-decoration:none;color:inherit;display:block}.conversation-content-link:hover{text-decoration:none}.conversation-card h3{color:var(--color-gray-800);font-size:1rem;font-weight:700;margin:0;display:flex;align-items:center;gap:var(--spacing-xs)}.conversation-use-case{background:var(--color-primary-light);color:var(--color-primary-dark);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;align-self:flex-start}.undefined-title{color:var(--color-gray-500)!important;font-style:italic!important}.conversation-date{color:var(--color-gray-600);font-size:.8125rem;margin:var(--spacing-sm) 0}.filter-info{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.filter-info p{margin:0;color:var(--color-gray-700)}.count-info{color:var(--color-primary);font-weight:700}.light-mode .conversation-card{background:var(--color-white);box-shadow:var(--shadow-sm)}.dark-mode .conversation-card{background:var(--color-gray-800);box-shadow:var(--shadow-sm)}.dark-mode .conversation-card:hover,.light-mode .conversation-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.light-mode .conversation-card h3{color:var(--color-gray-800)}.dark-mode .conversation-card h3{color:var(--color-gray-200)}.light-mode .undefined-title{color:var(--color-gray-500)!important}.dark-mode .undefined-title{color:var(--color-gray-400)!important}.conversation-highlighted{background:var(--color-primary-light,#e3f2fd)!important;border-color:var(--color-primary,#2196f3)!important;box-shadow:0 0 0 2px var(--color-primary-light,#e3f2fd),0 4px 12px rgba(33,150,243,.15)!important;transform:scale(1.02);animation:conversationHighlight .3s ease-out}@keyframes conversationHighlight{0%{transform:scale(1);box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.1))}50%{transform:scale(1.05);box-shadow:0 0 0 3px var(--color-primary-light,#e3f2fd),0 8px 20px rgba(33,150,243,.25)}to{transform:scale(1.02);box-shadow:0 0 0 2px var(--color-primary-light,#e3f2fd),0 4px 12px rgba(33,150,243,.15)}}.light-mode .conversation-highlighted{background:var(--color-primary-light,#e3f2fd)!important;border-color:var(--color-primary,#2196f3)!important}.dark-mode .conversation-highlighted{background:var(--color-primary-dark,#1565c0)!important;border-color:var(--color-primary,#2196f3)!important}.light-mode .conversation-date{color:var(--color-gray-600)}.dark-mode .conversation-date{color:var(--color-gray-400)}.dark-mode .conversation-use-case{background:var(--color-primary-dark);color:var(--color-primary-light)}.light-mode .filter-info{background:var(--color-gray-50);border-color:var(--color-gray-200)}.dark-mode .filter-info{background:var(--color-gray-800);border-color:var(--color-gray-600)}.light-mode .filter-info p{color:var(--color-gray-700)}.dark-mode .filter-info p{color:var(--color-gray-300)}.light-mode .count-info{color:var(--color-primary)}.dark-mode .count-info{color:var(--color-primary-light)}.conversation-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.conversation-message-count{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--text-secondary);font-weight:700}@media (max-width:768px){.conversation-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.conversation-message-count{font-size:.8rem}}.dark-mode .conversation-message-count{color:var(--text-secondary)}.conversation-actions{position:relative;display:flex;align-items:center;gap:var(--spacing-xs)}.conversation-actions-menu{position:absolute;top:100%;right:0;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);z-index:var(--z-dropdown);min-width:160px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition-all)}.conversation-actions-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.conversation-actions-button{background:var(--bg-card);border:1px solid var(--border-color);padding:var(--spacing-xs);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-gray-600);transition:var(--transition-all);display:flex;align-items:center;justify-content:center;width:32px;height:32px;box-shadow:var(--shadow-sm)}.conversation-actions-button:hover{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.conversation-actions-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.conversation-action-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-colors);font-size:var(--font-size-sm);color:var(--color-gray-700);border:1px solid transparent;background:var(--bg-card);width:100%;text-align:left}.conversation-action-item:hover{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary)}.conversation-action-item.danger{color:var(--color-error)}.conversation-action-item.danger:hover{background:var(--color-error-light);color:var(--color-error-dark);border-color:var(--color-error)}.conversation-action-item .icon{width:16px;height:16px;flex-shrink:0}.conversation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;visibility:hidden;transition:var(--transition-all)}.conversation-modal-overlay.show{opacity:1;visibility:visible}.conversation-modal{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);transform:scale(.95);transition:var(--transition-all);border:1px solid var(--border-color)}.conversation-modal-overlay.show .conversation-modal{transform:scale(1)}.conversation-modal-header{margin-bottom:var(--spacing-lg)}.conversation-modal-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-sm) 0}.conversation-modal-description{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0}.conversation-modal-body{margin-bottom:var(--spacing-lg)}.conversation-modal-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:inherit;background:var(--bg-input);color:var(--text-input);transition:var(--transition-all);min-height:var(--size-icon-md)}.conversation-modal-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,123,255,.1)}.conversation-modal-input.error{border-color:var(--color-danger);background:var(--color-danger-light)}.conversation-modal-input.error:focus{box-shadow:0 0 0 3px var(--color-danger-light)}.conversation-modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.conversation-modal-button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:var(--transition-all);border:1px solid var(--border-color);min-width:80px;background:var(--bg-card);box-shadow:var(--shadow-sm)}.conversation-modal-button.primary{background:var(--color-primary);color:var(--text-white);border-color:var(--color-primary)}.conversation-modal-button.primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.conversation-modal-button.secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.conversation-modal-button.secondary:hover{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary)}.conversation-modal-button.danger{background:var(--color-error);color:var(--text-white);border-color:var(--color-error)}.conversation-modal-button.danger:hover{background:var(--color-error-dark);border-color:var(--color-error-dark)}.conversation-modal-button:disabled{opacity:.5;cursor:not-allowed}.conversation-modal-button:disabled:hover{background:inherit;border-color:inherit}.conversation-message{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);display:block;background:var(--bg-card);border:1px solid var(--border-color)}.conversation-message.error{background:var(--color-error-light);color:var(--color-error-dark);border:1px solid var(--color-error)}.conversation-message.success{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success)}.conversation-message .icon{width:16px;height:16px;flex-shrink:0}.light-mode .conversation-actions-menu{background:var(--color-white);border-color:var(--color-gray-200);box-shadow:var(--shadow-lg)}.dark-mode .conversation-actions-menu{background:var(--color-gray-800);border-color:var(--color-gray-600);box-shadow:var(--shadow-lg)}.light-mode .conversation-action-item{color:var(--color-gray-700)}.dark-mode .conversation-action-item{color:var(--color-gray-300)}.light-mode .conversation-action-item:hover{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary)}.dark-mode .conversation-action-item:hover{background:var(--color-primary-dark);color:var(--color-primary-light);border-color:var(--color-primary)}.light-mode .conversation-actions-button{color:var(--color-gray-600)}.dark-mode .conversation-actions-button{color:var(--color-gray-400)}.light-mode .conversation-actions-button:hover{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.dark-mode .conversation-actions-button:hover{background:var(--color-primary-dark);color:var(--color-primary-light);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.light-mode .conversation-modal{background:var(--bg-primary);border-color:var(--border-color)}.dark-mode .conversation-modal{background:var(--bg-dark);border-color:var(--border-color)}.light-mode .conversation-modal-title{color:var(--color-gray-900)}.dark-mode .conversation-modal-title{color:var(--color-gray-100)}.light-mode .conversation-modal-description{color:var(--color-gray-600)}.dark-mode .conversation-modal-description{color:var(--color-gray-400)}.dark-mode .conversation-modal-input,.light-mode .conversation-modal-input{background:var(--bg-input);border-color:var(--border-primary);color:var(--text-input)}.dark-mode .conversation-modal-input:focus,.light-mode .conversation-modal-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.dark-mode .conversation-modal-button.secondary,.light-mode .conversation-modal-button.secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.light-mode .conversation-modal-button.secondary:hover{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary)}.dark-mode .conversation-modal-button.secondary:hover{background:var(--color-primary-dark);color:var(--color-primary-light);border-color:var(--color-primary)}@media (max-width:768px){.conversation-actions-menu{right:-10px;left:auto;min-width:140px}.conversation-modal{margin:var(--spacing-md);padding:var(--spacing-lg);width:calc(100% - 2 * var(--spacing-md))}.conversation-modal-actions{flex-direction:column}.conversation-modal-button{width:100%;justify-content:center}.conversation-actions-button{width:40px;height:40px}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.conversation-actions-menu.show{animation:slideInFromTop .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.conversation-modal-overlay.show .conversation-modal{animation:modalFadeIn .2s ease-out}.conversation-container{padding:var(--spacing-lg)}.conversation-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.conversation-back-link{color:var(--color-primary);margin-bottom:var(--spacing-lg);transition:var(--transition-colors)}.conversation-back-link:hover{color:var(--color-primary-dark)}.conversation-metadata{color:var(--color-gray-600);gap:var(--spacing-lg)}.conversation-system-prompt{color:var(--color-gray-700)}.conversation-messages-container{margin:var(--spacing-lg) 0}.conversation-message{margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.conversation-message:hover{box-shadow:var(--shadow-md)}.conversation-user-message{margin-left:auto;margin-right:var(--spacing-lg);background:var(--color-blue-50);color:var(--color-gray-800)}.conversation-assistant-message{margin-right:auto;margin-left:var(--spacing-lg);background:var(--color-gray-50);color:var(--color-gray-900)}.conversation-message-header{margin-bottom:var(--spacing-sm);font-size:.85em;color:var(--color-gray-600)}.conversation-message-time{color:var(--color-gray-500)}.conversation-upload-indicator{color:var(--color-primary)}.conversation-upload-success{color:var(--color-green-600)}.light-mode .conversation-container{background:var(--color-white)}.dark-mode .conversation-container{background:var(--color-gray-900)}.light-mode .conversation-header{border-bottom-color:var(--color-gray-200)}.dark-mode .conversation-header{border-bottom-color:var(--color-gray-700)}.light-mode .conversation-back-link{color:var(--color-primary)}.dark-mode .conversation-back-link{color:var(--color-primary-light)}.light-mode .conversation-back-link:hover{color:var(--color-primary-dark)}.dark-mode .conversation-back-link:hover{color:var(--color-primary)}.light-mode .conversation-metadata{color:var(--color-gray-600)}.dark-mode .conversation-metadata{color:var(--color-gray-400)}.light-mode .conversation-system-prompt{color:var(--color-gray-700)}.dark-mode .conversation-system-prompt{color:var(--color-gray-300)}.light-mode .conversation-message{background:var(--color-white);box-shadow:var(--shadow-sm)}.dark-mode .conversation-message{background:var(--color-gray-800);box-shadow:var(--shadow-sm)}.dark-mode .conversation-message:hover,.light-mode .conversation-message:hover{box-shadow:var(--shadow-md)}.light-mode .conversation-user-message{background:var(--color-blue-50);color:var(--color-gray-800)}.dark-mode .conversation-user-message{background:var(--color-blue-900);color:var(--color-gray-200)}.light-mode .conversation-assistant-message{background:var(--color-gray-50);color:var(--color-gray-900)}.dark-mode .conversation-assistant-message{background:var(--color-gray-700);color:var(--color-gray-100)}.light-mode .conversation-message-header{color:var(--color-gray-600)}.dark-mode .conversation-message-header{color:var(--color-gray-400)}.light-mode .conversation-message-time{color:var(--color-gray-500)}.dark-mode .conversation-message-time{color:var(--color-gray-400)}.light-mode .conversation-upload-indicator{color:var(--color-primary)}.dark-mode .conversation-upload-indicator{color:var(--color-primary-light)}.light-mode .conversation-upload-success{color:var(--color-green-600)}.dark-mode .conversation-upload-success{color:var(--color-green-400)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;flex-direction:column;gap:var(--spacing-lg)}.loading-text{font-size:1.125rem}.loading-subtext{font-size:var(--font-size-sm)}.light-mode .loading-subtext,.loading-subtext{color:var(--color-gray-600)}.dark-mode .loading-subtext{color:var(--color-gray-400)}.tutorial-detail-container{padding:var(--spacing-xl)}.tutorial-divider{margin:var(--spacing-md) 0}.light-mode .tutorial-detail-container{background:var(--color-white)}.dark-mode .tutorial-detail-container{background:var(--color-gray-900)}.project-question-container{margin-bottom:var(--spacing-lg)}.project-question-input{width:60%;margin-right:var(--spacing-sm)}.assistant-answer{margin-top:var(--spacing-md);background:var(--color-gray-100);padding:var(--spacing-sm);border-radius:var(--radius-sm)}.light-mode .project-question-container{background:var(--color-white)}.dark-mode .project-question-container{background:var(--color-gray-900)}.light-mode .assistant-answer{background:var(--color-gray-100)}.dark-mode .assistant-answer{background:var(--color-gray-800)}.admin-error-container{flex-direction:column;text-align:center}.admin-error-message{color:var(--color-red-600);margin-bottom:var(--spacing-lg)}.admin-home-btn{padding:10px var(--spacing-lg);background:var(--color-blue-600);color:var(--color-white);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-colors)}.admin-home-btn:hover{background:var(--color-blue-700)}.admin-header-section{margin-bottom:30px}.admin-user-role{margin-bottom:10px}.admin-main-content{background:var(--color-white)}.admin-section-header{margin-bottom:20px}.light-mode .admin-main-content{background:var(--color-white)}.dark-mode .admin-main-content{background:var(--color-gray-900)}.task-assistant-error,.task-assistant-loading{padding:var(--spacing-xl);text-align:center}.task-assistant-error{color:var(--color-red-600)}.light-mode .task-assistant-loading{color:var(--color-gray-800)}.dark-mode .task-assistant-loading{color:var(--color-gray-200)}.light-mode .task-assistant-error{color:var(--color-red-600)}.dark-mode .task-assistant-error{color:var(--color-red-400)}.assistant-settings-container{display:flex}.assistant-settings-sidebar{width:30%;padding-right:var(--spacing-lg)}.assistant-settings-main{width:70%}.light-mode .assistant-settings-container{background:var(--color-white)}.dark-mode .assistant-settings-container{background:var(--color-gray-900)}.rag-file-container{margin:var(--spacing-sm) 0}.light-mode .rag-error-message,.rag-error-message{color:var(--color-red-600)}.dark-mode .rag-error-message{color:var(--color-red-400)}.assistant-message-container{display:flex;flex-direction:column;margin-bottom:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);max-width:90%;line-height:1.6;color:var(--color-gray-800);word-wrap:break-word;white-space:pre-wrap;box-shadow:var(--shadow-sm);transition:var(--transition-all)}.assistant-feedback-container{margin-top:var(--spacing-sm)}.assistant-feedback-textarea{width:100%;height:50px;margin-bottom:var(--spacing-sm);transition:var(--transition-fast);padding:var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);resize:vertical}.assistant-feedback-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.light-mode .assistant-message-container{color:var(--color-gray-800)}.dark-mode .assistant-message-container{color:var(--color-gray-200)}.light-mode .admin-error-message{color:var(--color-red-600)}.dark-mode .admin-error-message{color:var(--color-red-400)}.light-mode .admin-home-btn{background:var(--color-blue-600);color:var(--color-white)}.dark-mode .admin-home-btn{background:var(--color-blue-500);color:var(--color-white)}.light-mode .admin-home-btn:hover{background:var(--color-blue-700)}.dark-mode .admin-home-btn:hover{background:var(--color-blue-600)}.mobile-tasks-container{padding-top:25px}.mobile-actions{gap:var(--spacing-sm)}.mobile-tasks-container{padding:var(--spacing-sm);max-width:100%;margin:0 auto;background:var(--color-gray-100);min-height:100vh;padding-top:45px;overflow-x:hidden}.mobile-advanced-filters{margin-bottom:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);overflow-x:hidden}.filter-row{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);overflow-x:hidden;flex-wrap:wrap}.filter-row:last-child{margin-bottom:0}.mobile-sort{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.sort-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-800)}.sort-btn{padding:6px var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-gray-600);font-size:.75rem;cursor:pointer;transition:var(--transition-all)}.sort-btn.active{background:var(--color-primary);color:var(--color-white)}.sort-btn.active,.sort-btn:hover{border-color:var(--color-primary)}.sort-btn:hover{color:var(--color-primary)}.mobile-tasks-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.task-title{font-size:1.125rem;font-weight:700;margin:0;color:var(--color-gray-800);flex:1 1}.task-description{color:var(--color-gray-600);font-size:var(--font-size-sm);line-height:1.4;margin:0 0 var(--spacing-sm) 0}.task-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--color-gray-500);margin-bottom:var(--spacing-sm)}.task-echeance,.task-project{background:var(--color-gray-200);padding:4px var(--spacing-sm);border-radius:var(--radius-xs)}.task-card-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;align-items:center}.action-btn{background:none;border:none;font-size:1rem;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:var(--transition-colors)}.action-btn:hover{background:var(--color-gray-200)}.detail-section,.task-details{margin-bottom:var(--spacing-lg)}.detail-section h3{font-size:1rem;font-weight:600;color:var(--color-gray-800);margin:0 0 var(--spacing-sm) 0}.detail-section p{margin:0;color:var(--color-gray-600);line-height:1.4}.detail-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm)}.action-icon,.detail-actions{justify-content:center;align-items:center}.action-icon{display:inline-flex;width:44px;height:44px;font-size:1.2rem;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-all);background:var(--color-gray-100);border:1px solid var(--color-gray-300);margin:var(--spacing-xs)}.action-icon:hover{background:var(--color-primary-light);border-color:var(--color-primary);transform:scale(1.05)}.action-icon:active{transform:scale(.95);background:var(--color-primary);color:var(--color-white)}.light-mode .action-icon{background:var(--color-gray-100);border-color:var(--color-gray-300);color:var(--color-gray-700)}.dark-mode .action-icon{background:var(--color-gray-700);border-color:var(--color-gray-600);color:var(--color-gray-200)}.light-mode .action-icon:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.dark-mode .action-icon:hover{background:var(--color-primary-dark);border-color:var(--color-primary)}@media (min-width:768px){.mobile-tasks-container{max-width:var(--size-container);padding:var(--spacing-lg);padding-top:0}.mobile-tasks-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}.mobile-modal{max-width:600px}.mobile-details-modal{max-width:800px}.detail-actions{justify-content:space-between}.detail-actions,.filter-row{flex-direction:row}.mobile-sort{flex-wrap:wrap}}.light-mode .mobile-tasks-container{background:var(--color-gray-100)}.dark-mode .mobile-tasks-container{background:var(--color-gray-900)}.light-mode .mobile-advanced-filters,.light-mode .mobile-sort{background:var(--color-white);box-shadow:var(--shadow-sm)}.dark-mode .mobile-advanced-filters,.dark-mode .mobile-sort{background:var(--color-gray-800);box-shadow:var(--shadow-sm)}.light-mode .sort-label{color:var(--color-gray-800)}.dark-mode .sort-label{color:var(--color-gray-200)}.light-mode .sort-btn{background:var(--color-white);color:var(--color-gray-600);border-color:var(--color-gray-300)}.dark-mode .sort-btn{background:var(--color-gray-800);color:var(--color-gray-400);border-color:var(--color-gray-600)}.dark-mode .sort-btn.active,.light-mode .sort-btn.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.dark-mode .sort-btn:hover,.light-mode .sort-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.light-mode .task-title{color:var(--color-gray-800)}.dark-mode .task-title{color:var(--color-gray-200)}.light-mode .task-description{color:var(--color-gray-600)}.dark-mode .task-description{color:var(--color-gray-400)}.light-mode .task-card-footer{color:var(--color-gray-500)}.dark-mode .task-card-footer{color:var(--color-gray-400)}.light-mode .task-echeance,.light-mode .task-project{background:var(--color-gray-200)}.dark-mode .task-echeance,.dark-mode .task-project{background:var(--color-gray-700)}.light-mode .action-btn:hover{background:var(--color-gray-200)}.dark-mode .action-btn:hover{background:var(--color-gray-700)}.light-mode .detail-section h3{color:var(--color-gray-800)}.dark-mode .detail-section h3{color:var(--color-gray-200)}.light-mode .detail-section p{color:var(--color-gray-600)}.dark-mode .detail-section p{color:var(--color-gray-400)}.message-rating-buttons{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.message-rating-button{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background-color:var(--color-white);cursor:pointer;transition:var(--transition-default);font-size:var(--font-size-sm)}.message-rating-button:hover{background-color:var(--color-gray-100)}.message-rating-button--up:hover{background-color:var(--color-success);color:var(--color-white);border-color:var(--color-success)}.message-rating-button--down:hover{background-color:var(--color-error);color:var(--color-white);border-color:var(--color-error)}.message-rating-button--up{border-color:var(--color-success);background-color:var(--color-success-light);color:var(--color-success-dark)}.message-rating-button--down{border-color:var(--color-error);background-color:var(--color-error-light);color:var(--color-error-dark)}.message-rating-button--inactive{border-color:var(--color-gray-300);background-color:var(--color-gray-100);color:var(--color-gray-500)}.message-feedback-button{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-default);font-size:var(--font-size-sm)}.message-feedback-button:hover{background-color:var(--color-primary-dark)}.light-mode .message-rating-button{background-color:var(--color-white);border-color:var(--color-gray-300)}.dark-mode .message-rating-button{background-color:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-200)}.light-mode .message-rating-button--up{background-color:var(--color-success-light);color:var(--color-success-dark)}.dark-mode .message-rating-button--up{background-color:var(--color-success-dark);color:var(--color-success-light)}.light-mode .message-rating-button--down{background-color:var(--color-error-light);color:var(--color-error-dark)}.dark-mode .message-rating-button--down{background-color:var(--color-error-dark);color:var(--color-error-light)}.light-mode .message-rating-button--up:hover{background-color:var(--color-success);color:var(--color-white);border-color:var(--color-success)}.light-mode .message-rating-button--down:hover{background-color:var(--color-error);color:var(--color-white);border-color:var(--color-error)}.dark-mode .message-rating-button--up:hover{background-color:var(--color-success);color:var(--color-white);border-color:var(--color-success)}.dark-mode .message-rating-button--down:hover{background-color:var(--color-error);color:var(--color-white);border-color:var(--color-error)}.pwa-install-container{position:fixed;left:0;right:0;bottom:0;z-index:50;padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 12px)}.pwa-install-card{margin:0 var(--spacing-sm);max-width:480px}.pwa-install-content{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.pwa-install-logo{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--color-primary-light);padding:var(--spacing-xs)}.pwa-install-logo img{object-fit:contain;vertical-align:middle}.pwa-install-text{flex:1 1;min-width:0}.pwa-install-title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-xs)}.pwa-install-description{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);color:var(--color-gray-600)}.pwa-install-actions{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.pwa-install-button{flex:1 1}.pwa-install-never-button{font-size:var(--font-size-xs);text-decoration:underline;padding:0}.pwa-install-close-button,.pwa-install-never-button{color:var(--color-gray-500);border:none;background:none;cursor:pointer}.pwa-install-close-button{flex-shrink:0;padding:var(--spacing-xs)}.pwa-install-close-icon{width:20px;height:20px}.pwa-modal-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.pwa-modal-logo{width:80px;height:80px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-sm);background-color:var(--color-primary-light);padding:var(--spacing-sm)}.pwa-modal-logo img{object-fit:contain;vertical-align:middle}.pwa-modal-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-xs)}.pwa-instructions{padding:var(--spacing-md);border-radius:var(--radius-sm);background-color:var(--color-primary-light)}.pwa-instructions-title{font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-primary-dark)}.pwa-instructions-list{font-size:var(--font-size-sm);color:var(--color-primary);padding-left:var(--spacing-lg)}.pwa-instructions-item{margin-bottom:var(--spacing-xs)}.pwa-benefits{padding:var(--spacing-md);border-radius:var(--radius-sm);background-color:var(--color-gray-100)}.pwa-benefits-title{font-weight:700;margin-bottom:var(--spacing-xs)}.pwa-benefits-list{font-size:var(--font-size-sm);color:var(--color-gray-700);padding-left:var(--spacing-lg)}.pwa-benefits-item{margin-bottom:var(--spacing-xs)}.pwa-modal-actions{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-md)}.pwa-modal-button{flex:1 1}.light-mode .pwa-install-logo{background-color:var(--color-primary-light)}.dark-mode .pwa-install-logo{background-color:var(--color-primary-dark)}.light-mode .pwa-install-description{color:var(--color-gray-600)}.dark-mode .pwa-install-description{color:var(--color-gray-400)}.light-mode .pwa-install-never-button{color:var(--color-gray-500)}.dark-mode .pwa-install-never-button{color:var(--color-gray-400)}.light-mode .pwa-install-close-button{color:var(--color-gray-500)}.dark-mode .pwa-install-close-button{color:var(--color-gray-400)}.light-mode .pwa-modal-logo{background-color:var(--color-primary-light)}.dark-mode .pwa-modal-logo{background-color:var(--color-primary-dark)}.light-mode .pwa-instructions{background-color:var(--color-primary-light)}.dark-mode .pwa-instructions{background-color:var(--color-primary-dark)}.light-mode .pwa-instructions-title{color:var(--color-primary-dark)}.dark-mode .pwa-instructions-title{color:var(--color-primary-light)}.light-mode .pwa-instructions-list{color:var(--color-primary)}.dark-mode .pwa-instructions-list{color:var(--color-primary-light)}.light-mode .pwa-benefits{background-color:var(--color-gray-100)}.dark-mode .pwa-benefits{background-color:var(--color-gray-800)}.light-mode .pwa-benefits-title{color:var(--color-gray-800)}.dark-mode .pwa-benefits-title{color:var(--color-gray-200)}.light-mode .pwa-benefits-list{color:var(--color-gray-700)}.dark-mode .pwa-benefits-list{color:var(--color-gray-300)}.app-layout-container{display:flex;flex-direction:column;min-height:100vh}.app-layout-main-container{display:flex;flex:1 1;width:100%;position:relative}.app-layout-main{flex:1 1;margin-left:0;margin-right:0;top:0;padding:0;position:relative;min-height:calc(100vh - 60px);transition:margin-left .3s ease;width:100%;min-width:100%;box-sizing:border-box}.markdown-content{color:#e0e0e0;font-size:17px;line-height:1.7;white-space:pre-wrap;margin:15px 0}footer,header{width:100%;padding:12px 20px;background-color:var(--bg-footer);color:var(--text-footer);border-bottom:1px solid #444444;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,.2);position:fixed;z-index:1000}header{top:0}footer{bottom:0;border-top:1px solid #444444}a{color:#4ea1ff;text-decoration:none;font-weight:600;transition:color .3s ease}a:hover{color:#87c5ff}.button{background-color:#007bff;color:white;padding:10px;border:none;border-radius:var(--radius-2xs);text-align:center;font-weight:700;min-width:90px;display:inline-block;cursor:pointer;transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease}.button:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.button-archive{background-color:#f0ad4e}.button-danger{background-color:#dc3545;color:white;border:none;transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease}.button-danger:hover{background-color:#bb2d3b;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.button-danger:active{background-color:#a52834}.button-danger:disabled{background-color:rgba(220,53,69,.5);cursor:not-allowed}.light-mode .button-danger{background-color:#dc3545}.light-mode .button-danger:hover{background-color:#bb2d3b}@media (max-width:768px){.container,main{margin-left:0;padding-top:0}header{padding:10px 15px!important}.desktop-nav{display:none!important}}@media (min-width:769px){.mobile-menu-btn{display:none!important}}.message{font-size:15px}.mobile-container{background:#f5f5f5;min-height:100vh;padding:80px 12px 12px;overflow-x:hidden}.mobile-actions{display:flex;gap:8px}.light-mode .input-icon{color:#666}.nav-header{position:fixed;top:0;width:100%;background-color:var(--bg-primary);color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:8px 16px;justify-content:space-between;z-index:1000;transition:background-color .3s ease}.nav-header,.nav-logo-container,.nav-logo-link{display:flex;align-items:center}.nav-logo-link{text-decoration:none}.nav-logo-image{height:32px;width:auto;margin-right:8px;object-fit:contain;vertical-align:middle}.nav-logo-text{font-weight:700;font-size:1rem;color:var(--primary-color);letter-spacing:1px}.nav-desktop{display:block}.nav-menu{display:flex;justify-content:center;list-style-type:none;padding:0;margin:0}.nav-menu-item{margin:0 10px}.nav-menu-item,.nav-menu-item--dropdown{position:relative}.nav-link{color:var(--text-primary);text-decoration:none;font-size:16px;font-weight:700;padding:8px 12px;border-radius:4px;transition:color .3s ease;display:inline-flex;align-items:flex-start}.nav-dropdown-button,.nav-link:hover{color:var(--primary-color)}.nav-dropdown-button{background:none;border:none;cursor:pointer;font-size:16px;font-weight:700;padding:8px 12px;border-radius:4px;transition:color .3s ease;display:inline-flex;align-items:flex-start}.nav-dropdown-button:hover{color:var(--primary-hover)}.nav-dropdown-menu{position:absolute;top:100%;left:0;background:var(--bg-primary);list-style-type:none;padding:10px;border:1px solid var(--border-color);border-radius:var(--radius-xs);box-shadow:0 4px 6px rgba(0,0,0,.1);min-width:200px;z-index:1001}.nav-dropdown-item{margin:5px 0}.nav-dropdown-item--user{text-align:center;padding:8px 0;border-bottom:1px solid var(--border-color);margin-bottom:10px}.nav-dropdown-item--logout{text-align:center}.nav-dropdown-link{color:var(--text-primary);text-decoration:none;display:block;padding:5px 0;transition:color .3s ease}.nav-dropdown-link:hover{color:var(--primary-color)}.nav-dropdown-link--logout{display:block;font-weight:700;text-decoration:none;cursor:pointer;padding:5px 0;color:var(--danger-color)}.nav-dropdown-link--logout:hover{color:var(--danger-hover)}.nav-user-email{color:var(--text-secondary);font-size:.9rem}.nav-theme-button{background:none;color:var(--primary-color);border:none;cursor:pointer;font-size:16px;font-weight:700;padding:8px 12px;border-radius:4px;transition:color .3s ease;display:inline-flex;align-items:flex-start}.nav-theme-button:hover{color:var(--primary-hover)}.nav-mobile-button{display:none;background:none;color:var(--primary-color);font-size:24px;padding:5px;transition:color .3s ease}.nav-mobile-button:hover{color:var(--primary-hover)}.nav-mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999}.nav-mobile-menu{position:fixed;top:60px;right:0;width:250px;height:100vh;background:var(--bg-primary);color:var(--text-primary);border-left:1px solid var(--border-color);padding:var(--padding-fixed);overflow-y:auto;z-index:1000}.nav-mobile-list{list-style:none;padding:0;margin:0}.nav-mobile-item{margin:10px 0;border-bottom:1px solid var(--border-color);padding-bottom:10px}.nav-mobile-link{color:var(--primary-color);text-decoration:none;font-size:16px;display:block;padding:8px 0;transition:color .3s ease}.nav-mobile-link:hover{color:var(--primary-hover)}.nav-mobile-theme-button{background:none;color:var(--primary-color);border:none;cursor:pointer;font-weight:700;font-size:16px;padding:8px 0;width:100%;text-align:left;transition:color .3s ease}.nav-mobile-theme-button:hover{color:var(--primary-hover)}.nav-mobile-section{border-bottom:1px solid var(--border-color);margin-bottom:15px;padding-bottom:10px}.nav-mobile-section-button{background:none;border:none;width:100%;text-align:left;cursor:pointer;padding:0;margin:0}.nav-mobile-section-title{font-weight:700;color:var(--primary-color);font-size:16px;display:block;margin-bottom:10px}.nav-mobile-submenu{padding-left:15px;border-left:2px solid var(--border-color);margin-left:5px}.nav-mobile-submenu-item{margin-bottom:8px}.nav-mobile-submenu-item--user{margin-bottom:8px;padding:8px 0;font-size:16px;color:var(--text-secondary)}.nav-mobile-submenu-link{color:var(--primary-color);text-decoration:none;font-size:16px;display:block;padding:8px 0;transition:color .3s ease}.nav-mobile-submenu-link:hover{color:var(--primary-hover)}.nav-mobile-submenu-link--logout{color:var(--danger-color);text-decoration:none;font-size:16px;display:block;padding:8px 0;font-weight:700;transition:color .3s ease}.nav-mobile-submenu-link--logout:hover{color:var(--danger-hover)}.nav-desktop{display:none}.nav-mobile-button{display:block;min-height:var(--touch-target-comfort);min-width:var(--touch-target-comfort);padding:var(--spacing-sm);border:none;background:transparent;cursor:pointer;transition:var(--transition-all)}.nav-mobile-button:active{transform:scale(.95)}@media (min-width:768px){.nav-desktop{display:block}.nav-mobile-button{display:none}.nav-link{padding:var(--spacing-sm) var(--spacing-md);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center}}@media (min-width:1024px){.nav-menu{gap:var(--spacing-md)}.nav-menu-item{margin:0 var(--spacing-sm)}.nav-dropdown-menu{min-width:250px}}.nav-dropdown-menu{animation:slideDown .3s ease-out}.nav-mobile-submenu{animation:slideRight .3s ease-out}@keyframes slideRight{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.nav-dropdown-button:focus,.nav-dropdown-link:focus,.nav-link:focus,.nav-mobile-button:focus,.nav-mobile-link:focus,.nav-mobile-section-button:focus,.nav-mobile-submenu-link:focus,.nav-theme-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.light-mode .nav-header{background-color:var(--bg-card);color:var(--text-card);border-bottom-color:var(--border-card)}.light-mode .nav-dropdown-button,.light-mode .nav-logo-text,.light-mode .nav-mobile-button,.light-mode .nav-mobile-section-title,.light-mode .nav-theme-button{color:#007bff}.light-mode .nav-dropdown-menu{background-color:var(--bg-card);border-color:var(--border-card);box-shadow:0 4px 6px rgba(0,0,0,.1)}.light-mode .nav-mobile-menu{background-color:var(--bg-card);color:var(--text-card);border-left-color:var(--border-card)}.light-mode .nav-mobile-section{border-bottom-color:#e0e0e0}.light-mode .nav-mobile-submenu{border-left-color:#e0e0e0}.light-mode .nav-mobile-submenu-item--user,.light-mode .nav-user-email{color:#666}.light-mode .nav-dropdown-link--logout,.light-mode .nav-mobile-submenu-link--logout{color:#dc3545}.dark-mode .nav-header{background-color:var(--bg-card);color:var(--text-card);border-bottom-color:var(--border-card)}.dark-mode .nav-dropdown-button,.dark-mode .nav-logo-text,.dark-mode .nav-mobile-button,.dark-mode .nav-mobile-section-title,.dark-mode .nav-theme-button{color:#87cefa}.dark-mode .nav-dropdown-menu{background-color:var(--bg-card);border-color:var(--border-card);box-shadow:0 4px 6px rgba(0,0,0,.3)}.dark-mode .nav-mobile-menu{background-color:var(--bg-card);color:var(--text-card);border-left-color:var(--border-card)}.dark-mode .nav-mobile-section{border-bottom-color:#444444}.dark-mode .nav-mobile-submenu{border-left-color:#444444}.dark-mode .nav-mobile-submenu-item--user,.dark-mode .nav-user-email{color:#ccc}.dark-mode .nav-dropdown-link--logout,.dark-mode .nav-mobile-submenu-link--logout{color:#ff6b6b}.light-mode .nav-dropdown-button:hover,.light-mode .nav-dropdown-link:hover,.light-mode .nav-link:hover,.light-mode .nav-mobile-button:hover,.light-mode .nav-mobile-link:hover,.light-mode .nav-mobile-section-title:hover,.light-mode .nav-mobile-submenu-link:hover,.light-mode .nav-theme-button:hover{color:#0056b3}.dark-mode .nav-dropdown-button:hover,.dark-mode .nav-dropdown-link:hover,.dark-mode .nav-link:hover,.dark-mode .nav-mobile-button:hover,.dark-mode .nav-mobile-link:hover,.dark-mode .nav-mobile-section-title:hover,.dark-mode .nav-mobile-submenu-link:hover,.dark-mode .nav-theme-button:hover{color:#add8e6}.light-mode .nav-dropdown-link--logout:hover,.light-mode .nav-mobile-submenu-link--logout:hover{color:#c82333}.dark-mode .nav-dropdown-link--logout:hover,.dark-mode .nav-mobile-submenu-link--logout:hover{color:#ff8e8e}.members-container{position:relative;display:inline-block}.members-badge{display:inline-flex;align-items:center;padding:var(--padding-sm-tight);background:var(--bg-secondary);border-radius:var(--radius-4xl);cursor:pointer;font-size:.9rem;color:var(--text-primary);border:1px solid var(--border-color);position:relative;transition:all .2s ease}.members-badge:hover{background:var(--bg-hover);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.members-badge:focus{outline:2px solid var(--primary-color);outline-offset:2px}.members-popover{position:absolute;top:calc(100% + 8px);right:0;width:300px;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:1000;overflow:hidden;border:1px solid var(--border-color)}@media (max-width:768px){.members-popover{right:auto;left:50%;transform:translateX(-50%);width:90vw;max-width:350px}}.members-list{max-height:var(--size-content-sm);overflow-y:auto;padding:8px}.member-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.member-item:hover{background:var(--bg-hover)}.member-item:last-child{border-bottom:none}.member-info{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-primary)}.role-tag{padding:2px 8px;background:var(--bg-secondary);border-radius:var(--radius-xl);font-size:var(--font-size-xs);color:var(--text-secondary);border:1px solid var(--border-color)}.delete-button{background:none;border:none;color:var(--danger-color);font-size:1.2rem;cursor:pointer;padding:0 4px;opacity:.7;transition:all .2s ease;border-radius:var(--radius-xs)}.delete-button:hover{opacity:1;background:var(--danger-bg);transform:scale(1.1)}.delete-button:focus{outline:2px solid var(--danger-color);outline-offset:2px}.add-button{width:100%;padding:8px;background:var(--primary-color);border:none;color:white;font-size:.9rem;cursor:pointer;transition:all .2s ease;border-radius:var(--radius-xs)}.add-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.add-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.modal-invite-row{display:grid;grid-template-columns:2fr 1fr auto;grid-gap:.5rem;gap:.5rem;margin-bottom:.5rem;align-items:center}.modal-remove-button{padding:.25rem .5rem;background:none;border:1px solid var(--danger-color);border-radius:var(--radius-xs);color:var(--danger-color);cursor:pointer;transition:all .2s ease;font-size:1rem;line-height:1}.modal-remove-button:hover{background:var(--danger-color);color:white;transform:scale(1.05)}.modal-remove-button:focus{outline:2px solid var(--danger-color);outline-offset:2px}.modal-status{margin-top:.5rem;padding:.5rem;border-radius:var(--radius-xs);font-size:.9rem;font-weight:700}.modal-status--success{background-color:var(--success-bg);color:var(--success-color);border:1px solid var(--success-border)}.modal-status--error{background-color:var(--error-bg);color:var(--error-color);border:1px solid var(--error-border)}.modal-actions{margin-top:1rem;display:flex;gap:.5rem;justify-content:flex-end}@media (max-width:480px){.modal-invite-row{grid-template-columns:1fr;gap:.25rem}.modal-actions{flex-direction:column}.members-popover{width:95vw;max-width:none}}.light-mode .members-badge{background:#f0f0f0;color:#333;border-color:#ddd}.light-mode .members-badge:hover{background:#e0e0e0}.light-mode .members-popover{background:var(--bg-card);border-color:var(--border-card);box-shadow:0 4px 12px rgba(0,0,0,.1)}.light-mode .member-item{border-bottom-color:#e0e0e0}.light-mode .member-item:hover{background:#f8f9fa}.light-mode .role-tag{background:#f8f9fa;color:#666;border-color:#dee2e6}.light-mode .delete-button{color:#dc3545}.light-mode .delete-button:hover{background:#f8d7da}.light-mode .add-button{background:#0d6efd}.light-mode .add-button:hover{background:#0b5ed7}.light-mode .modal-remove-button{border-color:#dc3545;color:#dc3545}.light-mode .modal-remove-button:hover{background:#dc3545;color:white}.light-mode .modal-status--success{background-color:#d4edda;color:#155724;border-color:#c3e6cb}.light-mode .modal-status--error{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}.dark-mode .members-badge{background:#3d3d3d;color:#e0e0e0;border-color:#555}.dark-mode .members-badge:hover{background:#4d4d4d}.dark-mode .members-popover{background:var(--bg-card);border-color:var(--border-card);box-shadow:0 4px 12px rgba(0,0,0,.3)}.dark-mode .member-item{border-bottom-color:#3d3d3d}.dark-mode .member-item:hover{background:#3d3d3d}.dark-mode .role-tag{background:#3d3d3d;color:#aaa;border-color:#555}.dark-mode .delete-button{color:#ff4444}.dark-mode .delete-button:hover{background:#4d2d2d}.dark-mode .add-button{background:#0d6efd}.dark-mode .add-button:hover{background:#0b5ed7}.dark-mode .modal-remove-button{border-color:#ff4444;color:#ff4444}.dark-mode .modal-remove-button:hover{background:#ff4444;color:white}.dark-mode .modal-status--success{background-color:#2d4d2d;color:#90ee90;border-color:#4d6d4d}.dark-mode .modal-status--error{background-color:#4d2d2d;color:#ff6b6b;border-color:#6d4d4d}.members-popover{animation:slideDown .3s ease-out}.member-item{animation:fadeIn .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:translateX(0)}}.members-badge[aria-expanded=true]{background:var(--primary-color);color:white}.members-badge[aria-expanded=true]:hover{background:var(--primary-hover)}.members-badge[aria-expanded=true] .light-mode{background:#0056b3}.members-badge[aria-expanded=true] .dark-mode{background:#0b5ed7}.add-button:focus-visible,.delete-button:focus-visible,.members-badge:focus-visible,.modal-remove-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.delete-button:focus-visible{outline-color:var(--danger-color)}.add-button:disabled{background:var(--text-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.add-button:disabled:hover{transform:none;background:var(--text-disabled)}.invitations-container{display:flex;flex-direction:column;gap:1rem}@media (max-width:480px){.invitations-container{gap:.5rem}}.task-action-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-color,#1976d2);color:white;border:1px solid var(--primary-color,#1976d2);border-radius:var(--radius-3xs);cursor:pointer;font-size:18px;margin-left:2px;box-shadow:0 1px 2px rgba(0,0,0,.07);transition:background .2s,border .2s;outline:none;padding:0}.task-action-button--hover,.task-action-button:hover{background:var(--primary-hover,#125ea2);border:1px solid var(--primary-hover,#125ea2)}.task-action-button:focus{outline:2px solid var(--focus-color,#64b5f6);outline-offset:2px}.task-action-arrow{font-size:20px;font-weight:700;display:flex;align-items:center;line-height:1}.task-action-menu{position:fixed;z-index:1000;min-width:170px;background:var(--background-color,white);border:1px solid var(--border-color,#e0e0e0);border-radius:var(--radius-lg);box-shadow:0 8px 24px rgba(0,0,0,.13);margin-top:6px;left:0;padding:4px 0}.task-action-menu-item{padding:7px 18px;cursor:pointer;font-size:15px;border:none;background:none;width:100%;text-align:left;border-radius:var(--radius-xs);color:var(--text-color,#222);transition:background .15s}.task-action-menu-item--hover,.task-action-menu-item:hover{background:var(--hover-background,#e3f0ff);color:var(--primary-color,#1976d2)}.task-action-menu-item:focus{outline:2px solid var(--focus-color,#64b5f6);outline-offset:2px}@media (max-width:480px){.task-action-button{width:28px;height:28px;font-size:16px}.task-action-arrow{font-size:18px}.task-action-menu{min-width:150px;margin-top:4px}.task-action-menu-item{padding:6px 16px;font-size:14px}}.light-mode .task-action-menu{background:white;border-color:#e0e0e0;box-shadow:0 8px 24px rgba(0,0,0,.13)}.light-mode .task-action-menu-item{color:#222}.light-mode .task-action-menu-item--hover,.light-mode .task-action-menu-item:hover{background:#e3f0ff;color:#1976d2}.dark-mode .task-action-menu{background:#2d3748;border-color:#4a5568;box-shadow:0 8px 24px rgba(0,0,0,.3)}.dark-mode .task-action-menu-item{color:#e2e8f0}.dark-mode .task-action-menu-item--hover,.dark-mode .task-action-menu-item:hover{background:#2c5282;color:#63b3ed}.assistant-container{position:relative;top:0;left:0;max-width:100%;margin-top:var(--spacing-sm);display:flex;flex-direction:column;flex:1 1;min-height:0}.assistant-chat-layout{height:100vh;display:flex;flex-direction:column;overflow:hidden}.assistant-input-area{flex-shrink:0;padding:var(--spacing-sm);background:var(--bg-primary);border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-xs)}.assistant-auth-container{text-align:center;padding:24px;background-color:var(--background-light,#f8f9fa);color:var(--text-dark,#212529);box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:var(--radius-lg);margin:16px}.assistant-message-container{flex:1 1;overflow-y:auto;transition:all .3s ease;padding:var(--spacing-sm) var(--spacing-sm) 0 var(--spacing-sm);min-height:300px;max-height:calc(100vh - 120px)}@media (max-width:768px){.assistant-container{position:relative;top:0;left:0;width:100%;margin-top:var(--spacing-sm)}.assistant-auth-container{margin:8px;padding:16px}.assistant-message-container{min-height:250px;max-height:calc(100vh - 150px)}}@media (max-width:480px){.assistant-container{padding:8px;margin-top:var(--spacing-xs)}.assistant-auth-container{margin:4px;padding:12px}.assistant-message-container{min-height:200px;max-height:calc(100vh - 120px)}}.light-mode .assistant-auth-container{background-color:#f8f9fa;color:#212529;box-shadow:0 4px 6px rgba(0,0,0,.1)}.dark-mode .assistant-container{color:var(--text-light,#e2e8f0)}.dark-mode .assistant-auth-container{background-color:#2d3748;color:#e2e8f0;box-shadow:0 4px 6px rgba(0,0,0,.3)}.dark-mode .assistant-message-container{color:var(--text-light,#e2e8f0)}.project-list{list-style:none;padding:0;margin:0}.project-list-item{cursor:pointer;padding:10px;border-bottom:1px solid var(--border-color,#ccc);background-color:transparent;transition:background-color .2s ease;border-radius:var(--radius-xs);margin:2px 0}.project-list-item:hover{background-color:var(--hover-background,#f5f5f5)}.project-list-item--selected{background-color:var(--selection-background,#e5f3ff);border-left:3px solid var(--primary-color,#1976d2)}.project-list-item--selected:hover{background-color:var(--selection-hover,#d1e7ff)}@media (max-width:768px){.project-list-item{padding:12px;margin:3px 0}}@media (max-width:480px){.project-list-item{padding:14px;margin:4px 0;font-size:16px}}.light-mode .project-list-item{border-bottom-color:#ccc}.light-mode .project-list-item:hover{background-color:#f5f5f5}.light-mode .project-list-item--selected{background-color:#e5f3ff}.light-mode .project-list-item--selected:hover{background-color:#d1e7ff}.dark-mode .project-list-item{border-bottom-color:#4a5568;color:var(--text-light,#e2e8f0)}.dark-mode .project-list-item:hover{background-color:#2d3748}.dark-mode .project-list-item--selected{background-color:#2c5282}.dark-mode .project-list-item--selected:hover{background-color:#2a4365}.auth-container{max-width:400px;margin:0 auto;padding:var(--padding-fixed)}.auth-title{font-size:24px;font-weight:600;margin-bottom:24px;text-align:center;color:var(--text-primary,#333)}.auth-message{padding:12px;border-radius:var(--radius-lg);margin-bottom:16px;font-weight:700}.auth-message--success{background-color:var(--success-background,#d4edda);color:var(--success-text,#155724);border:1px solid var(--success-border,#c3e6cb)}.auth-message--error{background-color:var(--error-background,#f8d7da);color:var(--error-text,#721c24);border:1px solid var(--error-border,#f5c6cb)}.auth-input{display:block;margin-bottom:16px;width:100%;padding:12px;border:2px solid var(--border-color,#e0e0e0);border-radius:var(--radius-lg);font-size:16px;transition:border-color .2s ease;background-color:var(--input-background,white);color:var(--text-primary,#333)}.auth-input:focus{outline:none;border-color:var(--primary-color,#0070f3);box-shadow:0 0 0 3px var(--focus-shadow,rgba(0,112,243,.1))}.auth-input:disabled{background-color:var(--disabled-background,#f5f5f5);color:var(--disabled-text,#999);cursor:not-allowed}.auth-button{background-color:var(--primary-color,#0070f3);color:white;padding:12px;width:100%;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s ease}.auth-button:hover:not(:disabled){background-color:var(--primary-hover,#0056b3)}.auth-button:disabled{background-color:var(--disabled-color,#ccc);cursor:not-allowed}@media (max-width:768px){.auth-container{padding:16px;margin:0 16px}.auth-title{font-size:22px;margin-bottom:20px}}@media (max-width:480px){.auth-container{padding:12px;margin:0 8px}.auth-title{font-size:20px;margin-bottom:18px}.auth-button,.auth-input{padding:10px;font-size:16px}}.test-container{max-width:400px;margin:0 auto}.test-content{padding:1rem}.light-mode .auth-container{background-color:white}.light-mode .auth-title{color:#333}.light-mode .auth-input{background-color:white;color:#333;border-color:#e0e0e0}.light-mode .auth-message--success{background-color:#d4edda;color:#155724;border-color:#c3e6cb}.light-mode .auth-message--error{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}.dark-mode .auth-container{background-color:#1a202c}.dark-mode .auth-title{color:#e2e8f0}.dark-mode .auth-input{background-color:#2d3748;color:#e2e8f0;border-color:#4a5568}.dark-mode .auth-message--success{background-color:#22543d;color:#9ae6b4;border-color:#38a169}.dark-mode .auth-message--error{background-color:#742a2a;color:#feb2b2;border-color:#e53e3e}.test-content--spaced{margin-top:1rem}.test-page-container{max-width:var(--size-container);margin:0 auto;padding:var(--padding-fixed)}.test-box{padding:16px;border-radius:var(--radius-lg);margin-bottom:20px;border:1px solid transparent}.test-box--info{background-color:var(--info-bg,#f0f9ff);border-color:var(--info-border,#0ea5e9)}.test-box--warning{background-color:var(--warning-bg,#fef3c7);border-color:var(--warning-border,#f59e0b)}.test-box--neutral{background-color:var(--neutral-bg,#f3f4f6);border-color:var(--neutral-border,#e5e7eb)}.test-box--success{background-color:var(--success-bg,#ecfdf5);border-color:var(--success-border,#10b981)}.test-box--danger{background-color:var(--danger-bg,#fef2f2);border-color:var(--danger-border,#ef4444)}.u-mb-30{margin-bottom:30px}.u-mt-20{margin-top:20px}.dark-mode .test-box--info{--info-bg:#0c4a6e;--info-border:#38bdf8;color:#e0f2fe}.dark-mode .test-box--warning{--warning-bg:#7c2d12;--warning-border:#f59e0b;color:#ffedd5}.dark-mode .test-box--neutral{--neutral-bg:#1f2937;--neutral-border:#374151;color:#e5e7eb}.dark-mode .test-box--success{--success-bg:#14532d;--success-border:#10b981;color:#d1fae5}.dark-mode .test-box--danger{--danger-bg:#7f1d1d;--danger-border:#ef4444;color:#fee2e2}@media (max-width:768px){.test-page-container{padding:16px}}.admin-container,.admin-loading{display:flex;min-height:100vh}.admin-loading{justify-content:center;align-items:center;font-size:18px}.admin-sidebar{width:220px;background:var(--sidebar-bg,#f5f5f5);padding:var(--padding-fixed)}.admin-user-card{margin-bottom:20px;padding:15px;background:var(--info-bg,#e0f2fe);border-radius:var(--radius-lg);font-size:14px}.admin-user-name{font-weight:700;margin-bottom:5px}.admin-user-role{color:#666}.admin-nav{list-style:none;padding:0;margin:0}.admin-nav-button{width:100%;padding:10px 0;margin:8px 0;border:none;border-radius:var(--radius-xs);cursor:pointer;background:transparent;color:#222}.admin-nav-button--active{background:var(--primary,#2563eb);color:#fff;font-weight:700}.admin-nav-button:not(.admin-nav-button--active):hover{background:#f1f5f9}.admin-main{flex:1 1;padding:32px}.dark-mode .admin-sidebar{--sidebar-bg:#1f2937}.dark-mode .admin-user-card{--info-bg:#0c4a6e;color:#e0f2fe}.dark-mode .admin-nav-button{color:#e5e7eb}.dark-mode .admin-nav-button--active{background:#2563eb}.admin-sidebar--border{border-right:1px solid #e2e8f0}.admin-header-title{margin:0 0 10px;color:#1e293b}.admin-section-title{margin:0;color:#1e293b}.admin-section-subtitle{color:#64748b;margin:5px 0 0}.admin-content-card{background:#f8fafc;padding:24px;border-radius:var(--radius-xl);border:1px solid #e2e8f0}.admin-nav-item{margin-bottom:5px}.admin-nav-button--outlined{border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:12px 15px;text-align:left;display:flex;align-items:center;gap:10px;color:#475569}.admin-nav-button--outlined.admin-nav-button--active{border-color:#2563eb;color:#fff}.admin-nav-button--outlined:hover:not(.admin-nav-button--active){background:#f1f5f9}.admin-nav-icon{font-size:16px}.admin-user-card--blue{padding:15px;background:#dbeafe;border-radius:var(--radius-lg);font-size:14px;border:1px solid #93c5fd}.admin-btn{border:none;border-radius:var(--radius-xs);cursor:pointer}.admin-btn--danger{background:#dc2626;color:white;padding:8px;width:100%;font-size:12px}.dark-mode .admin-content-card{background:#111827;border-color:#374151}.dark-mode .admin-section-title{color:#e5e7eb}.dark-mode .admin-section-subtitle{color:#9ca3af}.dark-mode .admin-user-card--blue{background:#1e3a8a;border-color:#1d4ed8;color:#e0e7ff}.dark-mode .admin-btn--danger{background:#b91c1c}.admin-test-wrapper{min-height:100vh;background-color:#f8fafc;padding:var(--padding-fixed)}.admin-test-header{max-width:var(--size-container);margin:0 auto 30px;text-align:center}.admin-test-title{color:#1f2937;margin-bottom:12px;font-size:32px;font-weight:700}.admin-test-subtitle{color:#6b7280;font-size:16px;margin:0;line-height:1.6}.dark-mode .admin-test-wrapper{background-color:#0f172a}.dark-mode .admin-test-title{color:#e5e7eb}.dark-mode .admin-test-subtitle{color:#9ca3af}.admin-section{padding:var(--padding-fixed)}.admin-tabs{margin:10px 0 20px}.admin-tab{margin-right:10px;padding:10px;background:#f0f0f0;color:black;border-radius:var(--radius-2xs);border:none;cursor:pointer}.admin-tab.admin-tab--active{background:#0070f3;color:white}.admin-row{display:flex;gap:10px;margin-bottom:20px}.admin-input{padding:10px;width:100%}.admin-input--small{padding:5px}.admin-flex-1{flex:1 1}.admin-btn--add{background:green;color:white;border:none;border-radius:var(--radius-2xs);padding:10px}.u-my-10{margin:10px 0}.text-muted{color:#888}.admin-list{list-style:none;padding:0;margin:0}.admin-list-item{margin-bottom:8px;display:flex;align-items:center;gap:10px}.enum-btn{background:none;border:none;border-radius:var(--radius-pill);padding:6px;font-size:var(--font-size-lg);cursor:pointer;transition:background .2s;margin-left:4px;margin-right:2px;display:inline-flex;align-items:center;justify-content:center}.enum-btn.edit{color:#f59e42}.enum-btn.edit:hover{background:#fff7ed}.enum-btn.danger{color:#e53935}.enum-btn.danger:hover{background:#ffebee}.enum-btn.success{color:#22c55e}.enum-btn.success:hover{background:#e6fbe8}.enum-btn.save{color:#2563eb}.enum-btn.save:hover{background:#e0e7ff}.enum-btn.cancel{color:#6b7280}.enum-btn.cancel:hover{background:#e5e7eb}.quality-charts{background:#fff;border-radius:var(--radius-4xl);box-shadow:0 2px 8px #e5e7eb;padding:24px;margin-bottom:24px}.charts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.charts-title{margin:0;color:#1f2937}.chart-controls{display:flex;gap:12px;align-items:center}.chart-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:var(--radius-3xs);font-size:14px;min-width:150px}.chart-container{border:1px solid #e5e7eb;border-radius:var(--radius-lg);padding:var(--padding-fixed);background:#f9fafb}.chart-header{margin-bottom:20px;text-align:center}.chart-header h3{margin:0 0 8px;color:#1f2937}.chart-description{margin:0;color:#6b7280;font-size:14px}.chart-content{margin-bottom:20px}.bar-chart{display:flex;flex-direction:column;gap:16px}.bar-item{display:flex;align-items:center;gap:12px}.bar-label{min-width:120px;font-size:12px;color:#374151}.bar-container{flex:1 1;height:24px;background:#e5e7eb;border-radius:var(--radius-xl);overflow:hidden}.bar{height:100%;display:flex;align-items:center;justify-content:center;position:relative;transition:width .3s ease;color:#fff;font-size:11px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.bar--success{background:rgba(16,185,129,.8)}.bar--info{background:rgba(59,130,246,.8)}.bar--warning{background:rgba(245,158,11,.8)}.bar--danger{background:rgba(239,68,68,.8)}.bar--w-0{width:0}.bar--w-5{width:5%}.bar--w-10{width:10%}.bar--w-15{width:15%}.bar--w-20{width:20%}.bar--w-25{width:25%}.bar--w-30{width:30%}.bar--w-35{width:35%}.bar--w-40{width:40%}.bar--w-45{width:45%}.bar--w-50{width:50%}.bar--w-55{width:55%}.bar--w-60{width:60%}.bar--w-65{width:65%}.bar--w-70{width:70%}.bar--w-75{width:75%}.bar--w-80{width:80%}.bar--w-85{width:85%}.bar--w-90{width:90%}.bar--w-95{width:95%}.bar--w-100{width:100%}.dual-chart{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.chart-column h4{margin:0 0 16px;color:#374151;text-align:center}.metric-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f4f6}.metric-label{font-size:12px;color:#6b7280}.metric-value{font-weight:600;color:#374151}.response-time-chart{display:flex;flex-direction:column;gap:16px}.response-item{display:flex;align-items:center;gap:12px}.response-label{min-width:120px;font-size:12px;color:#374151}.response-bar{flex:1 1;height:20px;background:#e5e7eb;border-radius:10px;overflow:hidden}.response-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center;transition:width .3s ease;color:#fff;font-size:11px;font-weight:600}.response--w-0{width:0}.response--w-5{width:5%}.response--w-10{width:10%}.response--w-15{width:15%}.response--w-20{width:20%}.response--w-25{width:25%}.response--w-30{width:30%}.response--w-35{width:35%}.response--w-40{width:40%}.response--w-45{width:45%}.response--w-50{width:50%}.response--w-55{width:55%}.response--w-60{width:60%}.response--w-65{width:65%}.response--w-70{width:70%}.response--w-75{width:75%}.response--w-80{width:80%}.response--w-85{width:85%}.response--w-90{width:90%}.response--w-95{width:95%}.response--w-100{width:100%}.pie-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.pie-segment{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:var(--radius-lg);border:1px solid #e5e7eb}.pie-color{width:16px;height:16px;border-radius:var(--radius-pill)}.pie-color--success{background:rgba(16,185,129,.8)}.pie-color--info{background:rgba(59,130,246,.8)}.pie-color--warning{background:rgba(245,158,11,.8)}.pie-color--danger{background:rgba(239,68,68,.8)}.pie-info{display:flex;flex-direction:column;gap:4px}.pie-label{font-size:12px;color:#374151}.pie-value{font-size:14px;font-weight:600;color:#1f2937}.chart-insights{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:var(--radius-lg);padding:16px}.chart-insights h4{margin:0 0 12px;color:#0c4a6e}.chart-insights ul{margin:0;padding-left:20px}.chart-insights li{margin-bottom:8px;color:#0c4a6e;font-size:14px}.charts-no-data{text-align:center;padding:40px;color:#6b7280}@media (max-width:768px){.dual-chart{grid-template-columns:1fr}.charts-header{flex-direction:column;align-items:stretch}.chart-controls{justify-content:center}}.quality-alerts{background:#fff;border-radius:var(--radius-4xl);box-shadow:0 2px 8px #e5e7eb;padding:24px;margin-bottom:24px}.alerts-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.icon-lg{font-size:24px}.alerts-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.summary-card{text-align:center;padding:16px;border-radius:var(--radius-lg)}.summary-card--critical{background:#fef2f2;color:#dc2626}.summary-card--warning{background:#fffbeb;color:#d97706}.summary-card--info{background:#eff6ff;color:#2563eb}.summary-card .count{font-size:20px;font-weight:700}.summary-card .label{font-size:12px}.alert-item{border-radius:var(--radius-lg);margin-bottom:16px;overflow:hidden;border:1px solid transparent}.alert-item--critical{background:#fef2f2;border-color:#dc2626;color:#dc2626}.alert-item--warning{background:#fffbeb;border-color:#d97706;color:#d97706}.alert-item--info{background:#eff6ff;border-color:#2563eb;color:#2563eb}.alert-header{padding:16px;cursor:pointer;display:flex;align-items:center;gap:12px}.alert-content{flex:1 1}.alert-title{margin:0 0 4px}.alert-message{margin:0;font-size:14px}.alert-badges{display:flex;gap:8px;align-items:center}.badge{padding:4px 8px;border-radius:var(--radius-xl);font-size:11px;font-weight:600;color:#fff}.priority--high{background:#dc2626}.priority--medium{background:#d97706}.priority--low{background:#059669}.impact--high{background:#dc2626}.impact--medium{background:#d97706}.impact--low{background:#059669}.alert-toggle{font-size:18px;transition:transform .2s}.alert-toggle.is-expanded{transform:rotate(90deg)}.alert-details{padding:0 16px 16px}.recommendations{margin-bottom:16px}.recommendations h5{margin:0 0 8px}.recommendations ul{margin:0;padding-left:20px}.recommendations li{margin-bottom:4px}.alert-actions h5{margin:0 0 8px}.alert-actions .actions-row{display:flex;gap:8px;flex-wrap:wrap}.alert-action-btn{padding:var(--padding-md-tight);border:1px solid;border-radius:var(--radius-3xs);background:#fff;cursor:pointer;font-size:12px;font-weight:700}.alert-action-btn:hover{filter:brightness(.95)}.alerts-empty{background:#fff;border-radius:var(--radius-4xl);box-shadow:0 2px 8px #e5e7eb;padding:24px;margin-bottom:24px;text-align:center}.alerts-empty .emoji{font-size:48px;margin-bottom:16px}.alerts-empty .title{margin:0 0 8px;color:#059669}.alerts-empty .text{margin:0;color:#6b7280}.quality-dashboard{padding:var(--padding-fixed);max-width:var(--size-container);margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.dashboard-title{margin:0;color:#1f2937}.dashboard-controls{display:flex;gap:15px;align-items:center}.time-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:var(--radius-3xs);font-size:14px}.refresh-btn{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:var(--radius-3xs);cursor:pointer;font-size:14px}.dashboard-section{background:#fff;border-radius:var(--radius-xl);padding:24px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.section-title{margin:0 0 20px;color:#1f2937}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px}.metric-card{text-align:center;padding:var(--padding-fixed);border-radius:var(--radius-lg);border:2px solid}.metric-card--blue{background:#f0f9ff;border-color:#0ea5e9;color:#0c4a6e}.metric-card--green{background:#f0fdf4;border-color:#22c55e;color:#166534}.metric-card--yellow{background:#fffbeb;border-color:#f59e0b;color:#92400e}.metric-value{font-size:32px;font-weight:700}.metric-label{font-size:14px}.volume-section{margin-top:24px;padding:var(--padding-fixed);background:#f8fafc;border-radius:var(--radius-xl);border:1px solid #e2e8f0}.volume-title{margin:0 0 16px;color:#475569;font-size:18px;text-align:center}.volume-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px}.volume-card{text-align:center;padding:16px;border-radius:var(--radius-lg);border:2px solid}.volume-card--yellow{background:#fef3c7;border-color:#f59e0b;color:#92400e}.volume-card--blue{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.volume-card--green{background:#dcfce7;border-color:#10b981;color:#065f46}.volume-value{font-size:28px;font-weight:700}.volume-label{font-size:12px}.last-updated{margin-top:20px;padding:16px;background:#f8fafc;border-radius:var(--radius-lg);font-size:14px;color:#64748b;text-align:center}.assistants-list{display:flex;flex-direction:column;gap:12px}.assistant-item{display:flex;align-items:center;padding:16px;border-radius:var(--radius-lg);border:1px solid #e5e7eb}.assistant-item--gold{background:#fef3c7;border-color:#f59e0b}.assistant-item--default{background:#f9fafb;border-color:#e5e7eb}.assistant-position{min-width:220px;padding:10px 16px;border-radius:25px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;margin-right:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.assistant-position--gold{background:#fef3c7;color:#92400e;border:3px solid #f59e0b}.assistant-position--default{background:#f3f4f6;color:#374151;border:2px solid #d1d5db}.assistant-info{flex:1 1;font-size:14px;color:#6b7280}.assistant-score{padding:8px 16px;border-radius:var(--radius-5xl);font-weight:700;font-size:18px;border:2px solid}.score--excellent{background:#dcfce7;color:#166534;border-color:#22c55e}.score--good{background:#dbeafe;color:#1e40af;border-color:#3b82f6}.score--average{background:#fef3c7;color:#92400e;border-color:#f59e0b}.score--poor{background:#fee2e2;color:#991b1b;border-color:#ef4444}.assistant-response-time{margin-left:16px;text-align:center;font-size:14px;color:#6b7280}.response-time-value{font-weight:700}.response-time-label{font-size:12px}.view-details-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:var(--radius-3xs);cursor:pointer;font-size:14px;margin-left:16px;transition:all .2s ease}.view-details-btn:hover{background:#2563eb;transform:translateY(-1px)}.no-assistants{text-align:center;padding:40px;background:#f8fafc;border-radius:var(--radius-lg);border:1px solid #e5e7eb;color:#6b7280}.no-assistants-title{margin:0 0 12px}.no-assistants-text{margin:0;font-size:16px}.inactive-note{margin-top:16px;padding:12px 16px;background:#f0f9ff;border-radius:var(--radius-lg);border:1px solid #0ea5e9;font-size:14px;color:#0c4a6e;text-align:center}.problems-list{display:flex;flex-direction:column;gap:16px}.problem-item{padding:var(--padding-fixed);background:#fef2f2;border-radius:var(--radius-lg);border:2px solid #ef4444}.problem-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.problem-title{margin:0;color:#991b1b}.problem-score-badge{padding:var(--padding-md-tight);background:#ef4444;color:#fff;border-radius:var(--radius-5xl);font-size:14px;font-weight:700}.problem-description{color:#991b1b;margin-bottom:16px}.problem-actions{display:flex;gap:12px;flex-wrap:wrap}.problem-action-btn{padding:8px 16px;border:none;border-radius:var(--radius-3xs);cursor:pointer;font-size:14px}.action-btn--analyze{background:#3b82f6;color:#fff}.action-btn--improve{background:#10b981;color:#fff}.action-btn--details{background:#f59e0b;color:#fff}.no-problems{text-align:center;padding:40px;background:#f0fdf4;border-radius:var(--radius-lg);border:2px solid #22c55e;color:#166534}.no-problems-title{margin:0 0 12px}.no-problems-text{margin:0;font-size:16px}.no-problems-note{margin-top:16px;padding:12px;background:#fef3c7;border-radius:var(--radius-3xs);border:1px solid #f59e0b;color:#92400e;font-size:14px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.special{background:#fff;border-radius:var(--radius-xl);padding:32px;max-width:800px;max-height:90vh;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);position:relative}.modal-close{position:absolute;top:16px;right:16px;font-size:24px;color:#6b7280}.modal-header{margin-bottom:24px}.modal-title{margin:0 0 8px;color:#1f2937}.modal-subtitle{color:#6b7280;font-size:14px}.modal-badge{margin-left:12px;padding:4px 8px;border-radius:var(--radius-xl);font-size:12px;font-weight:700}.badge--top5{background:#dcfce7;color:#166534}.badge--problematic{background:#fee2e2;color:#991b1b}.modal-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.modal-metric{text-align:center;padding:16px;border-radius:var(--radius-lg);border:2px solid}.modal-metric--blue{background:#f0f9ff;border-color:#0ea5e9;color:#0c4a6e}.modal-metric--green{background:#f0fdf4;border-color:#22c55e;color:#166534}.modal-metric--yellow{background:#fffbeb;border-color:#f59e0b;color:#92400e}.modal-metric-value{font-size:24px;font-weight:700}.modal-metric-label{font-size:12px}.modal-metric-extra{font-size:10px;margin-top:4px;opacity:.8}.feedback-section{margin-bottom:24px}.feedback-title{margin:0 0 16px;color:#1f2937}.feedback-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.feedback-card{padding:16px;border-radius:var(--radius-lg);border:1px solid}.feedback-card--positive{background:#f0fdf4;border-color:#22c55e}.feedback-card--negative{background:#fef2f2;border-color:#ef4444}.feedback-card--total{background:#f8fafc;border-color:#6b7280}.feedback-header{font-weight:700;margin-bottom:8px}.feedback-header--positive{color:#166534}.feedback-header--negative{color:#991b1b}.feedback-header--total{color:#374151}.feedback-value{font-size:24px;font-weight:700}.feedback-value--positive{color:#166534}.feedback-value--negative{color:#991b1b}.feedback-value--total{color:#374151}.actions-section{margin-bottom:24px}.actions-title{margin:0 0 16px;color:#1f2937}.actions-subtitle{color:#166534;font-size:var(--font-size-base);margin-left:8px}.actions-subtitle--problematic{color:#991b1b}.actions-grid{display:flex;gap:12px;flex-wrap:wrap}.modal-action-btn{padding:10px 20px;border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:14px}.action-btn--primary{background:#3b82f6;color:#fff}.action-btn--success{background:#10b981;color:#fff}.action-btn--purple{background:#8b5cf6;color:#fff}.action-btn--warning{background:#f59e0b;color:#fff}.tech-info{padding:16px;background:#f8fafc;border-radius:var(--radius-lg);border:1px solid #e5e7eb;margin-bottom:24px}.tech-info-title{margin:0 0 12px;color:#374151}.tech-info-content{font-size:14px;color:#6b7280}.tech-info-content div{margin-bottom:4px}.excellence-section{padding:var(--padding-fixed);background:#f0fdf4;border-radius:var(--radius-lg);border:2px solid #22c55e;margin-bottom:24px}.excellence-title{margin:0 0 16px;color:#166534;display:flex;align-items:center}.excellence-content{font-size:14px;color:#166534}.excellence-content p{margin:0 0 12px}.excellence-content ul{margin:0 0 0 20px;padding:0}.excellence-content li{margin-bottom:4px}.problematic-section{padding:var(--padding-fixed);background:#fef2f2;border-radius:var(--radius-lg);border:2px solid #ef4444;margin-bottom:24px}.problematic-title{margin:0 0 16px;color:#991b1b;display:flex;align-items:center}.problematic-content{font-size:14px;color:#991b1b}.problematic-content p{margin:0 0 12px}.problematic-content ul{margin:0 0 0 20px;padding:0}.problematic-content li{margin-bottom:4px}.error-section{padding:var(--padding-fixed);text-align:center}.error-text,.error-title{color:#dc2626;margin-bottom:20px}.error-btn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:var(--radius-3xs);cursor:pointer}.loading-section{padding:40px;text-align:center}.loading-title{margin-bottom:16px}.loading-text{color:#6b7280}.text-center{text-align:center}.flex{display:flex}.bg-white{background-color:white}.p-4{padding:16px}.mb-4{margin-bottom:16px}.mt-5{margin-top:20px}.rounded{border-radius:var(--radius-lg)}.shadow{box-shadow:0 2px 8px rgba(0,0,0,.1)}.text-white{color:white}.text-dark{color:#333}.text-muted{color:#666}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-left{text-align:left}.text-right{text-align:right}.block{display:block}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-6xl{max-width:var(--size-container)}.max-w-4xl{max-width:800px}.max-w-2xl{max-width:500px}.max-w-xl{max-width:400px}.mx-auto{margin:0 auto}.p-0{padding:0}.m-0{margin:0}.border-none{border:none}.outline-none{outline:none}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.z-50{z-index:1000}.z-40{z-index:999}.opacity-80{opacity:.8}.opacity-60{opacity:.6}.transform{transform:translateY(-2px)}.transition-all{transition:all .2s ease}.duration-200{transition-duration:.2s}.bg-gray-50{background-color:#f8f9fa}.bg-gray-200{background-color:#e9ecef}.bg-gray-300{background-color:#dee2e6}.bg-green-500{background-color:#28a745}.bg-yellow-500{background-color:#ffc107}.bg-blue-500{background-color:#17a2b8}.bg-purple-500{background-color:#6f42c1}.text-red-500{color:#dc3545}.supervision-card-icon--dynamic,.supervision-card-value--dynamic{transition:color .3s ease}.dashboard-bar--dynamic-height{transition:height .3s ease}.dashboard-bar-feedback-positive--dynamic{background-color:var(--color-success);transition:height .3s ease}.dashboard-bar-feedback-negative--dynamic{background-color:var(--color-error);transition:height .3s ease}.scroll-button{opacity:1;pointer-events:auto;transition:opacity .3s ease,pointer-events .3s ease}.scroll-button--hidden{opacity:0;pointer-events:none}.context-menu-positioned,.task-action-menu-positioned{position:absolute}.priority-indicator{padding:var(--spacing-sm);margin:var(--spacing-sm);background-color:var(--bg-primary);display:flex}.priority-badge,.priority-indicator{text-align:center;align-items:center;justify-content:center}.priority-badge{padding:var(--spacing-xs);margin:var(--spacing-xs);background-color:var(--color-white);display:inline-flex}.hidden{display:none}.text-xs{font-size:12px}.border{border:1px solid #e0e0e0}.border-gray-300{border-color:#e0e0e0}.border-gray-400{border-color:#ccc}.rounded-sm{border-radius:var(--radius-xs)}.rounded-md{border-radius:var(--radius-3xs)}.rounded-lg{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-pill)}.p-2{padding:8px}.p-3{padding:12px}.p-6{padding:24px}.p-8{padding:32px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-5{margin-bottom:20px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.ml-2{margin-left:8px}.mr-2{margin-right:8px}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-center{align-items:center}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.supervision-card-icon--dynamic{display:inline-block}.supervision-card-value--dynamic{font-weight:700}.dashboard-bar--dynamic-height{width:100%}.dashboard-bar-feedback-positive--dynamic{background-color:#22c55e;min-height:1px}.dashboard-bar-feedback-negative--dynamic{background-color:#ef4444;min-height:1px}.assistant-emoji{font-size:1.5em;display:inline-block;min-width:2em;text-align:center}.assistant-objet{font-weight:700;color:var(--text-color,#333)}.assistant-category{background:var(--primary-color-light,#e3f2fd);color:var(--primary-color-dark,#1976d2)}.assistant-category,.assistant-model{padding:4px 8px;border-radius:var(--radius-xs);font-size:.85em;font-weight:700}.assistant-model{background:var(--secondary-color-light,#f3e5f5);color:var(--secondary-color-dark,#7b1fa2)}.assistant-status{padding:4px 8px;border-radius:var(--radius-xs);font-size:.85em;font-weight:700}.assistant-status--active{background:var(--success-color-light,#e8f5e8);color:var(--success-color-dark,#2e7d32)}.assistant-status--inactive{background:var(--error-color-light,#ffebee);color:var(--error-color-dark,#c62828)}.admin-table-row--inactive{opacity:.6;background-color:var(--background-color-light,#f5f5f5)}.admin-stats{display:flex;gap:20px;margin-bottom:20px;padding:15px;background:var(--background-color-light,#f8f9fa);border-radius:var(--radius-lg);border:1px solid var(--border-color,#e0e0e0)}.admin-stat{display:flex;flex-direction:column;align-items:center;gap:5px}.admin-stat-label{font-size:.85em;color:var(--text-color-light,#666);font-weight:700}.admin-stat-value{font-size:1.5em;font-weight:700;color:var(--primary-color,#1976d2)}.admin-note{margin-top:20px;padding:15px;background:var(--info-color-light,#e3f2fd);border-left:4px solid var(--info-color,#2196f3);border-radius:var(--radius-xs);color:var(--text-color,#333);font-size:var(--font-size-base)}.dark-mode .assistant-category{background:var(--primary-color-dark,#1565c0);color:var(--primary-color-light,#e3f2fd)}.dark-mode .assistant-model{background:var(--secondary-color-dark,#6a1b9a);color:var(--secondary-color-light,#f3e5f5)}.dark-mode .assistant-status--active{background:var(--success-color-dark,#1b5e20);color:var(--success-color-light,#e8f5e8)}.dark-mode .assistant-status--inactive{background:var(--error-color-dark,#b71c1c);color:var(--error-color-light,#ffebee)}.dark-mode .admin-table-row--inactive{background-color:var(--background-color-dark,#2d3748)}.dark-mode .admin-stats{background:var(--background-color-dark,#2d3748);border-color:var(--border-color-dark,#4a5568)}.dark-mode .admin-note{background:var(--info-color-dark,#0d47a1);border-left-color:var(--info-color-light,#42a5f5);color:var(--text-color-light,#e2e8f0)}.conversation-container{max-width:var(--size-container);margin:0 auto;padding:var(--padding-fixed)}.conversation-header{margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-color,#eee)}.conversation-back-link{color:var(--primary-color,#2196f3);text-decoration:none;display:inline-block;margin-bottom:20px;font-weight:700;transition:color .2s ease}.conversation-back-link:hover{color:var(--primary-hover,#1976d2)}.conversation-metadata{color:var(--text-muted,#666);display:flex;gap:20px;flex-wrap:wrap;margin-top:10px;font-size:var(--font-size-base)}.conversation-system-prompt{font-style:italic;color:var(--text-secondary,#555)}.conversation-messages-container{margin:20px 0;padding:10px}.conversation-message{margin-bottom:20px;padding:15px;border-radius:10px;background:var(--background-color,#fff);box-shadow:0 2px 4px rgba(0,0,0,.1);transition:box-shadow .2s ease}.conversation-message:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)}.conversation-message.user-message{margin-left:auto;margin-right:20px;background:var(--user-message-bg,#e3f2fd);color:var(--user-message-text,#1e293b)}.conversation-message.assistant-message{margin-right:auto;margin-left:20px;background:var(--assistant-message-bg,#f8fafc);color:var(--assistant-message-text,#0f172a)}.conversation-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.1)}.conversation-role-badge{font-weight:600;font-size:var(--font-size-base);color:var(--primary-color,#2196f3)}.conversation-message-time{color:var(--text-muted,#64748b);font-size:.8em}.conversation-message-content{font-size:1rem}.conversation-message-content .content{overflow-wrap:break-word;word-wrap:break-word}.conversation-content{line-height:1.6}.conversation-content p{margin:.5em 0}.conversation-content pre{background:var(--code-bg,#f1f5f9);padding:1rem;border-radius:var(--radius-xs);overflow-x:auto;margin:.5em 0}.conversation-content code{background:var(--code-bg,#f1f5f9);padding:.2em .4em;border-radius:3px;font-size:var(--font-size-base);font-family:monospace}.conversation-content ol,.conversation-content ul{margin:.5em 0;padding-left:1.5em}.conversation-content blockquote{margin:.5em 0;padding-left:1em;border-left:3px solid var(--border-color,#cbd5e1);color:var(--text-muted,#64748b)}.conversation-content h1,.conversation-content h2,.conversation-content h3,.conversation-content h4,.conversation-content h5,.conversation-content h6{margin:1em 0 .5em;line-height:1.3;color:inherit}.conversation-content a{color:var(--primary-color,#2196f3);text-decoration:none}.conversation-content a:hover{text-decoration:underline}.conversation-content table{border-collapse:collapse;width:100%;margin:1em 0}.conversation-content td,.conversation-content th{border:1px solid var(--border-color,#e2e8f0);padding:8px;text-align:left}.conversation-content th{background:var(--table-header-bg,#f8fafc)}.conversation-edit-container{width:100%}.conversation-edit-textarea{width:100%;padding:12px;border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-xs);margin-bottom:10px;font-family:inherit;font-size:inherit;resize:vertical;min-height:var(--min-height-input);background:var(--background-color,#fff);color:var(--text-color,#0f172a);transition:all .2s ease}.conversation-edit-textarea:focus{border-color:var(--primary-color,#2196f3);box-shadow:0 0 0 2px rgba(33,150,243,.1);outline:none}.conversation-edit-actions{display:flex;gap:10px;justify-content:flex-end}.conversation-btn{padding:var(--padding-md-tight);border:none;border-radius:var(--radius-xs);cursor:pointer;font-size:var(--font-size-base);font-weight:700;transition:all .2s ease}.conversation-btn:hover:not(:disabled){transform:translateY(-1px);opacity:.9}.conversation-btn:disabled{opacity:.6;cursor:not-allowed}.conversation-edit-btn{background:var(--primary-color,#2196f3);color:white}.conversation-copy-btn,.conversation-save-btn{background:var(--success-color,#4caf50);color:white}.conversation-cancel-btn{background:var(--error-color,#f44336);color:white}.conversation-feedback-buttons{display:flex;gap:5px}.conversation-feedback-btn{padding:5px 10px;background:var(--background-secondary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);transition:all .2s ease}.conversation-feedback-btn.active{background:var(--primary-color,#2196f3);color:white;border-color:var(--primary-color,#2196f3)}.conversation-feedback-input{margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,0,0,.1)}.conversation-feedback-textarea{width:100%;padding:12px;border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-xs);margin-bottom:10px;font-family:inherit;resize:vertical;min-height:80px;background:var(--background-color,#fff);color:var(--text-color,#0f172a);transition:all .2s ease}.conversation-feedback-textarea:focus{border-color:var(--primary-color,#2196f3);box-shadow:0 0 0 2px rgba(33,150,243,.1);outline:none}.conversation-submit-feedback-btn{background:var(--primary-color,#2196f3);color:white;width:100%;padding:8px}.conversation-new-message{position:-webkit-sticky;position:sticky;bottom:0;background:var(--background-color,white);padding:var(--padding-fixed);border-top:1px solid var(--border-color,#e2e8f0);box-shadow:0 -2px 10px rgba(0,0,0,.1)}.conversation-new-message textarea{width:100%;padding:12px;border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-xs);margin-bottom:10px;resize:vertical;font-family:inherit;font-size:1rem;min-height:var(--min-height-input);background:var(--background-color,#fff);color:var(--text-color,#0f172a);transition:all .2s ease}.conversation-new-message textarea:focus{border-color:var(--primary-color,#2196f3);box-shadow:0 0 0 2px rgba(33,150,243,.1);outline:none}.conversation-send-btn{background:var(--primary-color,#2196f3);color:white;padding:10px 20px;width:100%;font-weight:600}.conversation-send-btn:disabled{background:var(--text-muted,#cbd5e1)}.conversation-upload-indicator{color:var(--primary-color,#0070f3);margin:10px 0}.conversation-upload-success{color:var(--success-color,green);margin:10px 0}.light-mode .conversation-container{--user-message-bg:#e3f2fd;--user-message-text:#1e293b;--assistant-message-bg:#f8fafc;--assistant-message-text:#0f172a;--code-bg:#f1f5f9;--table-header-bg:#f8fafc}.dark-mode .conversation-container{--user-message-bg:#1e3a8a;--user-message-text:#e2e8f0;--assistant-message-bg:#1e293b;--assistant-message-text:#f1f5f9;--code-bg:#334155;--table-header-bg:#374151}.admin-form{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.admin-form,.admin-form-group{margin-bottom:var(--spacing-md)}.admin-form-label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}.admin-form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--bg-input);color:var(--text-input);transition:var(--transition-all)}.admin-form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,123,255,.1)}.admin-form-button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:white;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:var(--transition-all);margin-right:var(--spacing-sm)}.admin-form-button:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.admin-form-status{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;text-align:center}.admin-form-message,.admin-form-status{border-radius:var(--radius-sm);margin-top:var(--spacing-sm)}.admin-form-message{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.admin-form-message--error{background:var(--color-error-light);color:var(--color-error-dark);border:1px solid var(--color-error)}.admin-form-message--success{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success)}.admin-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.admin-table-header{background:var(--color-gray-100);color:var(--text-primary);font-weight:600;padding:var(--spacing-md);text-align:left;border-bottom:2px solid var(--border-primary)}.admin-table-row{border-bottom:1px solid var(--border-primary);transition:var(--transition-all)}.admin-table-row:hover{background:var(--color-gray-50)}.admin-table-cell{padding:var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-sm)}.admin-table-actions{display:flex;gap:var(--spacing-sm);align-items:center}.admin-action-button{padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;cursor:pointer;transition:var(--transition-all)}.admin-action-button--danger{background:var(--color-error);color:white}.admin-action-button--danger:hover{background:var(--color-error-dark)}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.admin-modal-content{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:500px;width:90%;box-shadow:var(--shadow-xl)}.admin-modal-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.admin-modal-message{color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.admin-modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.admin-modal-button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:var(--transition-all)}.admin-modal-button--secondary{background:var(--color-gray-600);color:white}.admin-modal-button--secondary:hover{background:var(--color-gray-700)}.admin-modal-button--danger{background:var(--color-error);color:white}.admin-modal-button--danger:hover{background:var(--color-error-dark)}.supervision-card-icon{width:var(--size-icon-md);height:var(--size-icon-md);color:var(--color-primary);margin-right:var(--spacing-sm)}.supervision-card-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:var(--spacing-xs) 0}.supervision-card-stats{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-xs)}.dashboard-chart{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)}.dashboard-bar{height:8px;border-radius:var(--radius-sm);margin:var(--spacing-xs) 0;transition:var(--transition-all)}.dashboard-bar.users{background:var(--color-primary)}.dashboard-bar.projects{background:var(--color-success)}.dashboard-bar.feedbacks{background:var(--color-warning)}.dashboard-bar.contacts{background:var(--color-info)}.dashboard-legend{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);flex-wrap:wrap}.dashboard-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.dashboard-metrics--empty{text-align:center;color:var(--text-muted);padding:var(--spacing-xl);font-style:italic}.activity-log{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-md);box-shadow:var(--shadow-sm)}.activity-log-item{display:flex;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-primary)}.activity-log-item:last-child{border-bottom:none}.activity-log-icon{width:var(--size-icon-sm);height:var(--size-icon-sm);margin-right:var(--spacing-sm);color:var(--color-primary)}.activity-log-content{flex:1 1;font-size:var(--font-size-sm);color:var(--text-primary)}.activity-log-date{font-size:var(--font-size-xs);color:var(--text-muted);margin-left:var(--spacing-sm)}.activity-log--empty{text-align:center;color:var(--text-muted);padding:var(--spacing-xl);font-style:italic}.nav-link--home{color:var(--color-primary);font-weight:600}.nav-link.active{background:var(--color-primary);color:white;border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm)}.nav-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin:0}.nav-logo{width:var(--size-icon-md);height:var(--size-icon-md);margin-right:var(--spacing-sm)}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown--right{right:0;left:auto}.nav-dropdown--center{left:50%;transform:translateX(-50%)}.nav-button{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;transition:var(--transition-all);text-decoration:none;display:inline-flex;align-items:center}.nav-button--primary{background:var(--color-primary);color:white}.nav-button--primary:hover{background:var(--color-primary-dark)}.nav-button--icon{padding:var(--spacing-sm);width:var(--size-icon-md);height:var(--size-icon-md);justify-content:center}.nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:var(--z-overlay)}.nav-mobile-link--highlight{background:var(--color-primary);color:white;border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-weight:600}.grid-responsive{display:grid;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.grid-responsive,.grid-responsive--2-cols,.grid-responsive--3-cols,.grid-responsive--4-cols{grid-template-columns:1fr}@media (min-width:768px){.grid-responsive--2-cols,.grid-responsive--3-cols,.grid-responsive--4-cols{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-responsive--3-cols,.grid-responsive--4-cols{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.grid-responsive--4-cols{grid-template-columns:repeat(4,1fr)}}.flex-responsive{display:flex;gap:var(--spacing-md)}.flex-responsive,.flex-responsive--row{flex-direction:column}.flex-responsive--wrap{flex-wrap:wrap}@media (min-width:768px){.flex-responsive--row{flex-direction:row}}.container-responsive{width:100%;max-width:100%;margin:0 auto;padding:var(--spacing-sm)}.container-responsive--sm{max-width:640px}.container-responsive--md{max-width:768px}.container-responsive--lg{max-width:1024px}.container-responsive--xl{max-width:1200px}.container-responsive--2xl{max-width:1400px}.section-responsive{padding:var(--spacing-md) 0}.section-responsive--sm{padding:var(--spacing-sm) 0}.section-responsive--lg{padding:var(--spacing-lg) 0}.section-responsive--xl{padding:var(--spacing-xl) 0}.mobile-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-md);text-align:center}.error-message{background:var(--color-error-light);color:var(--color-error-dark);border:1px solid var(--color-error);border-radius:var(--radius-sm)}.error-message,.success-message{padding:var(--spacing-sm);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0}.success-message{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success);border-radius:var(--radius-sm)}.status-badge{display:inline-block;text-transform:uppercase;letter-spacing:.5px}.project-status,.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.project-status{text-align:center;min-width:80px}.light-mode .admin-form{background:white;border-color:var(--color-gray-200)}.dark-mode .admin-form{background:var(--color-gray-800);border-color:var(--color-gray-600)}.light-mode .admin-table-header{background:var(--color-gray-100);color:var(--color-gray-800)}.dark-mode .admin-table-header{background:var(--color-gray-700);color:var(--color-gray-200)}.light-mode .dashboard-chart{background:white;border:1px solid var(--color-gray-200)}.dark-mode .dashboard-chart{background:var(--color-gray-800);border:1px solid var(--color-gray-600)}.mobile-touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition-all)}.mobile-touch-target:active{transform:scale(.95)}.mobile-touch-comfort{min-height:var(--touch-target-comfort);min-width:var(--touch-target-comfort);padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition-all)}.mobile-touch-comfort:active{transform:scale(.95)}.mobile-touch-large{min-height:var(--touch-target-large);min-width:var(--touch-target-large);padding:var(--spacing-md);display:flex;align-items:center;justify-content:center;transition:var(--transition-all)}.mobile-touch-large:active{transform:scale(.95)}.mobile-header{padding:var(--spacing-sm) 0 var(--spacing-xs) 0;margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-gray-200);background:var(--bg-primary);margin-top:var(--spacing-sm)}.mobile-title{font-weight:600;line-height:1.2;margin-bottom:0}.mobile-subtitle,.mobile-title{font-size:var(--font-size-mobile-subtitle);color:var(--text-primary)}.mobile-subtitle{font-weight:700;line-height:1.3}.mobile-subtitle,.mobile-text{margin-bottom:var(--spacing-sm)}.mobile-text{font-size:var(--font-size-mobile-text);line-height:1.5;color:var(--text-primary)}.mobile-caption{font-size:var(--font-size-mobile-caption);line-height:1.4;color:var(--text-muted)}.mobile-spacing-xs{margin:var(--spacing-xs)}.mobile-spacing-sm{margin:var(--spacing-sm)}.mobile-card-compact,.mobile-container-compact{padding:var(--spacing-xs);margin:0}.mobile-card-compact{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-small)}.message-input-container{position:relative;padding-right:50px}.message-input-textarea{padding-right:50px;resize:vertical;min-height:44px}.message-send-icon{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);z-index:10;width:44px;height:44px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:white;border:none;cursor:pointer;transition:var(--transition-all);font-size:18px}.message-send-icon:hover{background:var(--color-primary-hover);transform:scale(1.05)}.message-send-icon:active{transform:scale(.95)}.message-send-icon:disabled{background:var(--color-gray-400);cursor:not-allowed;transform:none}.message-send-icon:focus{outline:2px solid var(--color-primary);outline-offset:2px}.message-send-icon.message-input-button--streaming{background:var(--color-error);animation:pulse 1.5s ease-in-out infinite}.message-send-icon.message-input-button--streaming:hover{background:var(--color-error-dark)}.message-send-icon.message-input-button--loading{background:var(--color-gray-400);cursor:not-allowed;animation:none}.message-send-icon.message-input-button--loading:hover{background:var(--color-gray-400);transform:none}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.mobile-spacing-md{margin:var(--spacing-md)}.mobile-spacing-lg{margin:var(--spacing-lg)}.mobile-spacing-xl{margin:var(--spacing-xl)}.mobile-responsive-spacing{padding:var(--spacing-sm)}@media (min-width:768px){.mobile-responsive-spacing{padding:var(--spacing-md)}}@media (min-width:1024px){.mobile-responsive-spacing{padding:var(--spacing-lg)}}.mobile-container{width:100%;max-width:100%;margin:0 auto;padding:var(--spacing-sm)}@media (min-width:768px){.mobile-container{max-width:768px;padding:var(--spacing-md)}}@media (min-width:1024px){.mobile-container{max-width:1400px;padding:var(--spacing-lg)}}@media (min-width:1200px){.mobile-container{max-width:1600px;padding:var(--spacing-xl)}}@media (min-width:1440px){.mobile-container{max-width:1800px;padding:var(--spacing-2xl)}}.mobile-grid{display:grid;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.mobile-grid,.mobile-grid-2,.mobile-grid-3{grid-template-columns:1fr}@media (min-width:768px){.mobile-grid-2,.mobile-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.mobile-grid-3{grid-template-columns:repeat(3,1fr)}}.mobile-action-button{min-height:var(--touch-target-comfort);min-width:var(--touch-target-comfort);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-all);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.mobile-action-button:active{transform:scale(.95)}.mobile-action-button:active,.mobile-action-button:hover{background:var(--color-primary-light)}.mobile-card-enhanced{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);transition:var(--transition-all);border:1px solid var(--border-color)}.mobile-card-enhanced:active{transform:translateY(-2px);box-shadow:var(--shadow-md)}.mobile-cards-grid{display:grid;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);grid-template-columns:1fr}@media (min-width:768px){.mobile-cards-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media (min-width:1024px){.mobile-cards-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}}.mobile-text-truncated{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.mobile-text-truncated:after{content:"...";position:absolute;right:0;bottom:0;background:var(--bg-card);padding-left:var(--spacing-xs)}.mobile-text-expandable{cursor:pointer;transition:var(--transition-all)}.mobile-text-expandable:active{color:var(--color-primary)}.mobile-task-actions{gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.mobile-task-action,.mobile-task-actions{display:flex;background:var(--bg-card);justify-content:center;align-items:center}.mobile-task-action{width:var(--touch-target-comfort);height:var(--touch-target-comfort);border:none;color:var(--text-primary);border-radius:var(--radius-sm);transition:var(--transition-all);cursor:pointer;position:relative}.mobile-task-action:active{transform:scale(.95)}.mobile-task-action:active,.mobile-task-action:hover{background:var(--color-primary-light)}.mobile-task-action:focus{outline:2px solid var(--color-primary);outline-offset:2px}.mobile-task-action+.mobile-task-action{margin-left:var(--touch-spacing)}.mobile-filters-enhanced{flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);border-radius:var(--radius-md)}.mobile-filter-button,.mobile-filters-enhanced{display:flex;padding:var(--spacing-sm);background:var(--bg-card);border:1px solid var(--border-color)}.mobile-filter-button{flex:1 1;min-width:0;color:var(--text-primary);border-radius:var(--radius-sm);transition:var(--transition-all);min-height:var(--touch-target-comfort);align-items:center;justify-content:center;font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-filter-button:hover{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary)}.mobile-filter-button.active{background:var(--color-primary);color:white;border-color:var(--color-primary)}.mobile-filter-button:active{transform:scale(.95)}.search-responsive{position:relative;width:100%;margin-bottom:var(--spacing-md)}.search-responsive-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:var(--spacing-3xl);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-size:var(--font-size-sm);transition:var(--transition-all);min-height:var(--touch-target-comfort)}.search-responsive-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.search-responsive-button{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:var(--color-primary);color:white;border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs);cursor:pointer;transition:var(--transition-all);min-height:var(--touch-target-min);min-width:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.search-responsive-button:hover{background:var(--color-primary-dark)}.search-responsive-button:active{transform:translateY(-50%) scale(.95)}.filters-advanced{display:none;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.filters-advanced.open{display:flex}.filters-advanced-toggle{width:100%;padding:var(--spacing-sm);background:var(--color-primary-light);color:var(--color-primary-dark);border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-all);min-height:var(--touch-target-comfort);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:700}.filters-advanced-toggle:hover{background:var(--color-primary);color:white}.filters-advanced-toggle:active{transform:scale(.95)}@media (min-width:768px){.mobile-filters-enhanced{flex-wrap:nowrap}.mobile-filter-button{flex:0 1 auto;min-width:auto;padding:var(--spacing-sm) var(--spacing-md)}.search-responsive{max-width:400px}.filters-advanced{display:flex}.filters-advanced-toggle{display:none}}@media (min-width:1024px){.mobile-filters-enhanced{gap:var(--spacing-sm)}.search-responsive{max-width:500px}}.mobile-filter-button:hover:not(.active){background:var(--color-primary-light);border-color:var(--color-primary)}@media (min-width:768px){.mobile-filters-enhanced{flex-wrap:nowrap;gap:var(--spacing-sm)}.mobile-filter-button{flex:none;min-width:auto;padding:var(--spacing-sm) var(--spacing-md)}}.light-mode .mobile-card-enhanced{background:white;border-color:var(--color-gray-200)}.dark-mode .mobile-card-enhanced{background:var(--color-gray-800);border-color:var(--color-gray-600)}.light-mode .mobile-action-button{background:white;border-color:var(--color-gray-200)}.dark-mode .mobile-action-button{background:var(--color-gray-800);border-color:var(--color-gray-600)}.light-mode .activity-log{background:white;border:1px solid var(--color-gray-200)}.dark-mode .activity-log{background:var(--color-gray-800);border:1px solid var(--color-gray-600)}.input-container{margin-bottom:var(--spacing-md)}.input-label{display:block;font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--spacing-sm);color:var(--text-muted);z-index:1}.required-asterisk{color:var(--color-error);margin-left:var(--spacing-xs)}.input-helper-text{color:var(--text-muted)}.input-error-text,.input-helper-text{font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.input-error-text{color:var(--color-error)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-color);background:var(--bg-card);border-radius:var(--radius-md) var(--radius-md) 0 0}.modal-header__title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:var(--font-size-xl);color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-all);min-width:var(--touch-target-comfort);min-height:var(--touch-target-comfort);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.modal-content.with-header{padding:var(--spacing-md);background:var(--bg-card);border-radius:0 0 var(--radius-md) var(--radius-md)}.state-display{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);text-align:center;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.state-spinner{width:var(--size-spinner);height:var(--size-spinner);border:var(--size-spinner-border) solid var(--color-gray-100);border-top:var(--size-spinner-border) solid var(--color-blue-400);border-radius:50%;animation:spin 1s linear infinite}.state-icon,.state-spinner{margin-bottom:var(--spacing-md)}.state-icon{font-size:var(--font-size-2xl)}.state-message{font-size:var(--font-size-md);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;font-weight:700}.state-error-details{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;font-style:italic}.loading-state{color:var(--color-primary)}.success-state{color:var(--color-success)}.error-state{color:var(--color-error)}.warning-state{color:var(--color-warning)}.info-state{color:var(--color-info)}.supervision-card-icon--dynamic,.supervision-card-value--dynamic{color:var(--dynamic-color,var(--color-primary))}.dashboard-bar--dynamic-height{height:var(--bar-height,10px);min-height:10px}.dashboard-bar-feedback-positive--dynamic{height:var(--positive-height,0);min-height:0}.dashboard-bar-feedback-negative--dynamic{height:var(--negative-height,0);min-height:0}.scroll-sentinel{height:1px;width:100%;pointer-events:none}.context-menu-positioned,.task-action-menu-positioned{position:fixed;left:var(--menu-left,0);top:var(--menu-top,0);z-index:var(--z-dropdown)}.faq-container{max-width:var(--size-container);margin:0 auto;padding:var(--spacing-lg)}.faq-theme{margin-bottom:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-sm)}.faq-theme-header{padding:var(--spacing-md);background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:600;font-size:var(--font-size-lg);border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:pointer;transition:var(--transition-all)}.faq-theme-header:hover{background:var(--color-primary);color:var(--text-white)}.faq-question{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;transition:var(--transition-all)}.faq-question:hover{background:var(--color-gray-50)}.faq-question:last-child{border-bottom:none;border-radius:0 0 var(--radius-md) var(--radius-md)}.faq-answer{padding:var(--spacing-md);background:var(--bg-primary);color:var(--text-primary);line-height:var(--line-height-relaxed)}.tooltip-container{position:relative;display:inline-block}.tooltip{position:absolute;z-index:var(--z-tooltip);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-900);color:var(--text-white);border-radius:var(--radius-sm);font-size:var(--font-size-sm);white-space:nowrap;box-shadow:var(--shadow-lg);opacity:0;transition:opacity .2s ease}.tooltip.show{opacity:1}.tooltip-arrow{position:absolute;width:0;height:0;border:4px solid transparent}.tooltip-top .tooltip-arrow{bottom:-8px;left:50%;transform:translateX(-50%);border-top-color:var(--color-gray-900)}.tooltip-bottom .tooltip-arrow{top:-8px;left:50%;transform:translateX(-50%);border-bottom-color:var(--color-gray-900)}.tooltip-left .tooltip-arrow{right:-8px;top:50%;transform:translateY(-50%);border-left-color:var(--color-gray-900)}.tooltip-right .tooltip-arrow{left:-8px;top:50%;transform:translateY(-50%);border-right-color:var(--color-gray-900)}.conversation-message{display:flex;flex-direction:column;padding:var(--spacing-md);border-radius:var(--radius-md);max-width:90%;box-shadow:var(--shadow-small);transition:var(--transition-default);position:relative;margin-bottom:var(--spacing-md)}.conversation-message.user-message{background-color:var(--color-primary-light);margin-left:var(--spacing-lg);margin-right:var(--spacing-sm);border-left:4px solid var(--color-primary);color:var(--color-primary-dark)}.conversation-message.assistant-message{background-color:var(--color-blue-50);color:var(--color-gray-800);margin-left:var(--spacing-sm);margin-right:var(--spacing-lg)}.conversation-message-content{font-size:16px;line-height:1.6;word-wrap:break-word;white-space:pre-wrap;margin-bottom:10px}.conversation-message-actions{opacity:1;transition:opacity .2s ease}.conversation-message-actions,.message-actions-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm);align-items:center}.conversation-message-actions .conversation-message-action-btn,.message-actions-container .message-action-button,.message-component .message-action-button{color:var(--color-white);font-weight:700}.conversation-message-actions .conversation-message-action-btn.primary,.conversation-message-actions .conversation-message-action-btn.primary:hover,.conversation-message-actions .conversation-message-action-btn.secondary,.conversation-message-actions .conversation-message-action-btn.secondary:hover,.conversation-message-actions .conversation-message-action-btn:active,.conversation-message-actions .conversation-message-action-btn:hover,.message-actions-container .message-action-button.primary,.message-actions-container .message-action-button.primary:hover,.message-actions-container .message-action-button.secondary,.message-actions-container .message-action-button.secondary:hover,.message-actions-container .message-action-button:active,.message-actions-container .message-action-button:hover,.message-component .message-action-button.primary,.message-component .message-action-button.primary:hover,.message-component .message-action-button.secondary,.message-component .message-action-button.secondary:hover,.message-component .message-action-button:active,.message-component .message-action-button:hover{color:var(--color-white)}.conversation-message-action-btn,.message-action-button{padding:var(--spacing-sm) var(--spacing-md);margin:0 var(--spacing-sm);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-default);font-weight:700;position:relative;overflow:hidden;box-shadow:var(--shadow-small)}.conversation-message-rating,.message-actions-rating-container{display:flex;gap:var(--spacing-sm);align-items:center}.conversation-message-rating-btn,.message-actions-rating-button{padding:var(--spacing-sm);margin:0 var(--spacing-sm);background-color:var(--color-gray-800);border:none;border-radius:var(--radius-sm);transition:var(--transition-default)}.conversation-message-action-btn,.conversation-message-rating-btn,.message-actions-rating-button{color:var(--color-white);cursor:pointer;font-weight:700;position:relative;overflow:hidden;box-shadow:var(--shadow-small)}.conversation-message-action-btn{background-color:var(
    --color-primary
  );border:none;border-radius:var(
    --radius-sm
  );padding:var(--spacing-sm) var(--spacing-md);font-size:12px;transition:var(
    --transition-default
  );display:inline-flex;align-items:center;gap:2px;width:auto;max-width:-moz-fit-content;max-width:fit-content}.conversation-message-action-btn:hover{background-color:var(
    --color-primary-dark
  );color:var(--color-white);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.conversation-message-action-btn:active{transform:translateY(0);box-shadow:var(--shadow-small)}.conversation-message-action-btn.primary{background-color:var(--color-primary);color:var(--color-white)}.conversation-message-action-btn.primary:hover{background-color:var(--color-primary-dark)}.conversation-message-action-btn.secondary{background-color:var(
    --color-gray-800
  );color:var(--color-white)}.conversation-message-action-btn.secondary:hover{background-color:var(
    --color-primary
  )}.conversation-message-rating{display:flex;gap:var(--spacing-sm);align-items:center;margin-left:0}.conversation-message-rating-btn{padding:var(--spacing-sm);margin:0 var(--spacing-sm);background-color:var(--color-gray-800);color:var(--color-white);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-default);font-weight:700;position:relative;overflow:hidden;box-shadow:var(--shadow-small);font-size:14px;width:auto;height:auto;min-width:32px;min-height:32px}.conversation-message-rating-btn:hover{background-color:var(
    --color-primary
  );transform:scale(1.1);box-shadow:var(--shadow-medium)}.conversation-message-rating-btn:first-child:hover{background-color:var(--color-success);color:var(--color-white)}.conversation-message-rating-btn:last-child:hover{background-color:var(--color-error);color:var(--color-white)}.conversation-message-rating-btn:active{transform:scale(.95);box-shadow:var(--shadow-small)}.conversation-message-rating-btn.active{animation:pulse .3s ease-out}.conversation-message-rating-btn.active-up{background-color:var(
    --color-success
  )!important}.conversation-message-rating-btn.active-down{background-color:var(
    --color-error
  )!important}.conversation-message-feedback{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:10px;background:var(--feedback-bg,#f8fafc);border-radius:6px;border:1px solid var(--feedback-border,#e2e8f0)}.conversation-message-feedback-input{width:100%;padding:8px;border:1px solid var(--input-border,#d1d5db);border-radius:4px;font-size:14px;resize:vertical;min-height:60px}.conversation-message-feedback-input:focus{outline:none;border-color:var(--input-focus-border,#3b82f6);box-shadow:0 0 0 3px var(--input-focus-shadow,rgba(59,130,246,.1))}@media (max-width:768px){.conversation-message{margin-left:10px;margin-right:10px;max-width:95%}.conversation-message.user-message{margin-left:auto;margin-right:10px}.conversation-message.assistant-message{margin-right:auto;margin-left:10px}.conversation-message-actions{flex-direction:column;align-items:flex-start}.conversation-message-rating{margin-left:0;margin-top:8px}}.dark-mode .conversation-message.user-message{background-color:var(--color-primary-dark);color:var(--color-primary-light);border-left:4px solid var(--color-primary)}.dark-mode .conversation-message.assistant-message{background-color:var(--color-blue-900);color:var(--color-blue-300)}.dark-mode .conversation-message-action-btn{background-color:var(
    --color-gray-800
  );color:var(--color-white)}.dark-mode .conversation-message-action-btn:hover{background-color:var(
    --color-primary
  )}.dark-mode .conversation-message-rating-btn{background-color:var(
    --color-gray-700
  );color:var(--color-white)}.dark-mode .conversation-message-rating-btn:hover{background-color:var(
    --color-primary-light
  )}.dark-mode .conversation-message-rating-btn:first-child:hover{background-color:var(--color-success);color:var(--color-white)}.dark-mode .conversation-message-rating-btn:last-child:hover{background-color:var(--color-error);color:var(--color-white)}.dark-mode .conversation-message-actions .conversation-message-action-btn,.dark-mode .conversation-message-actions .conversation-message-action-btn.primary,.dark-mode .conversation-message-actions .conversation-message-action-btn.secondary,.dark-mode .conversation-message-actions .conversation-message-action-btn:hover,.dark-mode .message-actions-container .message-action-button,.dark-mode .message-actions-container .message-action-button.primary,.dark-mode .message-actions-container .message-action-button.secondary,.dark-mode .message-actions-container .message-action-button:hover,.dark-mode .message-component .message-action-button,.dark-mode .message-component .message-action-button.primary,.dark-mode .message-component .message-action-button.secondary,.dark-mode .message-component .message-action-button:hover{color:var(--color-white)}.dark-mode .conversation-message-feedback{background:var(--feedback-bg-dark,#374151);border-color:var(--feedback-border-dark,#4b5563)}.dark-mode .conversation-message-feedback-input{background:var(--input-bg-dark,#1f2937);color:var(--input-text-dark,#f9fafb);border-color:var(--input-border-dark,#4b5563)}.dark-mode .conversation-message-feedback-input:focus{border-color:var(--input-focus-border-dark,#3b82f6);box-shadow:0 0 0 3px var(--input-focus-shadow-dark,rgba(59,130,246,.2))}.response-mode-selector{margin-top:var(--spacing-md);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:flex-start;justify-content:flex-start}.mode-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--color-gray-200);border-radius:var(--radius-pill);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;line-height:1.4;cursor:pointer;transition:all var(--transition-fast);max-width:100%;word-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:36px}.mode-btn.compact{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);min-height:32px}.mode-icon{font-size:1.1em;line-height:1;flex-shrink:0}.mode-label{font-weight:600;flex-shrink:1;min-width:0}.mode-btn:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-small)}.mode-btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.mode-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--text-muted);transform:none;box-shadow:none}.mode-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mode-btn.coaching{border-color:var(--color-info)}.mode-btn.coaching:hover:not(:disabled){background:var(--color-info-light);border-color:var(--color-info);color:var(--color-info-dark)}.mode-btn.reliable{border-color:var(--color-success)}.mode-btn.reliable:hover:not(:disabled){background:var(--color-success-light);border-color:var(--color-success);color:var(--color-success-dark)}.mode-btn.brainstorming{background:linear-gradient(135deg,#ffd700,#ff8c00);border-color:#ff8c00;color:#1a1a1a}.mode-btn.brainstorming:hover:not(:disabled){background:linear-gradient(135deg,#ffed4e,#ff9500);color:#1a1a1a;transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,140,0,.3)}.mode-btn.detailed{border-color:var(--color-warning)}.mode-btn.detailed:hover:not(:disabled){background:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning-dark)}.light-mode .mode-btn{background:var(--color-gray-50);border-color:var(--color-gray-200);color:var(--color-gray-800)}.light-mode .mode-btn:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.dark-mode .mode-btn{background:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-200)}.dark-mode .mode-btn:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary);color:var(--color-primary-light)}@media (max-width:1024px) and (min-width:769px){.response-mode-selector{gap:var(--spacing-sm)}.mode-btn{max-width:calc(50% - var(--spacing-xs));white-space:normal;text-overflow:clip;overflow:visible;min-height:40px}.mode-btn.compact{min-height:36px}}@media (max-width:768px){.response-mode-selector{margin-top:var(--spacing-sm);gap:var(--spacing-xs);flex-direction:column;align-items:stretch}.mode-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);max-width:100%;width:100%;white-space:normal;text-overflow:clip;overflow:visible;min-height:44px;justify-content:center}.mode-btn.compact{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);min-height:40px}}@keyframes modeBtnAppear{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mode-btn{animation:modeBtnAppear .2s ease-out}.mode-btn:first-child{animation-delay:0s}.mode-btn:nth-child(2){animation-delay:50ms}.mode-btn:nth-child(3){animation-delay:.1s}.mode-btn:nth-child(4){animation-delay:.15s}.mode-btn:nth-child(5){animation-delay:.2s}.message-regenerated-indicator{margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-info-light);border:1px solid var(--color-info);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-info-dark);display:inline-block;animation:regeneratedIndicatorAppear .3s ease-out}.regenerated-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-weight:600}@keyframes regeneratedIndicatorAppear{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.dark-mode .message-regenerated-indicator{background:var(--color-info-dark);border-color:var(--color-info);color:var(--color-info-light)}