.assistant-code,.assistant-pre,.conversation-content code,.cursor-assistant-item,.cursor-indent,.cursor-phase-header,.cursor-project-header,.cursor-search-section,.document-preview-html-content code,.mobile-code,.mobile-pre,.typography-code,.typography-code-block,code,pre{font-family:var(--font-family-mono);font-display:var(--font-display-swap);-webkit-font-smoothing:var(--font-smoothing-antialiased);-moz-osx-font-smoothing:grayscale;text-rendering:var(--text-rendering-code)}.debug-pre{font-size:12px;overflow:auto;background:var(--bg-secondary);padding:var(--spacing-sm);border-radius:var(--radius-sm);margin:var(--spacing-xs) 0;border:1px solid var(--border-color)}.dark-mode .debug-pre{background:var(--color-gray-800);border-color:var(--color-gray-700);color:var(--text-primary)}.mobile-subtitle,.mobile-text,.mobile-title,.typography-body,.typography-body-small,.typography-button,.typography-h1,.typography-h2,.typography-h3,.typography-h4,.typography-h5,.typography-h6,a,button,div,h1,h2,h3,h4,h5,h6,input,p,select,span,textarea{font-display:var(--font-display-swap);-webkit-font-smoothing:var(--font-smoothing-antialiased);-moz-osx-font-smoothing:grayscale;text-rendering:var(--text-rendering-optimize)}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-primary);color:var(--color-white);padding:8px 16px;text-decoration:none;border-radius:4px;font-weight:600;z-index:1000;transition:top .3s ease}.skip-link:focus{top:6px;outline:2px solid var(--color-white);outline-offset:2px}.dark-mode .skip-link,.light-mode .skip-link{background:var(--color-primary);color:var(--color-white)}:root{--workspace-permutation-enabled:0;--workspace-interaction-border-side:right;--workspace-structuration-border-side:left;--workspace-interaction-shadow-direction:2px;--workspace-structuration-shadow-direction:-2px;--color-primary:#0056b3;--color-primary-light:#007bff;--color-primary-dark:#003d82;--color-primary-hover:#004085;--color-white:#ffffff;--color-black:#000000;--color-success:#1e7e34;--color-success-light:#d4edda;--color-success-dark:#155724;--color-warning:#8b6914;--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-hover:#f1f3f4;--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;--text-input:var(--text-primary);--text-button:var(--text-white);--text-card:var(--text-primary);--text-modal:var(--text-primary);--user-font-scale:1;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-family-mono:"SF Mono","Monaco","Inconsolata","Roboto Mono",monospace;--font-display-swap:swap;--font-smoothing-antialiased:antialiased;--text-rendering-optimize:optimizeLegibility;--text-rendering-code:optimizeSpeed;--font-size-normal:clamp(0.75rem,1.8vw + 0.4rem,0.875rem);--font-size-large:clamp(1rem,2.5vw + 0.5rem,1.25rem);--font-size-xs:var(--font-size-normal);--font-size-sm:var(--font-size-normal);--font-size-md:var(--font-size-normal);--font-size-lg:var(--font-size-large);--font-size-xl:var(--font-size-large);--font-size-2xl:var(--font-size-large);--font-size-3xl:var(--font-size-large);--font-size-4xl:var(--font-size-large);--font-size-5xl:var(--font-size-large);--font-size-2xs:var(--font-size-normal);--font-size-3xs:var(--font-size-normal);--font-size-xxl:var(--font-size-large);--font-size-base:var(--font-size-normal);--line-height-tight:1.4;--line-height-normal:1.6;--line-height-relaxed:1.7;--line-height-loose:1.8;--border-primary:#e0e0e0;--border-secondary:#cccccc;--border-light:#f0f0f0;--border-color:#e5e7eb;--border-color-hover:#d1d5db;--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-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-lg:16px;--size-padding-xl:20px;--size-padding-2xl:40px;--size-font-xs:1em;--size-font-sm:2em;--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:var(--font-family-base);font-display:var(--font-display-swap);-webkit-font-smoothing:var(--font-smoothing-antialiased);-moz-osx-font-smoothing:grayscale;text-rendering:var(--text-rendering-optimize);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-primary:#1e1e1e;--color-primary:#4dabf7;--color-primary-light:#74c0fc;--color-primary-hover:#339af0;--bg-secondary:#252526;--bg-card:#2d2d30;--bg-input:#3c3c3c;--bg-button:#2d2d30;--bg-modal:#2d2d30;--bg-sidebar:#1a1a1a;--bg-hover:#3c3c3c;--text-primary:#cccccc;--text-secondary:#969696;--text-muted:#6a6a6a;--text-accent:#ffffff;--text-card:#cccccc;--text-input:#cccccc;--text-button:#cccccc;--text-modal:#cccccc;--text-sidebar:#cccccc;--border-primary:#3e3e42;--border-secondary:#2d2d30;--border-accent:#007acc;--border-card:#3e3e42;--border-input:#3e3e42;--border-button:#3e3e42;--border-modal:#3e3e42;--border-color-hover:#4a4a4a;--border-color:#3e3e42;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--radius-sm:4px;--radius-md:6px;--font-size-normal:12px;--font-size-large:16px;--bg-body:#1e1e1e;--bg-container:#1e1e1e;--bg-footer:#1a1a1a;--text-body:#cccccc;--text-container:#cccccc;--text-footer:#969696;--color-primary:#007acc;--color-primary-light:#4fc3f7;--color-primary-dark:#0056b3;--color-primary-hover:#0088ff;--color-success:#4ec9b0;--color-success-light:#81d4fa;--color-success-dark:#26a69a;--color-warning:#ffcc02;--color-warning-light:#fff176;--color-warning-dark:#ff8f00;--color-error:#f44747;--color-error-light:#ffcdd2;--color-error-dark:#d32f2f;--color-info:#4fc3f7;--color-info-light:#b3e5fc;--color-info-dark:#0277bd}.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:calc(100dvh - 80px);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:calc(100dvh - 80px)}.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-normal)}.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}.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-normal);font-weight:600}.pwa-prompt-description{margin:0;font-size:var(--font-size-normal);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-normal);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-normal)}.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-lg);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-sm)}.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-normal)}.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;text-align:left}.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-white);border-left:4px solid var(--color-primary)}.dark-mode .message-component--user .message-content{color:var(--color-white)}.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-normal)}.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:var(--font-size-normal);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-normal);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-large);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-large);color:var(--color-gray-800)}.under-construction-message{font-size:var(--font-size-large);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:10;transition:var(--transition-default);flex-shrink:0}.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:var(--font-size-normal);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-normal);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-normal);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-normal);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}}.document-preview{border:1px solid var(--border-color)}.document-preview-header{border-bottom:1px solid var(--border-color)}.document-preview-info h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.document-preview-actions{gap:var(--spacing-sm)}.document-preview-content{padding:var(--spacing-lg)}.document-preview-error,.document-preview-loading{padding:var(--spacing-xl)}.document-preview-error{display:flex;align-items:center;justify-content:center}.document-preview-error .error-message{max-width:500px}.document-preview-error .error-message h5,.document-preview-error .error-message p{margin:var(--spacing-sm) 0;color:var(--color-error-dark)}.document-preview-error .error-message button{margin-top:var(--spacing-md)}.document-preview-placeholder{padding:var(--spacing-xl);color:var(--text-muted)}.document-preview-html{width:100%}.document-preview-html-content{font-family:var(--font-family-sans);line-height:var(--line-height-relaxed)}.document-preview-html-content h1,.document-preview-html-content h2,.document-preview-html-content h3,.document-preview-html-content h4,.document-preview-html-content h5,.document-preview-html-content h6{margin:var(--spacing-md) 0 var(--spacing-sm) 0;font-weight:var(--font-weight-semibold)}.document-preview-html-content h1{font-size:var(--font-size-2xl)}.document-preview-html-content h2{font-size:var(--font-size-xl)}.document-preview-html-content h3{font-size:var(--font-size-lg)}.document-preview-html-content h4{font-size:var(--font-size-base)}.document-preview-html-content h5{font-size:var(--font-size-sm)}.document-preview-html-content h6{font-size:var(--font-size-xs)}.document-preview-html-content p{margin:var(--spacing-sm) 0;line-height:var(--line-height-relaxed)}.document-preview-html-content ol,.document-preview-html-content ul{margin:var(--spacing-sm) 0}.document-preview-html-content li{margin:var(--spacing-xs) 0}.document-preview-html-content blockquote{border-radius:var(--radius-sm)}.document-preview-html-content table{margin:var(--spacing-md) 0}.document-preview-html-content td,.document-preview-html-content th{border:1px solid var(--border-color)}.document-preview-html-content th{font-weight:var(--font-weight-semibold)}.document-preview-footer{border-top:1px solid var(--border-color)}.document-preview-footer .link-button{font-size:var(--font-size-sm)}@media (max-width:768px){.document-preview-header{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.document-preview-actions{justify-content:center}.document-preview-content{padding:var(--spacing-md)}.document-preview-html-content{font-size:var(--font-size-sm)}}@media (max-width:480px){.follow-up-chip{padding:var(--spacing-md) var(--spacing-sm);font-size:var(--font-size-normal);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)}.streaming-progress{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-sm) 0;padding:var(--spacing-sm);border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--color-gray-200);transition:all var(--transition-fast)}.streaming-progress--mobile{max-width:120px;margin:var(--spacing-sm) auto}.streaming-progress--tablet{max-width:200px;margin:var(--spacing-md) auto}.streaming-progress--desktop{max-width:300px;margin:var(--spacing-md) 0;align-items:flex-start}.streaming-progress-circular{position:relative;display:flex;align-items:center;justify-content:center}.streaming-progress-svg{transform:rotate(-90deg);transition:transform .3s ease}.streaming-progress-svg--animating{animation:progressPulse 2s ease-in-out infinite}.streaming-progress-bg{opacity:.2;color:var(--color-primary)}.streaming-progress-fill{color:var(--color-primary);stroke-linecap:round;transition:stroke-dashoffset .3s ease-in-out}.streaming-progress-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-normal);font-weight:600;color:var(--color-primary);line-height:1}.streaming-progress-linear{display:flex;align-items:center;gap:var(--spacing-sm);width:100%}.streaming-progress-linear--tablet{gap:var(--spacing-xs)}.streaming-progress-linear--desktop{gap:var(--spacing-sm)}.streaming-progress-track{flex:1 1;height:4px;background:var(--color-gray-200);border-radius:var(--radius-pill);overflow:hidden;position:relative}.streaming-progress-linear--desktop .streaming-progress-track{height:6px}.streaming-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-light) 50%,var(--color-primary) 100%);border-radius:var(--radius-pill);position:relative;transition:width .3s ease-in-out}.streaming-progress-bar--animating{animation:progressShimmer 2s ease-in-out infinite}.streaming-progress-percentage-text{font-size:var(--font-size-normal);font-weight:600;color:var(--color-primary);min-width:35px;text-align:right}.streaming-progress-message{font-size:var(--font-size-normal);color:var(--text-secondary);text-align:center;line-height:1.4;font-weight:500;transition:all var(--transition-fast)}.streaming-progress--mobile .streaming-progress-message{font-size:var(--font-size-normal);font-weight:600}.streaming-progress--tablet .streaming-progress-message{font-size:var(--font-size-normal)}.streaming-progress--desktop .streaming-progress-message{font-size:var(--font-size-normal);text-align:left}.streaming-progress-message--encouragement{color:var(--color-primary);font-weight:600}.streaming-progress-encouragement{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-light);border-radius:var(--radius-sm);border:1px solid var(--color-primary-lighter)}.streaming-progress-encouragement-icon{font-size:var(--font-size-normal);animation:encouragementPulse 1.5s ease-in-out infinite}.streaming-progress-encouragement-text{font-size:var(--font-size-normal);color:var(--color-primary-dark);font-weight:500}@keyframes progressPulse{0%,to{transform:rotate(-90deg) scale(1);opacity:1}50%{transform:rotate(-90deg) scale(1.05);opacity:.8}}@keyframes progressShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes encouragementPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (min-width:768px){.streaming-progress{flex-direction:row;justify-content:center;align-items:center}.streaming-progress--mobile{max-width:180px}.streaming-progress--tablet{max-width:250px}}@media (min-width:1024px){.streaming-progress{justify-content:flex-start;align-items:flex-start}.streaming-progress--desktop{max-width:350px}.streaming-progress-message{text-align:left}}.light-mode .streaming-progress{background:var(--color-gray-50);border-color:var(--color-gray-200)}.dark-mode .streaming-progress{background:var(--color-gray-800);border-color:var(--color-gray-600)}.light-mode .streaming-progress-track{background:var(--color-gray-200)}.dark-mode .streaming-progress-track{background:var(--color-gray-600)}.light-mode .streaming-progress-encouragement{background:var(--color-primary-light);border-color:var(--color-primary-lighter)}.dark-mode .streaming-progress-encouragement{background:var(--color-primary-dark);border-color:var(--color-primary)}@media (prefers-reduced-motion:reduce){.streaming-progress-bar--animating,.streaming-progress-encouragement-icon,.streaming-progress-svg--animating{animation:none}.streaming-progress-bar,.streaming-progress-fill{transition:none}}.streaming-progress:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.streaming-progress--error{border-color:var(--color-error);background:var(--color-error-light)}.streaming-progress--error .streaming-progress-bar{background:var(--color-error)}.streaming-progress--error .streaming-progress-fill{color:var(--color-error)}.streaming-progress--loading{opacity:.7;pointer-events:none}.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-normal);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,.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);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-normal);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-normal);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-normal);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)}.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-normal);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-large);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:var(--font-size-normal);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)}.note-category,.note-meta{font-size:var(--font-size-normal)}.note-meta{color:var(--color-gray-600)}.note-content{font-size:var(--font-size-normal);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:var(--font-size-normal);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:var(--font-size-normal);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-normal)}.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:var(--font-size-normal);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:var(--font-size-large);font-weight:700;margin:0 0 var(--spacing-sm) 0}.contact-notice p{color:var(--color-gray-600);font-size:var(--font-size-normal);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:var(--font-size-large);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-normal);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:var(--font-size-normal);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:var(--font-size-normal);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{margin:0 0 var(--spacing-md) 0}.presentation-content h2,.presentation-content h3{color:var(--color-gray-800);font-size:var(--font-size-large);font-weight:700}.presentation-content h3{margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.presentation-content h4{font-weight:700;margin:var(--spacing-md) 0 var(--spacing-sm) 0}.presentation-content h4,.presentation-content p{color:var(--color-gray-700);font-size:var(--font-size-normal)}.presentation-content p{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:var(--font-size-normal);line-height:1.6;margin:var(--spacing-sm) 0}.message-base.message-error,.presentation-error{margin-top:var(--spacing-sm);padding:10px var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-error-light);color:var(--color-error-dark);border:1px solid var(--color-error)}.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 .message-base.message-error,.light-mode .presentation-error{background:var(--color-error-light);color:var(--color-error-dark);border-color:var(--color-error)}.dark-mode .message-base.message-error,.dark-mode .presentation-error{background:var(--color-error-dark);color:var(--color-error-light);border-color:var(--color-error)}.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:var(--font-size-large);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:var(--font-size-normal)}.delete-account-section{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-error-light);border-radius:var(--radius-sm);border:1px solid var(--color-error)}.delete-account-section h3{color:var(--color-error-dark);font-size:var(--font-size-large);font-weight:700;margin:0 0 var(--spacing-sm) 0}.delete-account-section p{color:var(--color-error-dark);font-size:var(--font-size-normal);line-height:1.5;margin:0 0 var(--spacing-md) 0}.message-base.message-error,.sync-error-message{background:var(--color-error-light);color:var(--color-error-dark);border-color:var(--color-error)}.sync-error-message{border:1px solid;border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.sync-error-message p{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-normal)}.error-state,.loading-state{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);color:var(--color-gray-600)}.loading-state p{margin:0}.error-state p,.loading-state p{font-size:var(--font-size-normal)}.error-state p{margin:0 0 var(--spacing-md) 0;color:var(--color-error-dark)}.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-error-light);border-color:var(--color-error)}.dark-mode .delete-account-section{background:var(--color-error-dark);border-color:var(--color-error)}.light-mode .delete-account-section h3{color:var(--color-error-dark)}.dark-mode .delete-account-section h3{color:var(--color-error-light)}.light-mode .delete-account-section p{color:var(--color-error-dark)}.dark-mode .delete-account-section p{color:var(--color-error-light)}.light-mode .sync-error-message{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error-dark)}.dark-mode .sync-error-message{background:var(--color-error-dark);border-color:var(--color-error);color:var(--color-error-light)}.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-error-dark)}.dark-mode .error-state p{color:var(--color-error-light)}.icon-title-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:4px}.assistant-icon{font-size:var(--font-size-large);margin-bottom:0;display:flex;align-items:center}.assistant-tile h3{color:var(--color-gray-800);font-size:var(--font-size-normal);font-weight:700;margin:0}.assistant-meta{font-size:var(--font-size-normal);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-normal)}.assistant-link{margin-top:var(--spacing-sm);color:var(--color-primary);font-weight:700;text-decoration:none;font-size:var(--font-size-normal)}.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:var(--font-size-large);font-weight:700;margin:0;color:var(--color-gray-800);flex:1 1}.badge-base,.project-role{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent;line-height:1.2}.project-role{background:var(--color-info-light);color:var(--color-info-dark);padding:4px var(--spacing-sm);font-weight:600}.project-description{color:var(--color-gray-600);font-size:var(--font-size-normal);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:var(--font-size-normal);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 .badge-base.badge-status-info,.light-mode .project-role{background:var(--color-info-light);color:var(--color-info-dark)}.dark-mode .badge-base.badge-status-info,.dark-mode .project-role{background:var(--color-info-dark);color:var(--color-info-light)}.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-normal);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-large);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-header-content{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--spacing-md)}.conversation-header .conversation-title-section{flex:1 1;margin-bottom:0}.conversation-header .conversation-title{margin:0;font-size:var(--font-size-normal);font-weight:600}.conversation-header .conversation-title .icon{margin-right:var(--spacing-xs);font-size:var(--font-size-normal)}.conversation-project-context{margin:calc(var(--spacing-xs) / 2) 0 0 0;font-size:var(--font-size-normal);color:var(--text-secondary);opacity:.8}.conversation-header .conversation-actions{flex-shrink:0}.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);margin:0;display:flex;align-items:center;gap:var(--spacing-xs)}.conversation-card h3,.conversation-use-case{font-size:var(--font-size-normal);font-weight:700}.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);align-self:flex-start}.undefined-title{color:var(--color-gray-500)!important;font-style:italic!important}.conversation-date{color:var(--color-gray-600);margin:var(--spacing-sm) 0}.conversation-date,.filter-info{font-size:var(--font-size-normal)}.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)}.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-normal);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-large);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-normal);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-normal);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,.input-base.input-error{border-color:var(--color-error);background:var(--color-error-light)}.conversation-modal-input.error:focus,.input-base.input-error:focus{box-shadow:0 0 0 3px rgba(244,71,71,.1)}.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-normal);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-normal);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-gray-200);color:var(--text-primary);border-color:var(--color-gray-300)}.dark-mode .conversation-modal-button{background:var(--color-gray-100);color:var(--text-primary);border:1px solid var(--color-gray-200)}.dark-mode .conversation-modal-button.primary{background:var(--color-gray-100);color:var(--color-primary);border-color:var(--color-primary)}.dark-mode .conversation-modal-button.primary:hover{background:var(--color-gray-200);color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.dark-mode .conversation-modal-button.danger{background:var(--color-gray-100);color:var(--color-error);border-color:var(--color-error)}.dark-mode .conversation-modal-button.danger:hover{background:var(--color-gray-200);color:var(--color-error-dark);border-color:var(--color-error-dark)}.dark-mode .modal-button{background:var(--color-gray-100);color:var(--text-primary);border:1px solid var(--color-gray-200)}.dark-mode .modal-button--primary{background:var(--color-gray-100);color:var(--color-primary);border-color:var(--color-primary)}.dark-mode .modal-button--primary:hover:not(:disabled){background:var(--color-gray-200);color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.dark-mode .modal-button--secondary{background:var(--color-gray-100);color:var(--text-primary);border-color:var(--color-gray-300)}.dark-mode .modal-button--secondary:hover:not(:disabled){background:var(--color-gray-200);border-color:var(--color-gray-400)}@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)}@media (max-width:768px){.conversation-header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.conversation-header .conversation-title-section{width:100%}.conversation-header .conversation-actions{align-self:flex-end}}.toast-success{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-toast);background:var(--color-success);color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-md);min-width:300px;max-width:500px;animation:slideInFromRight .3s ease-out}.toast-content{display:flex;align-items:center;gap:var(--spacing-sm)}.toast-icon{width:20px;height:20px;flex-shrink:0}.toast-message{font-size:var(--font-size-normal);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}@keyframes slideInFromRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.light-mode .toast-success{background:var(--color-success);color:var(--color-white)}.dark-mode .toast-success{background:var(--color-success-dark);color:var(--color-white)}@media (max-width:768px){.toast-success{top:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);min-width:auto;max-width:none}}.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:var(--font-size-normal);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:var(--font-size-large)}.loading-subtext{font-size:var(--font-size-normal)}.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-error-dark);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-error)}.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-error)}.dark-mode .task-assistant-error{color:var(--color-error-light)}.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-error-dark)}.dark-mode .rag-error-message{color:var(--color-error-light)}.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-error-dark)}.dark-mode .admin-error-message{color:var(--color-error-light)}.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-weight:600;color:var(--color-gray-800)}.sort-btn,.sort-label{font-size:var(--font-size-normal)}.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);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:var(--font-size-large);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-normal);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:var(--font-size-normal);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:var(--font-size-normal);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:var(--font-size-normal);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:var(--font-size-large);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-normal)}.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-normal)}.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-normal);font-weight:600;margin-bottom:var(--spacing-xs)}.pwa-install-description{font-size:var(--font-size-normal);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-normal);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-large);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-normal);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-normal);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:var(--font-size-large);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;font-size:var(--font-size-normal);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;font-size:var(--font-size-normal)}.btn-base.btn-danger,.button-danger{background:var(--color-error);color:var(--text-white);border:none}.btn-base.btn-danger:hover:not(:disabled),.button-danger:hover:not(:disabled){background:var(--color-error-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-base.btn-danger:active:not(:disabled),.button-danger:active:not(:disabled){background:var(--color-error-dark);transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-base.btn-danger:disabled,.button-danger:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.button-danger{font-size:var(--font-size-normal);transition:all .3s ease}.light-mode .button-danger{background:var(--color-error)}.light-mode .button-danger:hover:not(:disabled){background:var(--color-error-dark)}.dark-mode .button-danger{background:var(--color-error);color:var(--text-white)}.dark-mode .button-danger:hover:not(:disabled){background:var(--color-error-dark)}@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:var(
    --font-size-body-small
  )}.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:var(--font-size-normal);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:var(--font-size-normal);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:var(--font-size-normal);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:var(--font-size-normal)}.nav-theme-button{background:none;color:var(--primary-color);border:none;cursor:pointer;font-size:var(--font-size-normal);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:var(--font-size-large);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:var(--font-size-normal);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:var(--font-size-normal);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:var(--font-size-normal);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:var(--font-size-normal);color:var(--text-secondary)}.nav-mobile-submenu-link{color:var(--primary-color);text-decoration:none;font-size:var(--font-size-normal);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:var(--font-size-normal);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:var(--color-error)}.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:var(--text-primary)}.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:var(--color-primary)}.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:var(--font-size-normal);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;color:var(--text-primary)}.member-info,.role-tag{font-size:var(--font-size-normal)}.role-tag{padding:2px 8px;background:var(--bg-secondary);border-radius:var(--radius-xl);color:var(--text-secondary);border:1px solid var(--border-color)}.delete-button{background:none;border:none;color:var(--danger-color);font-size:var(--font-size-large);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:var(--font-size-normal);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:var(--font-size-normal);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:var(--font-size-normal);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;gap:.5rem}@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:var(--color-error)}.light-mode .delete-button:hover{background:var(--color-error-light)}.light-mode .add-button{background:var(--color-primary)}.light-mode .add-button:hover{background:var(--color-primary-hover)}.light-mode .modal-remove-button{border-color:var(--color-error);color:var(--color-error)}.light-mode .modal-remove-button:hover{background:var(--color-error);color:var(--text-white)}.light-mode .message-base.message-success,.light-mode .modal-status--success{background:var(--color-success-light);color:var(--color-success-dark);border-color:var(--color-success)}.light-mode .message-base.message-error,.light-mode .modal-status--error{background:var(--color-error-light);color:var(--color-error-dark);border-color:var(--color-error)}.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:var(--color-error-light)}.dark-mode .delete-button:hover{background:var(--color-error-dark)}.dark-mode .add-button{background:var(--color-primary)}.dark-mode .add-button:hover{background:var(--color-primary-hover)}.dark-mode .modal-remove-button{border-color:var(--color-error);color:var(--color-error)}.dark-mode .modal-remove-button:hover{background:var(--color-error);color:var(--text-white)}.dark-mode .message-base.message-success,.dark-mode .modal-status--success{background:var(--color-success-dark);color:var(--color-success-light);border-color:var(--color-success)}.dark-mode .message-base.message-error,.dark-mode .modal-status--error{background:var(--color-error-dark);color:var(--color-error-light);border-color:var(--color-error)}.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)}}.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:var(--font-size-large);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:var(--font-size-large);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:var(--font-size-normal);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:var(--font-size-normal)}.task-action-arrow{font-size:var(--font-size-large)}.task-action-menu{min-width:150px;margin-top:4px}.task-action-menu-item{padding:6px 16px;font-size:var(--font-size-normal)}}.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;margin-top:var(--spacing-sm);margin-left:0;margin-right:0;flex-direction:column;flex:1 1;height:calc(100dvh - 80px);max-height:calc(100dvh - 80px)}.assistant-chat-layout,.assistant-container{width:100%!important;max-width:none!important;display:flex;min-height:0;overflow:hidden}.assistant-chat-layout{height:100%;flex-direction:column}.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{transition:all .3s ease;padding:var(--spacing-sm) 0 0 0;width:100%!important;max-width:none!important;margin:0;max-height:calc(100dvh - 120px)}.assistant-message-container::-webkit-scrollbar{width:4px}.assistant-message-container::-webkit-scrollbar-track{background:var(--bg-input);border-radius:var(--radius-sm)}.assistant-message-container::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-sm);-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.assistant-message-container::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.assistant-message-container{scrollbar-width:thin;scrollbar-color:var(--color-gray-400) var(--bg-input)}@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(100dvh - 150px - 80px);width:100%}}@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(100dvh - 120px - 80px)}}.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:var(--font-size-normal)}}.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:var(--font-size-large);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,.message-base.message-success{background:var(--color-success-light);color:var(--color-success-dark);border-color:var(--color-success)}.auth-message--error,.message-base.message-error{background:var(--color-error-light);color:var(--color-error-dark);border-color:var(--color-error)}.auth-message--error,.auth-message--success{border:1px solid}.auth-input,.input-base{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)}.auth-input{display:block;margin-bottom:16px;padding:12px;border:2px solid var(--border-color,#e0e0e0);border-radius:var(--radius-lg);font-size:var(--font-size-normal);transition:border-color .2s ease;background-color:var(--input-background,white);color:var(--text-primary,#333)}.auth-input:focus,.input-base: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,.input-base: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:var(--font-size-normal);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:var(--font-size-large);margin-bottom:20px}}@media (max-width:480px){.auth-container{padding:12px;margin:0 8px}.auth-title{font-size:var(--font-size-large);margin-bottom:18px}.auth-button,.auth-input{padding:10px;font-size:var(--font-size-normal)}}.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:var(--color-success-light);color:var(--color-success-dark);border-color:var(--color-success)}.light-mode .auth-message--error{background:var(--color-error-light);color:var(--color-error-dark);border-color:var(--color-error)}.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:var(--color-success-dark);color:var(--color-success-light);border-color:var(--color-success)}.dark-mode .auth-message--error{background:var(--color-error-dark);color:var(--color-error-light);border-color:var(--color-error)}.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}}.test-classes-page-container{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.test-classes-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-card)}.test-classes-section--secondary{background:var(--bg-secondary);border:1px solid var(--border-primary)}.test-classes-section-title{margin-top:0;color:var(--color-primary)}.test-classes-section-subtitle{font-size:var(--font-size-lg);color:var(--text-primary)}.test-classes-flex-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.test-classes-flex-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.test-classes-comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.test-classes-spaced-top{margin-top:var(--spacing-md)}.test-classes-spaced-bottom{margin-bottom:var(--spacing-xl)}.test-classes-text-secondary{font-size:var(--font-size-sm);color:var(--text-secondary)}.test-classes-list{line-height:var(--line-height-relaxed)}.light-mode .test-classes-section{background:var(--bg-card);border-color:var(--border-card)}.dark-mode .test-classes-section{background:var(--bg-card-dark);border-color:var(--border-color-dark)}.light-mode .test-classes-section--secondary{background:var(--bg-secondary);border-color:var(--border-primary)}.dark-mode .test-classes-section--secondary{background:var(--bg-secondary-dark);border-color:var(--border-primary-dark)}@media (max-width:768px){.test-classes-page-container,.test-classes-section{padding:var(--spacing-md)}.test-classes-comparison-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.admin-container,.admin-loading{display:flex;min-height:100vh}.admin-loading{justify-content:center;align-items:center;font-size:var(--font-size-large)}.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:var(--font-size-normal)}.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,.admin-user-card--blue{font-size:var(--font-size-normal)}.admin-user-card--blue{padding:15px;background:#dbeafe;border-radius:var(--radius-lg);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:var(--font-size-normal)}.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:var(--font-size-3xl);font-weight:700}.admin-test-subtitle{color:#6b7280;font-size:var(--font-size-normal);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-large);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:var(--font-size-normal);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:var(--font-size-normal)}.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:var(--font-size-normal);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:var(--font-size-2xs);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{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:var(--font-size-normal);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:var(--font-size-2xs);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{color:#374151}.pie-label,.pie-value{font-size:var(--font-size-normal)}.pie-value{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:var(--font-size-normal)}.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:var(--font-size-large)}.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:var(--color-error-light);color:var(--color-error-dark)}.summary-card--warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.summary-card--info{background:var(--color-info-light);color:var(--color-info-dark)}.summary-card .count{font-size:var(--font-size-large);font-weight:700}.summary-card .label{font-size:var(--font-size-normal)}.alert-item{border-radius:var(--radius-lg);margin-bottom:16px;overflow:hidden;border:1px solid transparent}.alert-item--critical,.message-base.message-error{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error-dark)}.alert-item--warning,.message-base.message-warning{background:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning-dark)}.alert-item--info,.message-base.message-info{background:var(--color-info-light);border-color:var(--color-info);color:var(--color-info-dark)}.alert-item--critical,.alert-item--info,.alert-item--warning{border:1px solid}.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:var(--font-size-normal)}.alert-badges{display:flex;gap:8px;align-items:center}.badge{padding:4px 8px;border-radius:var(--radius-xl);font-size:var(--font-size-2xs);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:var(--font-size-large);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:var(--font-size-normal);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:var(--font-size-4xl);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)}.refresh-btn,.time-select{font-size:var(--font-size-normal)}.refresh-btn{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:var(--radius-3xs);cursor:pointer}.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:var(--font-size-3xl);font-weight:700}.metric-label{font-size:var(--font-size-normal)}.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:var(--font-size-large);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:var(--font-size-large);font-weight:700}.last-updated,.volume-label{font-size:var(--font-size-normal)}.last-updated{margin-top:20px;padding:16px;background:#f8fafc;border-radius:var(--radius-lg);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:var(--font-size-normal);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:var(--font-size-normal);color:#6b7280}.assistant-score{padding:8px 16px;border-radius:var(--radius-5xl);font-weight:700;font-size:var(--font-size-large);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:var(--font-size-normal);color:#6b7280}.response-time-value{font-weight:700}.response-time-label,.view-details-btn{font-size:var(--font-size-normal)}.view-details-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:var(--radius-3xs);cursor:pointer;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:var(--font-size-normal)}.inactive-note{margin-top:16px;padding:12px 16px;background:#f0f9ff;border-radius:var(--radius-lg);border:1px solid #0ea5e9;font-size:var(--font-size-normal);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:var(--font-size-normal);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:var(--font-size-normal)}.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:var(--font-size-normal)}.no-problems-note{margin-top:16px;padding:12px;background:#fef3c7;border-radius:var(--radius-3xs);border:1px solid #f59e0b;color:#92400e;font-size:var(--font-size-normal)}.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;color:#6b7280}.modal-header{margin-bottom:24px}.modal-title{margin:0 0 8px;color:#1f2937}.modal-subtitle{color:#6b7280}.modal-badge,.modal-subtitle{font-size:var(--font-size-normal)}.modal-badge{margin-left:12px;padding:4px 8px;border-radius:var(--radius-xl);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:var(--font-size-large);font-weight:700}.modal-metric-label{font-size:var(--font-size-normal)}.modal-metric-extra{font-size:var(--font-size-3xs);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}.modal-container{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);z-index:var(--z-modal);position:relative}.modal-form-group{margin-bottom:var(--spacing-lg)}.modal-form-group--large{margin-bottom:var(--spacing-xl)}.modal-label{display:block;margin-bottom:var(--spacing-sm);font-weight:600}.modal-label,.modal-select{color:var(--text-primary);font-size:var(--font-size-normal)}.modal-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background:var(--color-white);transition:var(--transition-default)}.modal-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.modal-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background:var(--color-white);color:var(--text-primary);font-size:var(--font-size-normal);transition:var(--transition-default)}.modal-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.modal-button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-normal);font-weight:600;cursor:pointer;transition:var(--transition-default);min-height:var(--size-icon-md)}.modal-button:disabled{opacity:.6;cursor:not-allowed}.modal-button--primary{background:var(--color-primary);color:var(--color-white)}.modal-button--primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.modal-button--secondary{background:var(--color-gray-200);color:var(--text-primary);border:1px solid var(--color-gray-300)}.modal-button--secondary:hover:not(:disabled){background:var(--color-gray-300);transform:translateY(-1px);box-shadow:var(--shadow-small)}.modal-message{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-normal);font-weight:500}.modal-message--error{background:var(--color-error-light);color:var(--color-error-dark);border:1px solid var(--color-error)}.modal-message--success{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.modal-content{margin-bottom:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-normal);line-height:1.6}.modal-content--scrollable{max-height:200px;overflow-y:auto;padding:var(--spacing-sm);background:var(--color-gray-50);border-radius:var(--radius-sm);border:1px solid var(--color-gray-200)}.light-mode .modal-container{background:var(--color-white);border:1px solid var(--color-gray-200)}.dark-mode .modal-container{background:var(--color-gray-800);border:1px solid var(--color-gray-600)}.light-mode .modal-input,.light-mode .modal-select{background:var(--color-white);border-color:var(--color-gray-300);color:var(--text-primary)}.dark-mode .modal-input,.dark-mode .modal-select{background:var(--color-gray-700);border-color:var(--color-gray-500);color:var(--text-white)}.light-mode .modal-label{color:var(--text-primary)}.dark-mode .modal-label{color:var(--text-white)}.light-mode .modal-content{color:var(--text-secondary)}.dark-mode .modal-content{color:var(--text-light)}.light-mode .modal-content--scrollable{background:var(--color-gray-50);border-color:var(--color-gray-200)}.dark-mode .modal-content--scrollable{background:var(--color-gray-700);border-color:var(--color-gray-500)}.light-mode .modal-actions{border-color:var(--color-gray-200)}.dark-mode .modal-actions{border-color:var(--color-gray-600)}@media (max-width:768px){.modal-container{width:95%;padding:var(--spacing-lg);margin:var(--spacing-sm)}.modal-actions{flex-direction:column}.modal-button{width:100%;justify-content:center}}.feedback-header--total{color:#374151}.feedback-value{font-size:var(--font-size-large);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-normal);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:var(--font-size-normal)}.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:var(--font-size-normal);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:var(--font-size-normal);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:var(--color-error-light);border-radius:var(--radius-lg);border:2px solid var(--color-error);margin-bottom:24px}.problematic-title{margin:0 0 16px;color:var(--color-error-dark);display:flex;align-items:center}.problematic-content{font-size:var(--font-size-normal);color:var(--color-error-dark)}.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:var(--color-error-dark);margin-bottom:20px}.error-btn{padding:10px 20px;background:var(--color-info);color:var(--text-white);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}.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:var(--text-white)}.text-dark{color:var(--text-dark)}.text-muted{color:var(--text-muted)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-light{color:var(--text-light)}.text-base,.text-sm,.text-xs{font-size:calc(var(--font-size-normal) * var(--user-font-scale));line-height:var(--line-height-normal)}.text-lg{font-size:calc(var(--font-size-h5) * var(--user-font-scale));line-height:var(--line-height-normal)}.text-xl{font-size:calc(var(--font-size-h4) * var(--user-font-scale))}.text-2xl,.text-xl{line-height:var(--line-height-tight)}.text-2xl{font-size:calc(var(--font-size-h3) * var(--user-font-scale))}.text-3xl{font-size:calc(var(--font-size-h2) * var(--user-font-scale))}.text-3xl,.text-4xl{line-height:var(--line-height-tight)}.text-4xl{font-size:calc(var(--font-size-h1) * var(--user-font-scale))}.font-thin{font-weight:100}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.italic{font-style:italic}.not-italic{font-style:normal}.underline{text-decoration:underline}.no-underline{text-decoration:none}.line-through{text-decoration:line-through}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tighter{letter-spacing:-.05em}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.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:var(--font-size-normal)}.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:var(--font-size-normal);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:var(--font-size-normal);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:var(--font-size-normal);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-normal)}.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-normal)}.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-normal);color:var(--primary-color,#2196f3)}.conversation-message-time{color:var(--text-muted,#64748b);font-size:var(--font-size-normal)}.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-normal);font-family:var(--font-family-mono)}.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-normal);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:var(--font-size-normal);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,.card-base{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.admin-form,.card-form{padding:var(--spacing-lg);margin-bottom:var(
    --spacing-md
  )}.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-normal)}.admin-form-input,.input-base{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{font-size:var(--font-size-normal)}.admin-form-input:focus,.input-base:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,123,255,.1)}.admin-form-button,.btn-base.btn-primary{border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-all);min-height:var(--size-icon-md);display:flex;align-items:center;justify-content:center;font-family:inherit;line-height:1;background:var(--color-primary);color:white}.admin-form-button{padding:var(--spacing-sm) var(--spacing-lg);font-weight:600;margin-right:var(--spacing-sm)}.admin-form-button:hover:not(:disabled),.btn-base.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.admin-form-status{padding:var(--spacing-xs) var(--spacing-sm);font-weight:600;text-align:center}.admin-form-message,.admin-form-status{border-radius:var(--radius-sm);font-size:var(--font-size-normal);margin-top:var(--spacing-sm)}.admin-form-message{padding:var(--spacing-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,.table-base{width:100%;background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.admin-table,.table-html{border-collapse:collapse}.admin-table-header,.table-header-base{font-weight:600;color:var(--text-primary);padding:var(--spacing-md);text-align:left;border-bottom:2px solid var(--border-primary)}.admin-table-header{background:var(
    --color-gray-100
  )}.admin-table-row,.table-row-base{border-bottom:1px solid var(--border-primary);transition:var(--transition-all)}.admin-table-row:hover,.table-row-base:hover{background:var(--bg-secondary)}.admin-table-row:hover{background:var(--color-gray-50)}.admin-table-cell,.table-cell-base{padding:var(--spacing-md);color:var(--text-primary)}.admin-table-cell{font-size:var(--font-size-normal)}.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-normal);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,.modal-overlay-base{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;z-index:var(--z-modal)}.admin-modal-overlay,.modal-overlay-desktop{align-items:center;padding:var(--spacing-md);z-index:var(
    --z-modal
  )}.admin-modal-content,.modal-content-base{background:var(--bg-modal);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-height:90vh;overflow-y:auto;position:relative}.admin-modal-content{background:var(--bg-card);padding:var(--spacing-xl);max-width:500px;width:90%;box-shadow:var(
    --shadow-xl
  )}.admin-modal-title{font-size:var(--font-size-large);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-large);font-weight:700;color:var(--text-primary);margin:var(--spacing-xs) 0}.supervision-card-stats{font-size:var(--font-size-normal);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-normal);color:var(--text-primary)}.activity-log-date{font-size:var(--font-size-normal);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-large);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-large);font-weight:700;margin-bottom:var(--spacing-md);text-align:center}.error-message,.message-base.message-error{border-radius:var(--radius-sm);border:1px solid var(--color-error);background:var(--color-error-light);color:var(--color-error-dark)}.error-message,.message-base.message-error,.message-base.message-success,.success-message{font-weight:500;line-height:var(--line-height-normal);padding:var(--spacing-sm);font-size:var(--font-size-normal);margin:var(--spacing-sm) 0}.message-base.message-success,.success-message{border-radius:var(--radius-sm);border:1px solid var(--color-success);background:var(--color-success-light);color:var(--color-success-dark)}.badge-base,.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent;line-height:1.2}.status-badge{font-size:var(--font-size-normal)}.badge-base,.project-status{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent;line-height:1.2}.project-status{font-size:var(--font-size-normal);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)}.typography-h1{font-size:calc(var(--font-size-h1) * var(--user-font-scale));font-weight:700;line-height:var(--line-height-tight);margin-bottom:var(--spacing-md);color:var(--text-primary)}.typography-h2{font-size:calc(var(--font-size-h2) * var(--user-font-scale))}.typography-h2,.typography-h3{font-weight:600;line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm);color:var(--text-primary)}.typography-h3{font-size:calc(var(--font-size-h3) * var(--user-font-scale))}.typography-h4{font-size:calc(var(--font-size-h4) * var(--user-font-scale))}.typography-h4,.typography-h5{font-weight:500;line-height:var(--line-height-normal);margin-bottom:var(--spacing-xs);color:var(--text-primary)}.typography-h5{font-size:calc(var(--font-size-h5) * var(--user-font-scale))}.typography-h6{font-size:calc(var(--font-size-h6) * var(--user-font-scale));font-weight:500;margin-bottom:var(--spacing-xs)}.typography-body,.typography-h6{line-height:var(--line-height-normal);color:var(--text-primary)}.typography-body{font-size:calc(var(--font-size-normal) * var(--user-font-scale));margin-bottom:var(--spacing-sm)}.typography-body-small{margin-bottom:var(--spacing-xs);color:var(--text-secondary)}.typography-body-small,.typography-caption{font-size:calc(var(--font-size-normal) * var(--user-font-scale));line-height:var(--line-height-normal)}.typography-caption{color:var(--text-muted)}.typography-button{font-size:calc(var(--font-size-normal) * var(--user-font-scale));font-weight:500;line-height:1.2}.mobile-input.typography-input,.typography-input{font-size:calc(var(--font-size-normal) * var(--user-font-scale));line-height:var(--line-height-normal)}.mobile-input.typography-input,.mobile-textarea.typography-input{display:block;width:100%;visibility:visible;opacity:1}.mobile-textarea.typography-input{font-size:calc(var(--font-size-normal) * var(--user-font-scale));line-height:var(--line-height-normal);resize:vertical;min-height:60px}.message-input-textarea.mobile-textarea.typography-input{background-color:white!important;border:2px solid #007bff!important;color:#333!important;padding:12px!important;border-radius:8px!important;font-size:var(--font-size-normal)!important;line-height:1.5!important;min-height:60px!important;width:100%!important;display:block!important;visibility:visible!important;opacity:1!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important}.message-input-textarea.mobile-textarea.typography-input:focus{border-color:#0056b3!important;box-shadow:0 0 0 3px rgba(0,123,255,.1)!important;outline:none!important}.message-input-textarea.mobile-textarea.typography-input::placeholder{color:#666!important}.typography-label{line-height:var(--line-height-normal);color:var(--text-primary)}.typography-label,.typography-nav{font-size:calc(var(--font-size-normal) * var(--user-font-scale));font-weight:500}.typography-nav{line-height:1.2}.typography-code{font-size:calc(var(--font-size-code) * var(--user-font-scale))}.typography-code,.typography-code-block{font-family:var(--font-family-mono);line-height:var(--line-height-normal)}.typography-code-block{font-size:calc(var(--font-size-code-block) * var(--user-font-scale))}.font-scale-small{--user-font-scale:0.875}.font-scale-normal{--user-font-scale:1}.font-scale-large{--user-font-scale:1.125}.font-scale-xl{--user-font-scale:1.25}.font-weight-light{font-weight:300}.font-weight-normal{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.font-weight-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.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:calc(var(--font-size-large) * var(--user-font-scale));color:var(--text-primary)}.mobile-subtitle{font-weight:700;line-height:1.3;margin-bottom:var(--spacing-sm)}.mobile-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;transition:background-color .2s ease,transform .2s ease,border-color .2s ease}.mobile-item:hover{background-color:var(--bg-hover);transform:translateX(2px);border-color:var(--border-color-hover)}.mobile-item-content{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1 1}.mobile-item--task{transition:background-color .2s ease,transform .2s ease,opacity .2s ease}.mobile-item--task:hover{background-color:var(--bg-hover);transform:translateX(2px)}.mobile-item--task.completed{opacity:.7;transition:opacity .2s ease}.task-item-container{display:flex;align-items:center;gap:var(--spacing-sm)}.task-checkbox{cursor:pointer;flex-shrink:0}.task-text-completed{text-decoration:line-through}.mobile-item--conversation{transition:background-color .2s ease,transform .2s ease}.mobile-item--conversation:hover{background-color:var(--bg-hover);transform:translateX(2px)}.mobile-item--note{border-left:2px solid var(--color-primary-light);padding:1px 2px;margin-bottom:1px}.mobile-item--note:hover{background-color:var(--bg-hover);transform:translateX(2px)}.mobile-text--note-title{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.mobile-text--note-subtitle{color:var(--text-muted);font-size:.5em;margin-bottom:0;font-weight:400;line-height:1}.mobile-text--note-content{color:var(--text-secondary)}.mobile-text--note-content,.mobile-text--note-content p{margin:0;line-height:1.1;font-size:.7em}.mobile-text--note-content h1,.mobile-text--note-content h2,.mobile-text--note-content h3,.mobile-text--note-content h4,.mobile-text--note-content h5,.mobile-text--note-content h6{margin:0;font-size:.7em;font-weight:600;line-height:1.1}.mobile-text--note-content ol,.mobile-text--note-content ul{margin:0;padding-left:var(--spacing-xs)}.mobile-text--note-content li{margin:0;font-size:.7em;line-height:1.1}.mobile-text--note-content code{background-color:var(--bg-input);padding:0 2px;border-radius:var(--radius-xs);font-size:.65em}.mobile-text--note-content blockquote{margin:0;padding-left:var(--spacing-xs);border-left:1px solid var(--color-primary-light);font-style:italic;color:var(--text-muted);font-size:.7em;line-height:1.1}.note-editor-modal .modal-form-group--large{margin-bottom:var(--spacing-lg)}.note-editor-modal .modal-help-text{margin-top:var(--spacing-xs);color:var(--text-muted);font-size:.85em;line-height:1.4}.note-editor-modal .required{color:var(--color-error);font-weight:600}.note-editor-modal .modal-button:disabled{opacity:.6;cursor:not-allowed}.note-editor-modal .modal-button--primary:disabled{background-color:var(--color-gray-400);border-color:var(--color-gray-400)}.mobile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin:var(--spacing-lg) 0}.mobile-stat{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm);border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-color);transition:transform .2s ease,opacity .2s ease}.mobile-stat:hover{transform:scale(1.05)}.mobile-stat-number{font-size:var(--font-size-large);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.mobile-stat-label{font-size:var(--font-size-normal);color:var(--text-secondary);text-align:center}.mobile-actions-grid{margin-top:var(--spacing-lg)}.mobile-project-overview{padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color)}.light-mode .mobile-item{background:var(--bg-card);border-color:var(--border-color)}.light-mode .mobile-item:hover{background:var(--bg-hover);border-color:var(--border-color-hover)}.dark-mode .mobile-item{background:var(--bg-card);border-color:var(--border-color)}.dark-mode .mobile-item:hover{background:var(--bg-hover);border-color:var(--border-color-hover)}.light-mode .mobile-stat{background:var(--bg-card);border-color:var(--border-color)}.light-mode .mobile-stat:hover{background:var(--bg-hover)}.dark-mode .mobile-stat{background:var(--bg-card);border-color:var(--border-color)}.dark-mode .mobile-stat:hover{background:var(--bg-hover)}.dark-mode .mobile-project-overview,.light-mode .mobile-project-overview{background:var(--bg-card);border-color:var(--border-color)}.dark-mode .mobile-actions-grid,.dark-mode .mobile-container,.dark-mode .mobile-stats-grid,.light-mode .mobile-actions-grid,.light-mode .mobile-container,.light-mode .mobile-stats-grid{background:var(--bg-card)}.mobile-actions-grid .mobile-btn{transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.mobile-actions-grid .mobile-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.mobile-stats-grid .mobile-stat{transition:transform .2s ease,opacity .2s ease}.mobile-stats-grid .mobile-stat:hover{transform:scale(1.05)}.workspace-navigation-section-content{transition:opacity .3s ease,max-height .3s ease;overflow:hidden}.workspace-navigation-section-content[aria-hidden=true]{opacity:0;max-height:0}.workspace-navigation-section-content[aria-hidden=false]{opacity:1;max-height:1000px}.workspace-navigation-section-toggle[aria-expanded=true] .workspace-navigation-section-icon{transform:rotate(90deg)}.mobile-text-left{text-align:left!important;display:flex;align-items:center;gap:var(--spacing-xs)}.mobile-text{line-height:1.5;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.mobile-caption,.mobile-text{font-size:calc(var(--font-size-normal) * var(--user-font-scale))}.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{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:var(--font-size-large)}.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);background:var(--bg-card)}@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)}.card-base,.mobile-card-enhanced{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.card-enhanced,.mobile-card-enhanced{margin-bottom:var(--spacing-sm);border-color:var(--border-color)}.card-enhanced:active,.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-normal);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-normal);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-normal);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-normal);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-normal);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-large);font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:var(--font-size-large);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-large)}.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-normal);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)}.dashboard-bar--dynamic-height{height:var(--bar-height,10px);min-height:10px}.dashboard-bar-feedback-negative--dynamic,.dashboard-bar-feedback-positive--dynamic{min-height:0}.scroll-sentinel{height:1px;width:100%;pointer-events:none}.context-menu-positioned,.task-action-menu-positioned{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-large);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-normal);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:var(--font-size-normal);line-height:1.6;word-wrap:break-word;white-space:pre-wrap;margin-bottom:10px;text-align:left}.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:var(--font-size-normal);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:var(--font-size-normal);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:var(--font-size-normal);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-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,.mode-btn.compact{font-size:var(--font-size-normal)}.mode-btn.compact{padding:var(--spacing-xs) var(--spacing-sm);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-100);border-color:var(--color-gray-200);color:var(--text-primary)}.dark-mode .mode-btn:hover:not(:disabled){background:var(--color-gray-200);border-color:var(--color-primary);color:var(--color-primary)}@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);max-width:100%;width:100%;white-space:normal;text-overflow:clip;overflow:visible;min-height:44px;justify-content:center}.mode-btn,.mode-btn.compact{font-size:var(--font-size-normal)}.mode-btn.compact{padding:var(--spacing-xs) var(--spacing-sm);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-normal);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)}.workspace-layout-container{display:flex;flex-direction:column;height:100vh;width:100vw;margin:0;padding:0;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1}.workspace-layout-container,body.dark-mode .workspace-layout-container,body.light-mode .workspace-layout-container{background:var(--bg-primary)}.workspace-layout-main{flex:1 1;display:flex;flex-direction:column;padding:0;overflow:hidden;margin:80px 0 0;height:calc(100dvh - 80px);max-height:calc(100dvh - 80px)}.workspace-container,.workspace-container--permuted{display:flex;height:calc(100dvh - 80px);max-height:calc(100dvh - 80px);background:var(--bg-primary);overflow:hidden;position:relative;margin:0;padding:0;width:100%;flex:1 1}.workspace-navigation{background:var(--bg-card);border-right:2px solid var(--color-gray-300);box-shadow:2px 0 4px rgba(0,0,0,.05);overflow-y:auto;overflow-x:hidden;padding:var(--spacing-xs);display:flex;flex-direction:column;gap:var(--spacing-lg);min-width:200px;max-width:600px;flex-shrink:0;position:relative;margin:0}.workspace-navigation::-webkit-scrollbar{width:4px}.workspace-navigation::-webkit-scrollbar-track{background:var(--bg-input);border-radius:var(--radius-sm)}.workspace-navigation::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-sm);-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.workspace-navigation::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.workspace-navigation{scrollbar-width:thin;scrollbar-color:var(--color-gray-400) var(--bg-input)}body.dark-mode .workspace-navigation{background:var(--bg-card);border-right-color:var(--border-color);box-shadow:2px 0 4px rgba(0,0,0,.2)}body.light-mode .workspace-navigation{background:var(--bg-card);border-right-color:var(--border-color);box-shadow:2px 0 4px rgba(0,0,0,.05)}.workspace-navigation-header{display:flex;flex-direction:column;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.workspace-navigation-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.workspace-navigation-section-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:var(--spacing-sm);gap:var(--spacing-sm)}.workspace-navigation-section-toggle{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background-color .2s ease;text-align:left}.workspace-navigation-section-toggle:hover{background:var(--bg-hover)}.workspace-navigation-section-icon{font-size:var(--font-size-normal);color:var(--text-muted);transition:transform .2s ease;min-width:12px}.workspace-navigation-section-title{font-size:var(--font-size-normal);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:var(--spacing-sm);margin:0}.workspace-navigation-section-action{margin-left:0}.workspace-navigation-section-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.assistant-filters{justify-content:flex-start;margin-bottom:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.assistant-filter-item,.assistant-filters{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs)}.assistant-filter-item{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:var(--font-size-normal);color:var(--text-muted);min-width:auto;justify-content:center}.assistant-filter-item:hover{background:var(--bg-hover);color:var(--text-primary)}.assistant-filter-item.active{background:var(--color-primary);color:white;border-color:var(--color-primary)}.assistant-filter-icon{font-size:var(--font-size-normal)}.assistant-filter-badge{background:var(--color-primary);color:white;border-radius:50%;width:18px;height:18px;font-size:var(--font-size-3xs);font-weight:600;display:flex;align-items:center;justify-content:center;min-width:18px;line-height:1}.assistant-filter-item.active .assistant-filter-badge{background:rgba(255,255,255,.9);color:var(--color-primary)}.assistant-favorites-sync-status{margin-top:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-sm);font-size:.875rem;transition:all .2s ease}.sync-status-content{display:flex;align-items:center;gap:var(--spacing-xs)}.sync-status-icon{font-size:1rem}.sync-status-text{font-weight:500}.sync-pending-count{color:var(--text-muted);font-size:.8rem}.sync-retry-btn{background:transparent;border:none;cursor:pointer;padding:2px;border-radius:var(--radius-xs);transition:background-color .2s ease}.sync-retry-btn:hover{background:var(--bg-hover)}.sync-status-pending{background:var(--color-info-light);color:var(--color-info-dark);border:1px solid var(--color-info)}.sync-status-error{background:var(--color-error-light);color:var(--color-error-dark);border:1px solid var(--color-error)}.sync-status-offline{background:var(--color-warning-light);color:var(--color-warning-dark);border:1px solid var(--color-warning)}.sync-status-synced{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success)}.dark-mode .sync-status-pending{background:rgba(59,130,246,.1);color:#93c5fd}.dark-mode .sync-status-error{background:rgba(239,68,68,.1);color:#fca5a5}.dark-mode .sync-status-offline{background:rgba(245,158,11,.1);color:#fcd34d}.dark-mode .sync-status-synced{background:rgba(34,197,94,.1);color:#86efac}.project-filters{justify-content:flex-start;margin-bottom:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.project-filter-item,.project-filters{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs)}.project-filter-item{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:var(--font-size-normal);color:var(--text-muted);min-width:auto;justify-content:center}.project-filter-item:hover{background:var(--bg-hover);color:var(--text-primary)}.project-filter-item.active{background:var(--color-primary);color:white;border-color:var(--color-primary)}.project-filter-icon{font-size:var(--font-size-normal)}.project-filter-badge{background:var(--color-primary);color:white;border-radius:50%;width:18px;height:18px;font-size:var(--font-size-3xs);font-weight:600;display:flex;align-items:center;justify-content:center;min-width:18px;line-height:1}.project-filter-item.active .project-filter-badge{background:rgba(255,255,255,.9);color:var(--color-primary)}.project-name-container{display:flex;align-items:center;gap:var(--spacing-xs)}.mobile-btn-restore{background-color:var(--color-success);color:var(--color-white);border:1px solid var(--color-success);transition:all .3s ease;transform:scale(1)}.mobile-btn-restore:hover{background-color:var(--color-success-dark);border-color:var(--color-success-dark);transform:scale(1.05);box-shadow:var(--shadow-medium)}.mobile-btn-restore:active{transform:scale(.95);box-shadow:var(--shadow-small)}.mobile-btn-restore:disabled{opacity:.6;cursor:not-allowed;transform:scale(1)}.dark-mode .mobile-btn-restore{background-color:var(--color-success-light);border-color:var(--color-success-light)}.dark-mode .mobile-btn-restore:hover{background-color:var(--color-success);border-color:var(--color-success)}.project-info{display:flex;flex-direction:column;gap:1px;flex:1 1}.project-name{font-weight:500;color:var(--text-primary)}.project-role{font-size:var(--font-size-normal);color:var(--text-muted);font-style:italic}.workspace-navigation-item{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-normal);background:var(--bg-input);border:1px solid var(--border-color)}.workspace-navigation-item:hover{background:var(--bg-hover);border-color:var(--border-color-hover)}.workspace-navigation-item.active{background-color:var(--selection-background,#e5f3ff);border-left:3px solid var(--primary-color,#1976d2);color:var(--text-primary);font-weight:600;transition:all .2s ease-out;transform:translateX(1px);box-shadow:var(--shadow-small)}.workspace-navigation-item.active:hover{background-color:var(--selection-hover,#d1e7ff);transform:translateX(2px)}.light-mode .workspace-navigation-item.active{background-color:#e5f3ff;border-left-color:#1976d2;color:var(--text-primary)}.dark-mode .workspace-navigation-item.active{background-color:#2c5282;border-left-color:#63b3ed;color:#e2e8f0}.light-mode .workspace-navigation-item.active:hover{background-color:#d1e7ff}.dark-mode .workspace-navigation-item.active:hover{background-color:#2a4365}.workspace-navigation-item .icon{font-size:var(--font-size-normal);width:20px;text-align:center}.mobile-btn-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-large);font-weight:700;background:var(--color-primary);color:white;border:none;cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.mobile-btn-icon:hover{background:var(--color-primary-dark);transform:scale(1.05);box-shadow:var(--shadow-md)}.mobile-btn-icon:active{transform:scale(.95)}.mobile-btn-icon:focus{outline:2px solid var(--color-primary-light);outline-offset:2px}.light-mode .mobile-btn-icon{background:var(--color-primary);color:white}.light-mode .mobile-btn-icon:hover{background:var(--color-primary-dark)}.dark-mode .mobile-btn-icon{background:var(--color-primary);color:white}.dark-mode .mobile-btn-icon:hover{background:var(--color-primary-light)}.mobile-btn-icon-small{width:13px;height:13px;min-width:13px;min-height:13px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:var(--color-primary);color:white;border:none;cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.mobile-btn-icon-small:hover{background:var(--color-primary-dark);transform:scale(1.05);box-shadow:var(--shadow-md)}.mobile-btn-icon-small:active{transform:scale(.95)}.mobile-btn-icon-small:focus{outline:2px solid var(--color-primary-light);outline-offset:2px}.light-mode .mobile-btn-icon-small{background:var(--color-primary);color:white}.light-mode .mobile-btn-icon-small:hover{background:var(--color-primary-dark)}.dark-mode .mobile-btn-icon-small{background:var(--color-primary);color:white}.dark-mode .mobile-btn-icon-small:hover{background:var(--color-primary-light)}.project-name-input{background:var(--bg-input);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:var(--spacing-xs);font-size:var(--font-size-normal);color:var(--text-primary);width:100%;outline:none}.project-name-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.project-context-menu{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-large);min-width:200px;z-index:1000}.project-context-menu-content{padding:var(--spacing-sm)}.project-context-menu-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-xs)}.project-context-menu-title{font-weight:600;font-size:var(--font-size-normal);color:var(--text-primary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-context-menu-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--font-size-normal)}.project-context-menu-close:hover{background:var(--bg-hover);color:var(--text-primary)}.project-context-menu-actions{display:flex;flex-direction:column;gap:var(--spacing-xs)}.project-context-menu-action{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-normal);text-align:left;width:100%;transition:background-color .2s ease}.project-context-menu-action:hover{background:var(--bg-hover)}.project-context-menu-action--danger{color:var(--color-error)}.project-context-menu-action--danger:hover{background:var(--color-error-light);color:var(--color-error-dark)}.project-context-menu-action:disabled{opacity:.5;cursor:not-allowed}.project-context-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:transparent}.light-mode .project-context-menu{background:white}.light-mode .project-context-menu,.light-mode .project-context-menu-header{border-color:var(--color-gray-200)}.dark-mode .project-context-menu{background:var(--color-gray-800)}.dark-mode .project-context-menu,.dark-mode .project-context-menu-header{border-color:var(--color-gray-600)}.cursor-accordion-container{display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--bg-card);border-radius:var(--radius-md);padding:var(--spacing-sm);font-family:var(--font-family-mono)}.cursor-search-section{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.cursor-search-input-container{position:relative;flex:1 1;display:flex;align-items:center}.cursor-search-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-size:var(--font-size-normal);font-family:inherit;outline:none;transition:var(--transition-all)}.cursor-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.cursor-search-icon{position:absolute;left:var(--spacing-xs);pointer-events:none}.cursor-clear-search,.cursor-search-icon{color:var(--text-muted);font-size:var(--font-size-normal)}.cursor-clear-search{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-all)}.cursor-clear-search:hover{background:var(--bg-hover);color:var(--text-primary)}.cursor-favorites-section{background:var(--color-primary-light);border-radius:var(--radius-sm);padding:var(--spacing-sm);border:1px solid var(--color-primary);margin-bottom:var(--spacing-sm)}.cursor-favorites-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.cursor-favorites-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cursor-favorite-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--bg-card);border:1px solid var(--color-primary);border-radius:var(--radius-sm);transition:var(--transition-all)}.cursor-favorite-item:hover{background:var(--bg-hover)}.cursor-quick-action{background:var(--color-success);color:white;border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs);font-size:var(--font-size-normal);cursor:pointer;transition:var(--transition-all);min-width:20px;height:20px;display:flex;align-items:center;justify-content:center}.cursor-quick-action:hover{background:var(--color-success-dark);transform:scale(1.05)}.cursor-recents-section{background:var(--color-info-light);border-radius:var(--radius-sm);padding:var(--spacing-sm);border:1px solid var(--color-info);margin-bottom:var(--spacing-sm)}.cursor-recents-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.cursor-recents-controls{margin-left:auto}.cursor-limit-selector{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-xs);font-size:var(--font-size-normal);color:var(--text-primary);cursor:pointer;transition:var(--transition-all)}.cursor-limit-selector:focus{border-color:var(--color-info);box-shadow:0 0 0 2px var(--color-info-light)}.cursor-recents-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cursor-recent-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--bg-card);border:1px solid var(--color-info);border-radius:var(--radius-sm);transition:var(--transition-all)}.cursor-recent-item:hover{background:var(--bg-hover);border-color:var(--color-info-dark)}.cursor-recent-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity .2s ease}.cursor-recent-item:hover .cursor-recent-actions{opacity:1}.cursor-remove-btn{color:var(--color-error)}.cursor-remove-btn:hover{background:var(--color-error-light)}.cursor-accordion-content{flex:1 1;overflow-y:auto}.cursor-project-item{border:none;border-radius:0;margin-bottom:0;background:transparent;position:relative;font-family:var(--font-family-mono)}.cursor-project-header{display:flex;align-items:center;gap:4px;padding:2px 4px;background:transparent;border-radius:0;font-weight:400;color:var(--text-primary);transition:var(--transition-all);cursor:pointer;width:100%;text-align:left;border:none;font-size:13px;min-height:20px}.cursor-project-header:hover{background:var(--color-gray-100)}.cursor-project-content{padding:0;border-top:none;margin-left:16px}.cursor-phase-item{border:none;border-radius:0;margin-bottom:0;background:transparent;position:relative;font-family:var(--font-family-mono)}.cursor-phase-header{display:flex;align-items:center;gap:4px;padding:2px 4px;background:transparent;border-radius:0;font-weight:400;color:var(--text-primary);transition:var(--transition-all);cursor:pointer;width:100%;text-align:left;border:none;font-size:13px;min-height:20px}.cursor-phase-header:hover{background:var(--color-gray-100)}.cursor-phase-content{padding:0;border-top:none;margin-left:16px}.cursor-icon{font-size:var(--font-size-normal);color:var(--text-primary)}.cursor-phase-title,.cursor-title{flex:1 1;font-size:var(--font-size-normal);font-weight:inherit;color:var(--text-primary)}.cursor-badge{font-size:11px;color:var(--text-muted);background:transparent;padding:0;border-radius:0;font-weight:400}.cursor-indent{font-family:var(--font-family-mono);white-space:pre}.cursor-chevron,.cursor-indent{color:var(--text-muted);font-size:13px;width:16px;display:inline-block;text-align:center}.cursor-chevron{transition:var(--transition-all)}.cursor-actions{display:flex;gap:2px;opacity:0;transition:opacity .2s ease}.cursor-phase-header:hover .cursor-actions,.cursor-project-header:hover .cursor-actions{opacity:1}.cursor-action-btn{background:none;border:none;cursor:pointer;padding:2px;border-radius:2px;font-size:12px;transition:var(--transition-all);min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.cursor-action-btn:hover{background:var(--color-gray-200);color:var(--text-primary)}.cursor-phase-select-btn{background:var(--color-primary);color:white;border:none;border-radius:2px;padding:2px;font-size:12px;cursor:pointer;transition:var(--transition-all);min-width:16px;height:16px;display:flex;align-items:center;justify-content:center}.cursor-phase-select-btn:hover{background:var(--color-primary-dark)}.cursor-phase-select-btn.selected{background:var(--color-success)}.cursor-assistant-list{display:flex;flex-direction:column;gap:0}.cursor-assistant-item{display:flex;align-items:center;gap:4px;padding:2px 4px;background:transparent;border:none;border-radius:0;transition:var(--transition-all);font-family:var(--font-family-mono);font-size:13px;min-height:20px}.cursor-assistant-item:hover{background:var(--color-gray-100)}.cursor-assistant-name{flex:1 1;font-size:13px;font-weight:400;color:var(--text-primary)}.cursor-assistant-description{font-size:12px;color:var(--text-muted);line-height:1.3;margin-left:8px}.cursor-assistant-actions{display:flex;gap:2px;opacity:0;transition:opacity .2s ease}.cursor-assistant-item:hover .cursor-assistant-actions{opacity:1}.cursor-favorite-btn{color:var(--color-warning)}.cursor-favorite-btn:hover{background:var(--color-warning-light)}.cursor-start-btn{color:var(--color-success)}.cursor-start-btn:hover{background:var(--color-success-light)}.cursor-details-btn{color:var(--color-primary)}.cursor-details-btn:hover{background:var(--color-primary-light)}.light-mode .cursor-accordion-container{background:white;border-color:var(--color-gray-200)}.light-mode .cursor-favorites-section{background:var(--color-primary-light);border-color:var(--color-primary)}.light-mode .cursor-favorite-item{background:white;border-color:var(--color-primary)}.dark-mode .cursor-accordion-container{background:var(--color-gray-800);border-color:var(--color-gray-600)}.dark-mode .cursor-favorites-section{background:var(--color-primary-dark);border-color:var(--color-primary)}.dark-mode .cursor-favorite-item{background:var(--color-gray-800);border-color:var(--color-primary)}.light-mode .cursor-recents-section{background:var(--color-info-light);border-color:var(--color-info)}.light-mode .cursor-recent-item{background:white;border-color:var(--color-info)}.dark-mode .cursor-recents-section{background:var(--color-info-dark);border-color:var(--color-info)}.dark-mode .cursor-recent-item{background:var(--color-gray-800);border-color:var(--color-info)}.workspace-navigation-item .text{flex:1 1}.conversation-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.conversation-title{font-weight:500;color:var(--text-primary)}.conversation-meta{font-size:var(--font-size-normal);color:var(--text-muted)}.workspace-interaction{border-right:2px solid var(--color-gray-300)}.workspace-interaction,.workspace-interaction--permuted{display:flex;flex-direction:column;background:var(--bg-card);overflow:hidden;flex:1 1;min-width:300px;height:calc(100dvh - 80px);max-height:calc(100dvh - 80px)}.workspace-interaction--permuted{border-left:2px solid var(--color-gray-300);border-right:none}body.dark-mode .workspace-interaction,body.light-mode .workspace-interaction{background:var(--bg-card);border-right-color:var(--border-color)}body.dark-mode .workspace-interaction--permuted,body.light-mode .workspace-interaction--permuted{background:var(--bg-card);border-left-color:var(--border-color)}.workspace-interaction--empty,.workspace-interaction--transitioning{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);animation:fadeIn .3s ease-in-out}.workspace-interaction-empty,.workspace-interaction-transition{text-align:center;max-width:400px;animation:slideUp .5s ease-out}.workspace-interaction-empty-icon,.workspace-interaction-transition-spinner{font-size:3rem;margin-bottom:var(--spacing-lg);display:block}.workspace-interaction-transition-spinner{animation:spin 1s linear infinite}.workspace-interaction-chat{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.workspace-interaction-chat--transitioning{opacity:.5;transform:translateY(10px)}.workspace-interaction--general{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.workspace-interaction--general .workspace-interaction-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);background:var(--color-primary-light);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.workspace-interaction--general .workspace-interaction-header .mobile-title{color:var(--color-primary-dark);font-weight:600;margin-bottom:var(--spacing-xs)}.workspace-interaction--general .workspace-interaction-header .mobile-text{color:var(--text-secondary);font-size:var(--font-size-normal)}.light-mode .workspace-interaction--general{background:white;border-color:var(--color-gray-200)}.light-mode .workspace-interaction--general .workspace-interaction-header{background:var(--color-primary-light);border-color:var(--color-gray-200)}.dark-mode .workspace-interaction--general{background:var(--color-gray-800);border-color:var(--color-gray-600)}.dark-mode .workspace-interaction--general .workspace-interaction-header{background:var(--color-primary-dark);border-color:var(--color-gray-600)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.workspace-navigation-item,.workspace-structuration-item{animation:slideIn .3s ease-out}.workspace-context-menu{animation:slideUp .2s ease-out}.workspace-context-menu-overlay{animation:fadeIn .2s ease-out}.workspace-structuration-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-wrap:wrap}.workspace-structuration-actions .mobile-btn{flex:1 1;min-width:120px;display:flex;align-items:center;gap:var(--spacing-xs);justify-content:center}.workspace-structuration-actions .mobile-btn .icon{font-size:var(--font-size-large)}.workspace-resize-grabber{position:absolute;top:0;bottom:0;width:6px;background:var(--color-gray-300);cursor:col-resize;z-index:10;transition:all .2s ease;border-radius:2px}.workspace-resize-grabber:hover{background:var(--color-primary);width:8px}.workspace-resize-grabber--left{right:-3px}.workspace-resize-grabber--right{left:-3px}.workspace-resize-grabber--permuted-left{right:-3px}.workspace-resize-grabber--permuted-right{left:-3px}.workspace-structuration--permuted .workspace-resize-grabber--permuted-right{right:-3px;left:auto}.workspace-resize-grabber:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:24px;background:var(--text-muted);border-radius:2px;opacity:.6;transition:opacity .2s ease}.workspace-resize-grabber:hover:before{opacity:1;background:white}.workspace-interaction-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.workspace-interaction-header-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.workspace-interaction-chat{flex:1 1;overflow:hidden;width:100%!important;max-width:none!important;height:100%;display:flex;flex-direction:column}.workspace-context-menu{position:fixed;z-index:var(--z-dropdown);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;max-width:300px}.workspace-context-menu-content{padding:var(--spacing-sm)}.workspace-context-menu-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-sm)}.workspace-context-menu-text{font-size:var(--font-size-normal);color:var(--text-secondary);font-style:italic;flex:1 1;margin-right:var(--spacing-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-context-menu-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-fast)}.workspace-context-menu-close:hover{background:var(--bg-hover);color:var(--text-primary)}.workspace-context-menu-actions{display:flex;flex-direction:column;gap:var(--spacing-xs)}.workspace-context-menu-action{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-normal);color:var(--text-primary);text-align:left;width:100%}.workspace-context-menu-action:hover{background:var(--bg-hover)}.workspace-context-menu-action .icon{font-size:var(--font-size-normal);width:16px;text-align:center}.workspace-context-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:calc(var(--z-dropdown) - 1);background:transparent}.workspace-structuration{border-left:2px solid var(--color-gray-300);box-shadow:-2px 0 4px rgba(0,0,0,.05)}.workspace-structuration,.workspace-structuration--permuted{background:var(--bg-card);overflow-y:auto;padding:var(--spacing-xs);display:flex;flex-direction:column;gap:var(--spacing-lg);min-width:200px;max-width:600px;flex-shrink:0;position:relative;margin:0}.workspace-structuration--permuted{border-right:2px solid var(--color-gray-300);border-left:none;box-shadow:2px 0 4px rgba(0,0,0,.05)}.workspace-structuration::-webkit-scrollbar{width:4px}.workspace-structuration::-webkit-scrollbar-track{background:var(--bg-input);border-radius:var(--radius-sm)}.workspace-structuration::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-sm);-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.workspace-structuration::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.workspace-structuration{scrollbar-width:thin;scrollbar-color:var(--color-gray-400) var(--bg-input)}body.dark-mode .workspace-structuration{background:var(--bg-card);border-left-color:var(--border-color);box-shadow:-2px 0 4px rgba(0,0,0,.2)}body.light-mode .workspace-structuration{background:var(--bg-card);border-left-color:var(--border-color);box-shadow:-2px 0 4px rgba(0,0,0,.05)}body.dark-mode .workspace-structuration--permuted{background:var(--bg-card);border-right-color:var(--border-color);box-shadow:2px 0 4px rgba(0,0,0,.2)}body.light-mode .workspace-structuration--permuted{background:var(--bg-card);border-right-color:var(--border-color);box-shadow:2px 0 4px rgba(0,0,0,.05)}.workspace-structuration--empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.workspace-structuration-empty{text-align:center;max-width:300px}.workspace-structuration-empty-icon{font-size:3rem;margin-bottom:var(--spacing-lg);display:block}.workspace-structuration-header{display:flex;flex-direction:column;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.workspace-structuration-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.workspace-structuration-section-header{cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:var(--transition-fast)}.workspace-structuration-section-header:hover{background:var(--bg-hover)}.workspace-structuration-section-title{font-size:var(--font-size-normal);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.workspace-structuration-section-toggle{font-size:var(--font-size-normal);color:var(--text-muted);transition:var(--transition-fast)}.workspace-structuration-section-content{padding-left:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.workspace-structuration-overview{display:flex;flex-direction:column;gap:var(--spacing-md)}.workspace-structuration-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-md);gap:var(--spacing-md)}.workspace-structuration-stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border-color)}.stat-number{font-size:var(--font-size-large);font-weight:600;color:var(--color-primary)}.stat-label{font-size:var(--font-size-normal);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.workspace-structuration-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-normal);background:var(--bg-input);border:1px solid var(--border-color)}.workspace-structuration-item:hover{background:var(--bg-hover);border-color:var(--border-color-hover)}.workspace-structuration-item.completed{opacity:.6;text-decoration:line-through}.workspace-structuration-item .icon{font-size:var(--font-size-normal);width:16px;text-align:center}.item-content{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1 1}.item-title{font-weight:500;color:var(--text-primary)}.item-meta{font-size:var(--font-size-normal);color:var(--text-muted)}.workspace-structuration-item--conversation{background:var(--bg-card);border:1px solid var(--color-primary-light)}.workspace-structuration-item--conversation:hover{background:var(--color-primary-light);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.workspace-structuration-item--conversation .icon{color:var(--color-primary)}.workspace-structuration-item--conversation .item-title{color:var(--text-primary);font-weight:600}.workspace-structuration-item--conversation .item-meta{color:var(--text-secondary);font-style:italic}@media (max-width:1024px){.workspace-container{display:flex}.workspace-structuration{display:none}.workspace-navigation{min-width:250px;max-width:250px}.workspace-container--permuted{display:flex}.workspace-structuration--permuted{display:none}.workspace-navigation{min-width:250px;max-width:250px}}@media (max-width:768px){.workspace-container{display:flex}.workspace-navigation,.workspace-structuration{display:none}.workspace-interaction{border-right:none}.workspace-container--permuted{display:flex}.workspace-navigation,.workspace-structuration--permuted{display:none}.workspace-interaction--permuted{border-left:none}}.workspace-loading{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-primary)}.workspace-loading-content{text-align:center;max-width:400px}.workspace-loading-spinner{width:40px;height:40px;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-lg)}.supervision-card-icon--dynamic,.supervision-card-value--dynamic{color:var(--dynamic-color,var(--color-primary))}.dashboard-bar--dynamic-height{height:var(--bar-height,20px)}.dashboard-bar-feedback-positive--dynamic{height:var(--positive-height,0)}.dashboard-bar-feedback-negative--dynamic{height:var(--negative-height,0)}.assistant-message-container{flex:1 1;overflow-y:auto;overflow-x:hidden;min-height:0}.streaming-progress-bar{width:var(--progress-width,0);transition:var(--progress-transition,width .3s ease-in-out)}.streaming-progress-bar--animating{transition:width .3s ease-in-out}.context-menu-positioned,.mobile-context-menu,.task-action-menu-positioned{position:fixed;left:var(--menu-left,0);top:var(--menu-top,0);z-index:var(--z-dropdown,1000)}.workspace-container{cursor:var(--container-cursor,default)}.workspace-navigation{width:var(--navigation-width,300px)}.workspace-structuration{width:var(--structuration-width,300px)}.element-context-menu{background:var(--bg-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-large);min-width:200px;max-width:300px;z-index:var(--z-dropdown)}.element-context-menu-positioned{position:fixed;left:var(--menu-left,auto);top:var(--menu-top,auto);z-index:1000}.element-context-menu-content{padding:var(--spacing-xs)}.element-context-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;text-align:left}.element-context-menu-item:hover{background:var(--color-gray-100)}.element-context-menu-item:active{background:var(--color-gray-200);transform:translateY(1px)}.element-context-menu-icon{font-size:16px;width:20px;text-align:center}.element-context-menu-label{flex:1 1;font-size:14px;color:var(--text-primary)}.dark-mode .element-context-menu{background:var(--color-gray-800);border-color:var(--color-gray-700)}.dark-mode .element-context-menu-item:hover{background:var(--color-gray-700)}.dark-mode .element-context-menu-item:active{background:var(--color-gray-600)}.dark-mode .element-context-menu-label{color:var(--text-primary)}.element-detail-content{padding:var(--spacing-md)}.element-detail-header{margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--spacing-sm)}.element-detail-meta{display:flex;gap:var(--spacing-sm);margin-top:0;flex-wrap:wrap}.element-detail-content--note .element-detail-header{margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:none}.element-detail-content--note .element-detail-meta{margin-bottom:var(--spacing-sm)}.element-detail-assistant,.element-detail-category,.element-detail-type{background:var(--color-gray-100);color:var(--color-gray-700);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px}.element-detail-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:500}.element-detail-status--completed{background:var(--color-success-light);color:var(--color-success-dark)}.element-detail-status--pending{background:var(--color-warning-light);color:var(--color-warning-dark)}.element-detail-body{margin-bottom:var(--spacing-md)}.element-detail-content-text,.element-detail-conversation-info,.element-detail-description{line-height:1.6}.element-detail-preview{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.element-detail-preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--text-muted)}.element-detail-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:flex-start}.element-detail-actions--top{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);justify-content:flex-end;border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--spacing-sm)}.dark-mode .element-detail-actions--top{border-bottom-color:var(--color-gray-700)}.element-detail-fixed-actions{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-dropdown);background:var(--bg-primary);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);margin:calc(-1 * var(--spacing-md)) calc(-1 * var(--spacing-md)) var(--spacing-md) calc(-1 * var(--spacing-md))}.element-detail-fixed-actions-content{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.element-detail-fixed-actions-info{flex:1 1;min-width:0}.element-detail-fixed-actions-info .mobile-text-small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.element-detail-fixed-actions-buttons{display:flex;gap:var(--spacing-xs);flex-shrink:0}.dark-mode .element-detail-fixed-actions{background:var(--bg-primary);border-bottom-color:var(--color-gray-700)}@media (max-width:768px){.element-detail-fixed-actions{margin:calc(-1 * var(--spacing-sm)) calc(-1 * var(--spacing-sm)) var(--spacing-sm) calc(-1 * var(--spacing-sm))}.element-detail-fixed-actions-content{padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs)}.element-detail-fixed-actions-buttons{gap:var(--spacing-xs)}.element-detail-fixed-actions-buttons .mobile-btn-icon{width:36px;height:36px;min-width:36px}}.element-detail-content--note .element-detail-actions{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-gray-200)}.element-detail-actions--notes{display:flex;gap:var(--spacing-xs);justify-content:space-between;flex-wrap:wrap}.element-detail-actions--notes .mobile-btn-icon{flex:1 1;min-width:44px;height:44px;font-size:16px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast);background:var(--bg-card);border:1px solid var(--color-gray-200);color:var(--text-primary)}.element-detail-actions--notes .mobile-btn-icon.primary{filter:hue-rotate(0deg) saturate(1.2) brightness(.8)}.element-detail-actions--notes .mobile-btn-icon.danger{filter:hue-rotate(-20deg) saturate(1.5) brightness(.7)}.element-detail-actions--notes .mobile-btn-icon.secondary{filter:grayscale(.3) brightness(.6)}.element-detail-actions--notes .mobile-btn-icon.info{filter:hue-rotate(200deg) saturate(1.3) brightness(.8)}.element-detail-actions--notes .mobile-btn-icon:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.element-detail-actions--notes .mobile-btn-icon:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.element-detail-content--note .element-detail-body{max-height:300px;overflow-y:auto;margin-bottom:var(--spacing-sm)}.element-detail-content--note .element-detail-content-text{max-height:280px;overflow-y:auto;padding-right:var(--spacing-xs)}.element-detail-content--note .element-detail-content-text::-webkit-scrollbar{width:6px}.element-detail-content--note .element-detail-content-text::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-sm)}.element-detail-content--note .element-detail-content-text::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-sm)}.element-detail-content--note .element-detail-content-text::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.dark-mode .element-detail-header{border-bottom-color:var(--color-gray-700)}.dark-mode .element-detail-content--note .element-detail-actions{border-top-color:var(--color-gray-700)}.dark-mode .element-detail-actions--notes .mobile-btn-icon{background:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--text-primary)}.dark-mode .element-detail-actions--notes .mobile-btn-icon:hover{background:var(--color-gray-200);box-shadow:var(--shadow-large);border-color:var(--color-gray-300)}.dark-mode .element-detail-actions--notes .mobile-btn-icon.primary{background:var(--color-gray-100);color:var(--color-primary);border-color:var(--color-primary);filter:none}.dark-mode .element-detail-actions--notes .mobile-btn-icon.primary:hover{background:var(--color-gray-200);color:var(--color-primary-dark)}.dark-mode .element-detail-actions--notes .mobile-btn-icon.danger{background:var(--color-gray-100);color:var(--color-error);border-color:var(--color-error);filter:none}.dark-mode .element-detail-actions--notes .mobile-btn-icon.danger:hover{background:var(--color-gray-200);color:var(--color-error-dark)}.dark-mode .element-detail-actions--notes .mobile-btn-icon.secondary{background:var(--color-gray-100);color:var(--text-primary);border-color:var(--color-gray-300);filter:none}.dark-mode .element-detail-actions--notes .mobile-btn-icon.secondary:hover{background:var(--color-gray-200)}.dark-mode .element-detail-actions--notes .mobile-btn-icon.info{background:var(--color-gray-100);color:var(--color-info);border-color:var(--color-info);filter:none}.dark-mode .element-detail-actions--notes .mobile-btn-icon.info:hover{background:var(--color-gray-200);color:var(--color-info-dark)}.dark-mode .element-detail-content--note .element-detail-content-text::-webkit-scrollbar-track{background:var(--color-gray-800)}.dark-mode .element-detail-content--note .element-detail-content-text::-webkit-scrollbar-thumb{background:var(--color-gray-600)}.dark-mode .element-detail-content--note .element-detail-content-text::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.dark-mode .element-detail-assistant,.dark-mode .element-detail-category,.dark-mode .element-detail-type{background:var(--color-gray-700);color:var(--color-gray-300)}.dark-mode .element-detail-preview{background:var(--color-gray-800);border-color:var(--color-gray-700)}.dark-mode .element-detail-preview-placeholder{color:var(--text-muted)}.element-detail-edit{margin-top:var(--spacing-md)}.element-detail-edit textarea{width:100%;min-height:120px;resize:vertical;margin-bottom:var(--spacing-md)}.element-detail-edit-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.dark-mode .element-detail-edit textarea{background:var(--color-gray-800);border-color:var(--color-gray-700);color:var(--text-primary)}.project-context-menu{position:fixed;left:var(--menu-left,0);top:var(--menu-top,0);z-index:var(--z-dropdown,1000)}.workspace-preferences-section{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.document-preview{width:100%;max-width:100%;background:var(--bg-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-medium)}.document-preview--unsupported{opacity:.7}.document-preview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-secondary);border-bottom:1px solid var(--color-gray-200);flex-wrap:wrap;gap:var(--spacing-sm)}.document-preview-info h4{margin:0;color:var(--text-primary);font-size:var(--font-size-normal);font-weight:600}.document-preview-actions{display:flex;gap:var(--spacing-xs);align-items:center}.document-preview-content{min-height:200px;max-height:600px;overflow-y:auto;position:relative}.document-preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--text-secondary)}.loading-spinner{margin-bottom:var(--spacing-md);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.document-preview-error{padding:var(--spacing-lg)}.document-preview-error .error-message{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error-dark)}.document-preview-error h5{margin:0;color:var(--color-error-dark)}.document-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--text-secondary);gap:var(--spacing-md)}.document-preview-placeholder .mobile-icon-large{font-size:3rem;opacity:.5}.document-preview-html{padding:var(--spacing-lg);background:var(--bg-primary)}.document-preview-html-content{max-width:100%;overflow-x:auto;font-family:var(--font-family-base);line-height:var(--line-height-normal);color:var(--text-primary)}.document-preview-html-content h1,.document-preview-html-content h2,.document-preview-html-content h3,.document-preview-html-content h4,.document-preview-html-content h5,.document-preview-html-content h6{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:600;line-height:var(--line-height-tight)}.document-preview-html-content h1{font-size:1.5rem}.document-preview-html-content h2{font-size:1.25rem}.document-preview-html-content h3{font-size:1.125rem}.document-preview-html-content h4{font-size:1rem}.document-preview-html-content h5{font-size:.875rem}.document-preview-html-content h6{font-size:.75rem}.document-preview-html-content p{margin-bottom:var(--spacing-sm);line-height:var(--line-height-normal)}.document-preview-html-content ol,.document-preview-html-content ul{margin-bottom:var(--spacing-sm);padding-left:var(--spacing-lg)}.document-preview-html-content li{margin-bottom:var(--spacing-xs)}.document-preview-html-content blockquote{margin:var(--spacing-md) 0;padding:var(--spacing-md);background:var(--bg-secondary);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--text-secondary)}.document-preview-html-content table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden}.document-preview-html-content td,.document-preview-html-content th{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--color-gray-200)}.document-preview-html-content th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary)}.document-preview-html-content tr:nth-child(2n){background:var(--bg-secondary)}.document-preview-html-content img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:var(--spacing-sm) 0;box-shadow:var(--shadow-small)}.document-preview-html-content b,.document-preview-html-content strong{font-weight:600;color:var(--text-primary)}.document-preview-html-content em,.document-preview-html-content i{font-style:italic;color:var(--text-secondary)}.document-preview-html-content code{background:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:.875rem;color:var(--color-primary)}.document-preview-html-content pre{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-md)}.document-preview-html-content pre code{background:none;padding:0;color:var(--text-primary)}.document-preview-footer{padding:var(--spacing-md);background:var(--bg-secondary);border-top:1px solid var(--color-gray-200);text-align:center}.document-preview-footer .link-button{background:none;border:none;color:var(--color-primary);text-decoration:underline;cursor:pointer;font-size:inherit;padding:0;margin-left:var(--spacing-xs)}.document-preview-footer .link-button:hover{color:var(--color-primary-dark)}.element-detail-document-preview{margin:0;border:none;border-radius:var(--radius-md);box-shadow:none}.element-detail-document-preview .document-preview-header{display:none}.element-detail-document-preview .document-preview-content{max-height:500px}@media (max-width:768px){.document-preview-header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.document-preview-actions{justify-content:center}.document-preview-content{max-height:400px}.document-preview-html{padding:var(--spacing-md)}.document-preview-html-content h1{font-size:1.25rem}.document-preview-html-content h2{font-size:1.125rem}.document-preview-html-content h3{font-size:1rem}}.dark-mode .document-preview{background:var(--bg-card);border-color:var(--color-gray-700)}.dark-mode .document-preview-header{background:var(--bg-secondary);border-color:var(--color-gray-700)}.dark-mode .document-preview-html{background:var(--bg-primary)}.dark-mode .document-preview-html-content{color:var(--text-primary)}.dark-mode .document-preview-html-content th{background:var(--bg-secondary);color:var(--text-primary)}.dark-mode .document-preview-html-content tr:nth-child(2n){background:var(--bg-secondary)}.dark-mode .document-preview-html-content blockquote{background:var(--bg-secondary);border-color:var(--color-primary)}.dark-mode .document-preview-html-content code{background:var(--bg-secondary);color:var(--color-primary-light)}.dark-mode .document-preview-html-content pre{background:var(--bg-secondary)}.dark-mode .document-preview-footer{background:var(--bg-secondary);border-color:var(--color-gray-700)}.preference-item{margin:var(--spacing-md) 0}.preference-label{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color .2s ease}.preference-label:hover{background:var(--bg-hover)}.preference-checkbox{margin-top:2px;transform:scale(1.2)}.preference-text{flex:1 1;line-height:1.4}.preference-info{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.dark-mode .workspace-preferences-section{background:var(--bg-card-dark);border-color:var(--border-color-dark)}.dark-mode .preference-label:hover{background:var(--bg-hover-dark)}.dark-mode .preference-info{background:var(--bg-secondary-dark);border-left-color:var(--color-primary-light)}.admin-spacing{margin:var(--spacing-md)}.admin-spacing--small{margin:var(--spacing-sm)}.admin-spacing--large{margin:var(--spacing-lg)}.admin-text-center{text-align:center}.admin-text-left{text-align:left}.admin-text-right{text-align:right}.admin-flex{display:flex}.admin-flex--center{display:flex;align-items:center;justify-content:center}.admin-flex--between{display:flex;align-items:center;justify-content:space-between}.admin-flex--gap-small{display:flex;gap:var(--spacing-sm)}.admin-flex--gap-medium{display:flex;gap:var(--spacing-md)}.admin-flex--gap-large{display:flex;gap:var(--spacing-lg)}.project-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.project-dropdown-container{position:relative}.project-dropdown-trigger{min-height:28px;min-width:28px;border:none;background:var(--bg-card);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-small);font-weight:700;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.project-dropdown-trigger.mobile-touch-target{position:relative}.project-dropdown-trigger.mobile-touch-target:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.project-dropdown-trigger:hover{background:var(--color-primary-light);color:var(--color-primary-dark);transform:scale(1.05);box-shadow:var(--shadow-medium)}.project-dropdown-trigger:active{transform:scale(.95)}.project-dropdown-menu{position:absolute;top:100%;right:0;z-index:var(--z-modal);background:var(--bg-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-large);min-width:200px;overflow:hidden;animation:dropdownSlideIn .2s ease-out}.project-dropdown-menu.open-up{top:auto;bottom:100%;animation:dropdownSlideInUp .2s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownSlideInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.project-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);border-bottom:1px solid var(--color-gray-200);background:var(--bg-secondary)}.project-dropdown-title{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-normal)}.project-dropdown-close{min-height:var(--touch-target-min);min-width:var(--touch-target-min);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-small);transition:var(--transition-fast)}.project-dropdown-close:hover{background:var(--color-gray-100);color:var(--text-primary)}.project-dropdown-actions{padding:var(--spacing-xs)}.project-dropdown-action{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border:none;background:transparent;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);text-align:left;font-size:var(--font-size-normal)}.project-dropdown-action:hover{background:var(--color-gray-100);color:var(--text-primary)}.project-dropdown-action:active{transform:scale(.98)}.project-dropdown-action--danger{color:var(--color-error)}.project-dropdown-action--danger:hover{background:var(--color-error-light);color:var(--color-error-dark)}.project-dropdown-icon{font-size:var(--font-size-normal);min-width:20px;text-align:center}.light-mode .project-dropdown-trigger{background:white;border:1px solid var(--color-gray-200)}.light-mode .project-dropdown-trigger:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.light-mode .project-dropdown-menu{background:white;border-color:var(--color-gray-200)}.light-mode .project-dropdown-header{background:var(--color-gray-50);border-color:var(--color-gray-200)}.dark-mode .project-dropdown-trigger{background:var(--color-gray-800);border:1px solid var(--color-gray-600)}.dark-mode .project-dropdown-trigger:hover{background:var(--color-primary-dark);border-color:var(--color-primary)}.dark-mode .project-dropdown-menu{background:var(--color-gray-800);border-color:var(--color-gray-600)}.dark-mode .project-dropdown-header{background:var(--color-gray-700);border-color:var(--color-gray-600)}@media (max-width:768px){.project-dropdown-menu{right:-10px;min-width:180px}}.mobile-actions-group{display:flex;gap:var(--spacing-xs);align-items:center}.mobile-actions-group .mobile-btn-icon{width:24px;height:24px;min-width:24px;min-height:24px;font-size:12px;padding:0;border-radius:var(--radius-sm)}.mobile-project-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mobile-detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.mobile-detail-item .mobile-label{font-weight:600;color:var(--text-secondary);font-size:.875rem}.mobile-detail-item .mobile-text{color:var(--text-primary);line-height:1.5}.mobile-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:var(--spacing-sm);gap:var(--spacing-sm);margin-top:var(--spacing-md)}.mobile-actions-grid .mobile-btn{padding:var(--spacing-sm);font-size:.875rem;text-align:center;border-radius:var(--radius-md)}.dark-mode .mobile-detail-item{background:var(--bg-card-dark);border-color:var(--color-gray-700)}.dark-mode .mobile-detail-item .mobile-label{color:var(--text-secondary-dark)}.dark-mode .mobile-detail-item .mobile-text{color:var(--text-primary-dark)}@media (max-width:768px){.mobile-actions-group{gap:var(--spacing-xs)}.mobile-actions-group .mobile-btn-icon{width:20px;height:20px;min-width:20px;min-height:20px;font-size:10px}.mobile-actions-grid{grid-template-columns:1fr;gap:var(--spacing-xs)}}.document-preview--fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:var(--z-modal)!important;background:var(--bg-primary)!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important}.document-preview--fullscreen .document-preview-header{position:-webkit-sticky;position:sticky;top:0;z-index:calc(var(--z-modal) + 1);background:var(--bg-primary);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-small)}.document-preview--fullscreen .document-preview-content{height:calc(100vh - 120px);max-height:none!important;overflow-y:auto;padding:0}.document-preview--fullscreen .document-preview-html{padding:var(--spacing-lg);height:100%;overflow-y:auto}.document-preview--fullscreen .document-preview-footer{position:-webkit-sticky;position:sticky;bottom:0;z-index:calc(var(--z-modal) + 1);background:var(--bg-primary);border-top:1px solid var(--color-gray-200);box-shadow:var(--shadow-small)}.document-preview{transition:all .3s ease-in-out}.document-preview--fullscreen{animation:fullscreenEnter .3s ease-out}@keyframes fullscreenEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dark-mode .document-preview--fullscreen{background:var(--bg-primary-dark)!important}.dark-mode .document-preview--fullscreen .document-preview-footer,.dark-mode .document-preview--fullscreen .document-preview-header{background:var(--bg-primary-dark);border-color:var(--color-gray-700)}@media (max-width:768px){.document-preview--fullscreen .document-preview-content{height:calc(100vh - 100px)}.document-preview--fullscreen .document-preview-header{padding:var(--spacing-sm)}.document-preview--fullscreen .document-preview-actions{flex-wrap:wrap;gap:var(--spacing-xs)}.document-preview--fullscreen .document-preview-actions .mobile-btn{font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm)}}.document-preview--fallback-fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:var(--z-modal)!important;background:var(--bg-primary)!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important}body.document-preview-fullscreen-active{overflow:hidden}.document-preview--fullscreen:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);z-index:-1}.document-preview--fullscreen:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.document-preview--exiting-fullscreen{animation:fullscreenExit .3s ease-in}@keyframes fullscreenExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media (orientation:landscape) and (max-height:500px){.document-preview--fullscreen .document-preview-content{height:calc(100vh - 80px)}.document-preview--fullscreen .document-preview-header{padding:var(--spacing-xs)}}@media (min-width:1920px){.document-preview--fullscreen .document-preview-html{max-width:1600px;margin:0 auto}}@media (hover:none) and (pointer:coarse){.document-preview--fullscreen .document-preview-actions .mobile-btn{min-height:44px;min-width:44px}}.element-detail-modal--fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:var(--z-modal)!important;background:var(--bg-primary)!important;margin:0!important;padding:0!important}.element-detail-modal--fullscreen .element-detail-content{height:100vh;display:flex;flex-direction:column}.element-detail-modal--fullscreen .element-detail-body{flex:1 1;overflow-y:auto}.element-detail-modal--fullscreen .document-preview--fullscreen{height:100%;display:flex;flex-direction:column}.element-detail-modal--fullscreen .document-preview-content{flex:1 1;overflow-y:auto}.dark-mode .element-detail-modal--fullscreen{background:var(--bg-primary-dark)!important}@media (max-width:768px){.element-detail-modal--fullscreen{padding:var(--spacing-sm)!important}}.upload-status-info{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.upload-status-title{font-weight:500;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.upload-status-details{font-size:var(--font-size-small);color:var(--text-muted);margin:0}.dark-mode .upload-status-info{background:var(--bg-card-dark);border-color:var(--border-color-dark)}@media (max-width:768px){.upload-status-info{padding:var(--spacing-xs)}}