.auth-page{align-items:center;background:linear-gradient(135deg,var(--gray-100),var(--primary-50));display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.auth-container{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:420px;padding:var(--spacing-2xl);width:100%}.auth-header{margin-bottom:var(--spacing-xl);text-align:center}.auth-logo{align-items:center;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:var(--radius-lg);color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto var(--spacing-md);width:64px}.auth-header h1{color:var(--gray-900);font-size:24px;font-weight:600;margin-bottom:var(--spacing-xs)}.auth-header p{color:var(--gray-500);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;display:flex;font-size:14px;gap:var(--spacing-sm);padding:var(--spacing-md)}.input-with-icon{position:relative}.input-with-icon svg{color:var(--gray-400);left:var(--spacing-md);position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon .input{padding-left:44px}.auth-btn{margin-top:var(--spacing-sm);width:100%}.auth-footer{border-top:1px solid var(--gray-200);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);text-align:center}.auth-footer p{color:var(--gray-600);font-size:14px}.auth-footer a{color:var(--primary-600);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-demo-note{background:var(--primary-50);border-radius:var(--radius-md);color:var(--primary-700);font-size:13px;margin-top:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.auth-demo-note p{margin:0}.auth-demo-note strong{display:block;margin-bottom:var(--spacing-xs)}.create-agent-modal{max-width:600px;width:95%}.selection-hint{color:var(--gray-600);font-size:14px;margin-bottom:var(--spacing-md)}.agent-types-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm)}.agent-type-card{align-items:flex-start;background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:all var(--transition-fast)}.agent-type-card:hover{background:var(--gray-50);border-color:var(--gray-300)}.agent-type-card.selected{background:#fff;border-color:var(--agent-color,var(--primary-500));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-500) 20%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--agent-color,var(--primary-500)) 20%,#0000)}.agent-type-icon{align-items:center;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.agent-type-info{flex:1 1}.agent-type-info h3{color:var(--gray-900);font-size:15px;font-weight:600;margin:0 0 var(--spacing-xs) 0}.agent-type-info p{color:var(--gray-500);font-size:13px;line-height:1.4;margin:0}.agent-config-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;font-size:14px;padding:var(--spacing-md)}.selected-type-preview{align-items:center;background:var(--gray-50);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.type-preview-icon{align-items:center;border-radius:var(--radius-md);color:#fff;display:flex;height:48px;justify-content:center;width:48px}.type-preview-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.type-preview-name{color:var(--gray-900);font-size:16px;font-weight:600}.agent-config-form .input,.agent-config-form .input-group label{font-size:14px}.agent-config-form textarea.input{min-height:80px;resize:vertical}@media (max-width:480px){.agent-type-card{flex-direction:column;text-align:center}.agent-type-icon{margin:0 auto}}.welcome-screen{background:linear-gradient(180deg,var(--gray-50),#fff);flex:1 1;overflow-y:auto}.welcome-content{margin:0 auto;max-width:1000px;padding:var(--spacing-2xl)}.welcome-header{margin-bottom:var(--spacing-2xl);text-align:center}.welcome-icon{align-items:center;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:var(--radius-xl);color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto var(--spacing-lg);width:80px}.welcome-header h1{color:var(--gray-900);font-size:32px;font-weight:700;margin-bottom:var(--spacing-sm)}.welcome-header p{color:var(--gray-600);font-size:16px;line-height:1.6;margin:0 auto;max-width:600px}.welcome-cta{margin-bottom:var(--spacing-2xl);text-align:center}.welcome-cta .btn{font-size:16px;padding:var(--spacing-md) var(--spacing-xl)}.cta-hint{color:var(--gray-500);font-size:13px;margin-top:var(--spacing-sm)}.cta-select{background:var(--gray-100);border-radius:var(--radius-lg);color:var(--gray-600);display:inline-block;font-size:16px;padding:var(--spacing-lg)}.features-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--spacing-2xl)}.feature-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}.feature-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon{align-items:center;background:var(--primary-50);border-radius:var(--radius-md);color:var(--primary-600);display:flex;height:48px;justify-content:center;margin-bottom:var(--spacing-md);width:48px}.feature-card h3{color:var(--gray-900);font-size:16px;font-weight:600;margin-bottom:var(--spacing-xs)}.feature-card p{color:var(--gray-600);font-size:14px;line-height:1.5}.how-it-works{background:var(--gray-900);border-radius:var(--radius-xl);color:#fff;padding:var(--spacing-2xl)}.how-it-works h2{font-size:24px;font-weight:600;margin-bottom:var(--spacing-xl);text-align:center}.steps{display:flex;flex-wrap:wrap;gap:var(--spacing-xl);justify-content:center}.step{align-items:flex-start;display:flex;gap:var(--spacing-md);max-width:280px}.step-number{align-items:center;background:var(--primary-600);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-weight:600;height:32px;justify-content:center;width:32px}.step-content h4{font-size:16px;font-weight:600;margin-bottom:var(--spacing-xs)}.step-content p{color:var(--gray-400);font-size:14px;line-height:1.5}@media (max-width:768px){.welcome-content{padding:var(--spacing-lg)}.welcome-header h1{font-size:24px}.steps{flex-direction:column}.step{max-width:100%}}.chat-interface{background:var(--gray-50);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.chat-header{align-items:center;background:#fff;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.chat-title h3{color:var(--gray-900);font-size:16px;font-weight:600;margin:0}.message-count{color:var(--gray-500);font-size:12px}.chat-messages{gap:var(--spacing-md);overflow-y:auto;padding:var(--spacing-lg)}.chat-messages,.chat-welcome{display:flex;flex:1 1;flex-direction:column}.chat-welcome{align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.chat-welcome .welcome-icon{color:var(--gray-300);margin-bottom:var(--spacing-md)}.chat-welcome h3{color:var(--gray-900);font-size:20px;font-weight:600;margin-bottom:var(--spacing-sm)}.chat-welcome p{color:var(--gray-500);font-size:14px;margin-bottom:var(--spacing-xl)}.quick-actions{flex-wrap:wrap;justify-content:center}.quick-action-btn,.quick-actions{display:flex;gap:var(--spacing-sm)}.quick-action-btn{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;font-size:14px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.quick-action-btn:hover{background:var(--primary-50);border-color:var(--primary-300)}.quick-action-btn:disabled{cursor:not-allowed;opacity:.5}.message{display:flex;gap:var(--spacing-sm);max-width:85%}.message.user{flex-direction:row-reverse;margin-left:auto}.message.assistant{margin-right:auto}.message-avatar{align-items:center;border-radius:var(--radius-full);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.message.user .message-avatar{background:var(--primary-100);color:var(--primary-600)}.message.assistant .message-avatar{background:var(--gray-200);color:var(--gray-600)}.message-content{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-md)}.message.user .message-content{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.message-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.message-sender{color:var(--gray-500);font-size:12px;font-weight:600}.message.user .message-sender{color:#fffc}.message-type{font-size:10px}.message-body{font-size:14px;line-height:1.6}.message-body p{margin:0 0 var(--spacing-sm) 0}.message-body p:last-child{margin-bottom:0}.message-body h1,.message-body h2,.message-body h3{font-weight:600;margin:var(--spacing-md) 0 var(--spacing-sm) 0}.message-body h2{font-size:16px}.message-body h3{font-size:14px}.message-body ol,.message-body ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.message-body li{margin-bottom:var(--spacing-xs)}.message-body code{background:var(--gray-100);border-radius:var(--radius-sm);font-size:13px;padding:2px 6px}.message-body pre{background:var(--gray-800);border-radius:var(--radius-md);color:var(--gray-100);margin:var(--spacing-sm) 0;overflow-x:auto;padding:var(--spacing-md)}.message-body pre code{background:none;padding:0}.message-sources{align-items:center;border-top:1px solid var(--gray-100);display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.sources-label{color:var(--gray-500);font-size:11px}.source-badge{align-items:center;background:var(--gray-100);border-radius:var(--radius-sm);color:var(--gray-600);display:inline-flex;font-size:11px;gap:4px;padding:2px 8px}.message-actions{border-top:1px solid var(--gray-100);display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.message-action-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-400);cursor:pointer;padding:4px;transition:all var(--transition-fast)}.message-action-btn:hover{background:var(--gray-100);color:var(--gray-600)}.typing-indicator{display:flex;gap:4px;padding:var(--spacing-sm)}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:var(--gray-400);border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chat-input-container{background:#fff;border-top:1px solid var(--gray-200);padding:var(--spacing-md) var(--spacing-lg)}.query-type-selector{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.query-type-btn{align-items:center;background:var(--gray-100);border:2px solid #0000;border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.query-type-btn:hover{background:var(--gray-200)}.query-type-btn.active{background:#fff;border-color:var(--type-color,var(--primary-500));color:var(--primary-500);color:var(--type-color,var(--primary-500))}.chat-input-form{display:flex;gap:var(--spacing-sm)}.chat-input{background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-lg);flex:1 1;font-size:14px;padding:var(--spacing-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.chat-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.send-btn{align-items:center;border-radius:var(--radius-lg);display:flex;height:48px;justify-content:center;padding:0;width:48px}@media (max-width:768px){.message{max-width:95%}.quick-actions{flex-direction:column}}.document-upload{margin-bottom:var(--spacing-lg)}.upload-dropzone{background:#fff;border:2px dashed var(--gray-300);border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-2xl);text-align:center;transition:all var(--transition-fast)}.upload-dropzone:hover{background:var(--primary-50);border-color:var(--primary-400)}.upload-dropzone.active{background:var(--primary-50);border-color:var(--primary-500)}.dropzone-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm)}.upload-icon{color:var(--gray-400)}.upload-dropzone.active .upload-icon,.upload-dropzone:hover .upload-icon{color:var(--primary-500)}.dropzone-content h4{color:var(--gray-900);font-size:16px;font-weight:600;margin:0}.dropzone-content p{color:var(--gray-600);font-size:14px;margin:0}.upload-hint{color:var(--gray-500);font-size:12px}.upload-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.upload-item{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.upload-item.success{background:#f0fdf4;border-color:var(--success)}.upload-item.error{background:#fef2f2;border-color:var(--error)}.upload-item-icon{color:var(--gray-400)}.upload-item-info{flex:1 1;min-width:0}.upload-item-header{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.upload-item-name{color:var(--gray-900);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-item-size{color:var(--gray-500);flex-shrink:0;font-size:12px}.upload-progress{background:var(--gray-200);border-radius:2px;height:4px;margin-top:var(--spacing-xs);overflow:hidden}.upload-progress-bar{background:var(--primary-500);border-radius:2px;height:100%;transition:width .3s ease}.upload-error{color:var(--error);font-size:12px;margin-top:var(--spacing-xs)}.upload-item-status{align-items:center;display:flex;justify-content:center;width:32px}.status-success{color:var(--success)}.documents-empty,.documents-list,.documents-loading{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg)}.documents-empty,.documents-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-2xl);text-align:center}.documents-loading{color:var(--gray-500);flex-direction:row;gap:var(--spacing-sm)}.documents-empty .empty-icon{color:var(--gray-300);margin-bottom:var(--spacing-md)}.documents-empty h3{color:var(--gray-900);font-size:16px;font-weight:600;margin-bottom:var(--spacing-xs)}.documents-empty p{color:var(--gray-500);font-size:14px}.documents-header{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.documents-count{color:var(--gray-500);font-size:13px}.documents-grid{display:flex;flex-direction:column}.document-card{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);transition:background var(--transition-fast)}.document-card:last-child{border-bottom:none}.document-card:hover{background:var(--gray-50)}.document-icon{align-items:center;background:var(--primary-50);border-radius:var(--radius-md);color:var(--primary-600);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.document-info{flex:1 1;min-width:0}.document-name{color:var(--gray-900);font-size:14px;font-weight:500;margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-meta{align-items:center;color:var(--gray-500);display:flex;font-size:12px;gap:var(--spacing-xs)}.document-date{color:var(--gray-400);display:block;font-size:11px;margin-top:2px}.document-status{align-items:center;background:var(--gray-100);border-radius:var(--radius-full);display:flex;font-size:12px;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.document-status .spinning{animation:spin 1s linear infinite}.document-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.document-card:hover .document-actions{opacity:1}.document-actions .btn-ghost{color:var(--gray-400)}.document-actions .btn-ghost:hover{background:#fef2f2;color:var(--error)}@media (max-width:768px){.document-card{flex-wrap:wrap}.document-actions{opacity:1}}.agent-workspace{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.workspace-header{align-items:center;background:#fff;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.workspace-agent-info{align-items:center;display:flex;gap:var(--spacing-md)}.workspace-agent-icon{align-items:center;border-radius:var(--radius-lg);color:#fff;display:flex;font-size:20px;font-weight:600;height:48px;justify-content:center;width:48px}.workspace-agent-info h2{color:var(--gray-900);font-size:18px;font-weight:600;margin:0}.workspace-agent-type{color:var(--gray-500);font-size:13px;text-transform:capitalize}.workspace-tabs{display:flex;gap:var(--spacing-xs)}.workspace-tab{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.workspace-tab:hover{background:var(--gray-100);color:var(--gray-900)}.workspace-tab.active{background:var(--primary-50);color:var(--primary-600)}.workspace-chat,.workspace-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.workspace-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--spacing-2xl);text-align:center}.workspace-empty .empty-icon{color:var(--gray-300);margin-bottom:var(--spacing-md)}.workspace-empty h3{color:var(--gray-900);font-size:20px;font-weight:600;margin-bottom:var(--spacing-sm)}.workspace-empty p{color:var(--gray-500);font-size:14px;margin-bottom:var(--spacing-lg);max-width:400px}.workspace-documents{flex:1 1;overflow-y:auto;padding:var(--spacing-lg)}.documents-header{margin-bottom:var(--spacing-lg)}.documents-header h3{color:var(--gray-900);font-size:18px;font-weight:600;margin-bottom:var(--spacing-xs)}.documents-header p{color:var(--gray-500);font-size:14px}.workspace-settings{flex:1 1;overflow-y:auto;padding:var(--spacing-lg)}.settings-section{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.settings-section h3{border-bottom:1px solid var(--gray-100);color:var(--gray-900);font-size:16px;font-weight:600;padding-bottom:var(--spacing-sm)}.settings-form .input-group,.settings-section h3{margin-bottom:var(--spacing-md)}.settings-form .input-group:last-child{margin-bottom:0}.settings-form .input{background:var(--gray-50)}.settings-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.setting-item{background:var(--gray-50);border-radius:var(--radius-md);padding:var(--spacing-md)}.setting-item label{color:var(--gray-500);display:block;font-size:12px;margin-bottom:var(--spacing-xs)}.setting-item span{color:var(--gray-900);font-size:16px;font-weight:600}@media (max-width:768px){.workspace-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.workspace-tabs{overflow-x:auto;width:100%}}.dashboard{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.sidebar{overflow:hidden;width:280px}.sidebar-section{border-bottom:1px solid var(--gray-100);padding:var(--spacing-md)}.sidebar-section-grow{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.sidebar-header h3{color:var(--gray-500);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sidebar-loading{justify-content:center}.sidebar-empty,.sidebar-loading{display:flex;padding:var(--spacing-lg)}.sidebar-empty{align-items:center;flex-direction:column;gap:var(--spacing-sm);text-align:center}.sidebar-empty p{color:var(--gray-500);font-size:13px}.agents-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.agent-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);text-align:left;transition:all var(--transition-fast);width:100%}.agent-item:hover{background:var(--gray-50)}.agent-item.active{background:var(--primary-50)}.agent-icon{align-items:center;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.agent-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.agent-name{color:var(--gray-900);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-type{color:var(--gray-500);font-size:12px;text-transform:capitalize}.agent-docs{color:var(--gray-400);font-size:11px;white-space:nowrap}.conversations-list{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);overflow-y:auto}.conversation-item{align-items:flex-start;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);text-align:left;transition:background var(--transition-fast);width:100%}.conversation-item:hover{background:var(--gray-50)}.conversation-item svg{color:var(--gray-400);flex-shrink:0;margin-top:2px}.conversation-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.conversation-title{color:var(--gray-900);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-date{color:var(--gray-400);font-size:11px}.sidebar-footer{background:var(--gray-50);border-top:1px solid var(--gray-100);padding:var(--spacing-md)}.sidebar-stat{align-items:center;color:var(--gray-600);display:flex;font-size:12px;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.sidebar-stat:last-child{margin-bottom:0}.sidebar-stat svg{color:var(--gray-400)}.header{background:#fff;border-bottom:1px solid var(--gray-200);height:64px;justify-content:space-between;padding:0 var(--spacing-lg);z-index:10}.header,.header-left,.logo{align-items:center;display:flex}.logo{gap:var(--spacing-sm)}.logo-icon{align-items:center;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:var(--radius-lg);color:#fff;display:flex;height:40px;justify-content:center;width:40px}.logo-text{display:flex;flex-direction:column}.logo-title{color:var(--gray-900);font-size:16px;font-weight:700;line-height:1.2}.logo-subtitle{color:var(--gray-500);font-size:12px;line-height:1.2}.header-right{align-items:center;display:flex;gap:var(--spacing-md)}.user-menu{position:relative}.user-menu-trigger{align-items:center;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:background var(--transition-fast)}.user-menu-trigger:hover{background:var(--gray-100)}.user-info{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.user-name{color:var(--gray-900);font-size:14px;font-weight:500}.user-role{color:var(--gray-500);font-size:12px;text-transform:capitalize}.dropdown-arrow{color:var(--gray-400);transition:transform var(--transition-fast)}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{animation:slideDown .15s ease;border-radius:var(--radius-lg);min-width:220px;top:calc(100% + var(--spacing-xs));z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{border-bottom:1px solid var(--gray-100);padding:var(--spacing-md)}.dropdown-email{color:var(--gray-900);display:block;font-size:14px;font-weight:500}.dropdown-company{color:var(--gray-500);display:block;font-size:12px;margin-top:2px}.dropdown-divider{background:var(--gray-100);height:1px;margin:var(--spacing-xs) 0}.dropdown-menu .dropdown-item{align-items:center;background:none;border:none;color:var(--gray-700);cursor:pointer;display:flex;font-size:14px;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background var(--transition-fast);width:100%}.dropdown-menu .dropdown-item:hover{background:var(--gray-50)}.dropdown-item-danger{color:var(--error)!important}.dropdown-item-danger:hover{background:#fef2f2!important}.app-container{background:var(--gray-50)}.main-layout{overflow:hidden}@media (max-width:768px){.main-layout{flex-direction:column}.sidebar{height:auto;max-height:50vh;width:100%}}.loading-screen{align-items:center;background:linear-gradient(135deg,var(--gray-50),var(--primary-50));display:flex;justify-content:center;min-height:100vh}.loading-content{text-align:center}.loading-logo{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:var(--radius-xl);color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto var(--spacing-lg);width:80px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.loading-content h1{color:var(--gray-900);font-size:24px;font-weight:600;margin-bottom:var(--spacing-lg)}.loading-bar{background:var(--gray-200);border-radius:2px;height:4px;margin:0 auto var(--spacing-md);overflow:hidden;width:200px}.loading-bar-progress{animation:loading 1.5s ease-in-out infinite;background:var(--primary-600);border-radius:2px;height:100%;width:40%}@keyframes loading{0%{transform:translateX(-100%)}to{transform:translateX(350%)}}.loading-content p{color:var(--gray-500);font-size:14px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--gray-50);color:#111827;color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-layout{display:flex;flex:1 1}.sidebar{background:#fff;border-right:1px solid #e5e7eb;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;width:260px}.main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:.5rem;gap:var(--spacing-sm);justify-content:center;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#2563eb;background:var(--primary-600);color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8;background:var(--primary-700)}.btn-secondary{background:#f3f4f6;background:var(--gray-100);border:1px solid #d1d5db;border:1px solid var(--gray-300);color:#374151;color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:#e5e7eb;background:var(--gray-200)}.btn-ghost{background:#0000;color:#4b5563;color:var(--gray-600)}.btn-ghost:hover:not(:disabled){background:#f3f4f6;background:var(--gray-100)}.btn-danger{background:#ef4444;background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-sm{font-size:13px;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.btn-lg{font-size:16px;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl)}.btn-icon{border-radius:.5rem;border-radius:var(--radius-md);padding:.5rem;padding:var(--spacing-sm)}.card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.card-body{padding:1.5rem;padding:var(--spacing-lg)}.input-group{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.input-group label{color:#374151;color:var(--gray-700);display:block;font-size:13px;font-weight:500;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.input{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);font-size:14px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.input:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-100);outline:none}.input::placeholder{color:#9ca3af;color:var(--gray-400)}textarea.input{min-height:100px;resize:vertical}.select{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;font-size:14px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);width:100%}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:500;padding:2px 8px}.badge-primary{background:#dbeafe;background:var(--primary-100);color:#1d4ed8;color:var(--primary-700)}.badge-success{background:#d1fae5;color:#047857}.badge-warning{background:#fef3c7;color:#b45309}.badge-error{background:#fee2e2;color:#b91c1c}.badge-gray{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.avatar{align-items:center;background:#dbeafe;background:var(--primary-100);border-radius:9999px;border-radius:var(--radius-full);color:#1d4ed8;color:var(--primary-700);display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.avatar-sm{font-size:12px;height:32px;width:32px}.avatar-lg{font-size:18px;height:48px;width:48px}.spinner{animation:spin .6s linear infinite;border:2px solid #e5e7eb;border-top-color:#2563eb;border:2px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-600);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;padding:var(--spacing-2xl);text-align:center}.empty-state-icon{color:#d1d5db;color:var(--gray-300);height:64px;margin-bottom:1rem;margin-bottom:var(--spacing-md);width:64px}.empty-state-title{color:#111827;color:var(--gray-900);font-size:18px;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.empty-state-description{color:#6b7280;color:var(--gray-500);font-size:14px;max-width:300px}.toast-container{flex-direction:column;position:fixed;right:1rem;right:var(--spacing-md);top:1rem;top:var(--spacing-md);z-index:1000}.toast,.toast-container{display:flex;gap:.5rem;gap:var(--spacing-sm)}.toast{align-items:center;animation:slideIn .3s ease;background:#fff;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);padding:1rem;padding:var(--spacing-md)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal{animation:scaleIn .2s ease;background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.modal-title{font-size:18px;font-weight:600}.modal-body{padding:1.5rem;padding:var(--spacing-lg)}.modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:flex-end;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dropdown{display:inline-block;position:relative}.dropdown-menu{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);margin-top:.25rem;margin-top:var(--spacing-xs);min-width:180px;position:absolute;right:0;top:100%;z-index:50}.dropdown-item{align-items:center;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:14px;gap:.5rem;gap:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:background .15s ease;transition:background var(--transition-fast)}.dropdown-item:hover{background:#f9fafb;background:var(--gray-50)}.dropdown-item:first-child{border-radius:.5rem .5rem 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0}.dropdown-item:last-child{border-radius:0 0 .5rem .5rem;border-radius:0 0 var(--radius-md) var(--radius-md)}.tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;gap:.25rem;gap:var(--spacing-xs)}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;color:var(--gray-500);cursor:pointer;font-size:14px;font-weight:500;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.tab:hover{color:#374151;color:var(--gray-700)}.tab.active{border-bottom-color:#2563eb;border-bottom-color:var(--primary-600);color:#2563eb;color:var(--primary-600)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem;gap:var(--spacing-sm)}.gap-md{gap:1rem;gap:var(--spacing-md)}.gap-lg{gap:1.5rem;gap:var(--spacing-lg)}.flex-1{flex:1 1}.text-center{text-align:center}.text-sm{font-size:13px}.text-lg{font-size:18px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-gray-500{color:#6b7280;color:var(--gray-500)}.text-gray-600{color:#4b5563;color:var(--gray-600)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/*# sourceMappingURL=main.f317d292.css.map*/