.chat-history-container{height:100%;display:flex;flex-direction:column;background:#fff;padding:0;margin:0;border-radius:0;box-shadow:none;background:#f6fcf7}.chat-history-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e9ecef;background:#f8f9fa;flex-shrink:0;border-bottom:1px solid #b7e4c7;background:#e9fbe5}.chat-history-header h3{margin:0;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px;color:#218838}.refresh-btn{background:none;color:#6c757d;border:none;padding:6px;border-radius:4px;cursor:pointer;transition:all .2s;font-size:14px;color:#218838}.refresh-btn:hover{background:#e9ecef;background:#d4f5df;color:#155724}.loading,.error,.no-history{text-align:center;padding:32px 16px;color:#6c757d;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#218838}.loading{gap:12px}.error{color:#dc3545;gap:16px}.retry-btn{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:12px}.retry-btn:hover{background:#c82333}.no-history{gap:12px}.no-history i{font-size:2rem;color:#adb5bd;margin-bottom:8px}.no-history p{font-size:13px;margin:4px 0;line-height:1.4}.chat-history-list{flex:1;overflow-y:auto;padding:8px}.chat-session{margin-bottom:8px;border-radius:8px;overflow:hidden;border:1px solid #e9ecef;transition:all .2s ease}.chat-session:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.chat-session-header{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:#fff;cursor:pointer;transition:background-color .2s;border:none}.chat-session-header:hover{background:#f8f9fa}.chat-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.chat-title{font-weight:500;color:#495057;font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.message-count{font-size:11px;color:#6c757d;font-weight:500}.last-updated{font-size:10px;color:#adb5bd}.chat-messages{display:flex;flex-direction:column;gap:8px;padding:8px 12px 12px;background:#f8f9fa}.history-message{background:#fff;padding:10px;border-radius:6px;border-left:3px solid #007bff;cursor:pointer;transition:all .2s;border:1px solid #e9ecef}.history-message:hover{background:#f0f8ff;border-left-color:#0056b3}.message-question{margin-bottom:6px;color:#495057;font-size:12px;line-height:1.3}.message-question strong{color:#007bff;font-weight:600}.message-answer{margin-bottom:8px;color:#6c757d;line-height:1.4;font-size:11px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.message-answer strong{color:#28a745;font-weight:600}.message-sources{margin-bottom:6px}.sources-label{display:flex;align-items:center;gap:4px;font-size:10px;color:#6c757d;margin-bottom:4px;font-weight:500}.sources-list{display:flex;flex-wrap:wrap;gap:4px}.source-tag{background:#e7f3ff;color:#06c;padding:2px 6px;border-radius:10px;font-size:9px;border:1px solid #b3d9ff;font-weight:500}.message-timestamp{font-size:8px;color:#adb5bd;text-align:right;margin-top:4px;border-top:1px solid #e9ecef;padding-top:2px}@media (max-width: 768px){.chat-history-sidebar{width:240px;min-width:240px}.chat-history-header h3{font-size:12px}.chat-session-header{padding:10px}.chat-messages{padding:6px 10px 10px}.history-message{padding:8px}.chat-title{font-size:12px}.message-count{font-size:10px}.last-updated{font-size:9px}}@media (max-width: 480px){.chat-layout-container{flex-direction:column}.chat-history-sidebar{width:100%;min-width:100%;height:200px;border-right:none;border-bottom:1px solid #e9ecef}.main-chat-area{flex:1;height:calc(100vh - 200px)}}.markdown-content h1{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.markdown-content h2{font-size:1rem;font-weight:700;margin-bottom:.35rem}.markdown-content h3{font-size:1rem;font-weight:600;margin:1.2em 0 .6em;color:#222;line-height:1.2}.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{font-weight:650;font-size:1rem;color:#222;margin-top:.35rem;margin-bottom:.35rem;line-height:1.2}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:1.2em;margin-bottom:.5em}.markdown-content p{margin-bottom:.7em;line-height:1.7}.markdown-content ul,.markdown-content ol{margin-left:2em;padding-left:1.5em;margin-bottom:1em}.markdown-content ul{list-style-type:disc}.markdown-content ol{list-style-type:decimal}.markdown-content li{margin-bottom:.4em;font-size:1.05em}.markdown-content blockquote{border-left:4px solid #007bff;background:#f4f8ff;color:#333;padding:12px 18px;margin:1.2em 0;border-radius:6px;font-style:italic}.markdown-content table{border-collapse:collapse;width:100%;margin:1.2em 0;background:#f8f9fa;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.markdown-content th,.markdown-content td{border:1px solid #e9ecef;padding:10px 14px;text-align:left;font-size:1em}.markdown-content th{background:#e9ecef;font-weight:700}.markdown-content tr:nth-child(2n) td{background:#f4f8ff}.markdown-content tr:nth-child(odd) td{background:#fff}.markdown-content strong{color:#222}.markdown-content{box-shadow:0 2px 12px #0000000a;border-radius:12px;padding:8px 12px}.content-section{display:none;height:100vh;flex-direction:column;opacity:.8!important;font-size:11px!important;color:#888!important;font-weight:400!important;margin-left:10px!important}.content-section.active{display:flex}.chat-layout-container{display:flex;height:100vh;background:#f8f9fa;min-width:0;position:relative;margin-left:0}.chat-history-sidebar{width:280px;background:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;box-shadow:2px 0 8px #0000000d;z-index:1;position:relative;height:100vh}.chat-history-sidebar .sidebar-header{padding:16px;border-bottom:1px solid #e9ecef;background:#fff;flex-shrink:0}.chat-history-sidebar .new-chat-btn{width:100%;background:#5c5c00;color:#fff;border:none;border-radius:20px;padding:13px 0;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 2px 8px #007bff14;transition:all .18s cubic-bezier(.4,0,.2,1);letter-spacing:.5px}.chat-history-sidebar .new-chat-btn:hover{background:#464600;box-shadow:0 6px 18px #007bff2e}.chat-history-sidebar .sidebar-content{flex:1;overflow-y:auto;padding:0}.main-chat-area{flex:1 1 0%;display:flex;flex-direction:column;min-width:0;width:0;position:relative;height:100vh;overflow:hidden}.history-content.hidden{display:none}.history-content.visible{display:block}.new-interface-chat-container.sidebar-layout{display:flex;flex-direction:row;height:100vh;background:#f8f9fa}.tab-navigation{display:flex;background:#fff;border-bottom:2px solid #e9ecef;padding:0 20px;box-shadow:0 2px 4px #0000001a}.tab-button{background:none;border:none;padding:15px 25px;font-size:16px;font-weight:500;color:#6c757d;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;border-bottom:3px solid transparent;position:relative}.tab-button:hover{color:#495057;background:#007bff0d}.tab-button.active{color:#007bff;border-bottom-color:#007bff;background:#007bff0d}.tab-button i{font-size:14px}.chat-content{display:flex;flex-direction:column;height:calc(100vh - 60px);overflow:hidden;position:relative}.history-content{height:calc(100vh - 60px);overflow-y:auto;background:#fff}.new-interface-chat-messages{flex:1;overflow-y:scroll;padding:16px 16px 20px;background:#f8f9fa;scroll-behavior:smooth;display:flex;flex-direction:column;min-height:0;margin-bottom:0;max-height:calc(100vh - 200px)}.new-interface-chat-messages::-webkit-scrollbar{width:8px;background:#000;border-radius:8px}.new-interface-chat-messages::-webkit-scrollbar-thumb{background:#000;border-radius:8px}.fixed-welcome-img{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;display:flex;align-items:center;justify-content:center;pointer-events:none}.fixed-welcome-img img{width:135px;height:60px;opacity:.2;pointer-events:none}.message{margin-bottom:20px;display:flex;align-items:flex-start;gap:1px;max-width:100%}.message:last-child{margin-bottom:140px}.message.user-message{flex-direction:row-reverse;justify-content:flex-start}.message.assistant-message{flex-direction:row;justify-content:flex-start}.message-avatar{flex-shrink:0;margin-top:4px}.user-avatar,.assistant-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:all .3s ease}.user-avatar{background:linear-gradient(135deg,olive,#464600)!important;color:#e8f5e8!important}.header-user-avatar{width:33px!important;height:33px!important;font-size:14px!important}.user-avatar:not(.header-user-avatar){width:33px!important;height:33px!important;font-size:16px!important}.assistant-avatar{background:linear-gradient(135deg,#6b6b00)!important;color:#fff!important}.assistant-avatar.listening{background:linear-gradient(135deg,#dc3545,#c82333);animation:pulse 1.5s infinite}.message-content{max-width:60%;min-width:150px;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.4;word-wrap:break-word;box-shadow:0 2px 8px #0000001a}.user-message .message-content{background:linear-gradient(135deg,#4b4b1f,#232300);color:#fff;border-bottom-right-radius:4px}.assistant-message .message-content{background:#fff;color:#333;border:1px solid #e9ecef;border-bottom-left-radius:4px}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.1);font-size:11px}.assistant-message .message-header{border-bottom-color:#0000001a}.message-sender{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.user-message .message-sender{color:#ffffffe6}.assistant-message .message-sender{color:#007bff}.message-time{opacity:.7;font-size:12px}.user-message .message-time{color:#fffc}.assistant-message .message-time{color:#6c757d}.message-text{margin:0}.message-sources{margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,.1)}.user-message .message-sources{border-top-color:#fff3}.sources-toggle{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:12px;padding:4px 0;color:#666}.user-message .sources-toggle{color:#fffc}.sources-toggle span.expanded{transform:rotate(180deg)}.sources-list{margin-top:8px;animation:fadeIn .2s ease-in}.source-item{margin-bottom:6px;padding:6px 8px;background:#0000000d;border-radius:6px;font-size:11px}.user-message .source-item{background:#ffffff1a}.source-item strong{display:block;margin-bottom:2px}.source-item small{display:block;opacity:.7;margin-bottom:4px}.source-item a{color:#007bff;text-decoration:none;font-size:10px}.user-message .source-item a{color:#ffffffe6}.suggestions{margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,.1)}.suggestion-chip{background:#007bff1a;border:1px solid rgba(0,123,255,.2);border-radius:12px;padding:4px 8px;font-size:11px;color:#007bff;cursor:pointer;transition:all .2s ease}.suggestion-chip:hover{background:#7e7e7e;color:#fff}.thinking-indicator{display:flex;align-items:center;gap:8px;color:#6c757d}.typing-dots{display:flex;gap:3px;align-items:center}.typing-dots span{width:6px;height:6px;border-radius:50%;background:#007bff;animation:typing 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.thinking-text{font-size:13px;color:#007bff;font-weight:500;min-width:140px;display:inline-block}.listening-status{color:#dc3545;font-size:13px;font-weight:500}.new-interface-loading,.new-interface-voice-status{display:flex;align-items:center;gap:12px;color:#6c757d;font-style:italic}.simple-chat-input-wrapper{padding:20px;background:#fff;border-top:1px solid #e9ecef;box-shadow:0 -2px 8px #0000000d;position:relative;z-index:10;flex-shrink:0}.simple-chat-form{max-width:100%}.simple-input-container{display:flex;justify-content:center}.pill-input-bar{display:flex;align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:25px;padding:8px 20px;width:100%;max-width:800px;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.pill-input-bar:focus-within{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.simple-input{flex:1;border:none;outline:none;background:transparent;font-size:16px;padding:8px 0;color:#333}.simple-input::-moz-placeholder{color:#6c757d}.simple-input::placeholder{color:#6c757d}.input-actions{display:flex;align-items:center;gap:8px;margin-left:10px}.action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;font-size:14px}.upload-btn{background:#fff;color:#fff}.upload-btn:hover:not(:disabled){background:#fff}.voice-btn{background:#fff;color:#fff}.voice-btn:hover:not(:disabled){background:#fff}.voice-btn.listening{background:#dc3545;color:#fff;animation:pulse 1.5s infinite}.send-btn{background:#000;color:#fff}.send-btn:hover:not(:disabled){background:#fff}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.upload-btn input{display:none}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.chat-history-sidebar{width:240px;min-width:240px}.new-interface-chat-messages{padding:12px}.message{margin-bottom:16px;gap:8px}.user-avatar,.assistant-avatar{width:28px;height:28px;font-size:12px}.message-content{max-width:75%;padding:8px 12px;font-size:13px}.message-header{font-size:10px}.simple-chat-input-wrapper{padding:15px}.pill-input-bar{padding:6px 15px}.simple-input{font-size:16px}.action-btn{width:32px;height:32px;font-size:12px}}@media (max-width: 480px){.chat-layout-container{flex-direction:column}.chat-history-sidebar{width:100%;min-width:100%;height:200px;border-right:none;border-bottom:1px solid #e9ecef}.main-chat-area{flex:1;height:calc(100vh - 200px)}.welcome-message h3{font-size:18px}.welcome-message p{font-size:13px}.message-content{max-width:85%;font-size:12px}.user-avatar,.assistant-avatar{width:24px;height:24px;font-size:11px}}.agent-selector-external{position:relative;margin-left:10px}.agent-button-external{background:#fff;border:2px solid #000000;border-radius:25px;padding:10px 15px;font-size:14px;font-weight:500;color:#000;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;min-width:140px;justify-content:space-between;margin-bottom:5px}.agent-button-external:hover{background:#000;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.agent-button-external:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.agent-dropdown-external{position:absolute;bottom:100%;right:0;background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 8px 25px #00000026;z-index:1000;margin-bottom:5px;min-width:200px;overflow:hidden}.agent-dropdown-external .agent-option{padding:12px 16px;color:#495057;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;transition:all .2s ease;border-bottom:1px solid #f8f9fa}.agent-dropdown-external .agent-option:last-child{border-bottom:none}.agent-dropdown-external .agent-option:hover{background:#f8f9fa;color:#007bff;transform:translate(2px)}.agent-dropdown-external .agent-option i{width:16px;text-align:center}.simple-chat-form{display:flex;align-items:flex-end;gap:10px;width:100%}.simple-input-container{flex:1}@media (max-width: 768px){.agent-button-external{min-width:120px;padding:8px 12px;font-size:13px}.agent-button-external span{display:none}.agent-dropdown-external{right:0;min-width:160px}}@media (max-width: 480px){.simple-chat-form{flex-direction:column;gap:8px}.agent-selector-external{margin-left:0;align-self:stretch}.agent-button-external{width:100%;justify-content:center;min-width:auto}.agent-button-external span{display:inline}}.follow-up-suggestions{margin-top:16px;padding:12px;background:#007bff0d;border-radius:8px;border-left:3px solid #757501}.follow-up-suggestions h4{margin:0 0 8px;font-size:12px;font-weight:600;color:#007bff}.suggestions-grid{display:flex;flex-wrap:wrap;gap:6px}.suggestion-chip{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:6px 12px;font-size:11px;color:#495057;cursor:pointer;transition:all .2s ease}.suggestion-chip:hover{background:#808000cc;color:#fff;border-color:#808000cc}.suggestion-chip:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.suggestion-chip{font-size:10px;padding:4px 8px}.suggestions-grid{gap:4px}}.markdown-content>:first-child{margin-top:0!important}#usageSection.content-section{padding:0;margin:0;max-width:none;width:100%;background-color:#f7f6f2;min-height:100vh}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin:0 0 30px;padding:30px 20px 20px}.analytics-title-section h1{margin:0 0 10px;font-size:2.2rem;font-weight:500;color:#6b7c32;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.analytics-header-info{display:flex;gap:20px;align-items:center;margin-top:8px;font-size:.9em;color:#8b9467}.last-updated{color:#6b7c32;font-weight:500;display:flex;align-items:center;gap:5px;background:#6b7c321a;padding:4px 12px;border-radius:20px;font-size:.85em}.auto-refresh-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 16px;background:#8b9467;color:#fff;border-radius:6px;border:none;transition:background-color .2s;font-size:.85em;font-weight:500}.auto-refresh-toggle:hover{background:#6b7c32}.auto-refresh-toggle input[type=checkbox]{margin:0;transform:scale(1.1);accent-color:white}.analytics-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.time-range-selector{padding:8px 12px;border:1px solid #d4d8c5;border-radius:6px;background:#fff;font-size:.9em;min-width:140px;color:#6b7c32;font-weight:500;cursor:pointer}.time-range-selector:focus{outline:none;border-color:#6b7c32;box-shadow:0 0 0 2px #6b7c321a}.refresh-btn{background:#6b7c32;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.9em;font-weight:500;transition:all .2s ease;white-space:nowrap}.refresh-btn:hover{background:#5a6929;transform:translateY(-1px);box-shadow:0 2px 8px #6b7c324d}.refresh-btn:active{transform:translateY(0);box-shadow:0 1px 4px #6b7c3233}.refresh-btn i{font-size:.85em;transition:transform .2s ease}.refresh-btn:hover i{transform:rotate(180deg)}.create-event-btn{background:#6b7c32;color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.85em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:background-color .2s}.create-event-btn:hover{background:#5a6929}.create-event-btn i{font-size:.9em}@media (max-width: 1024px){.trends-container{grid-template-columns:1fr}.analytics-header{flex-direction:column;gap:20px;align-items:stretch}.analytics-controls{justify-content:flex-end}}@media (max-width: 768px){.analytics-header{padding:20px 15px}.analytics-section{padding:20px;margin:0 15px 30px}.analytics-overview{padding:0 15px}.metric-cards,.performance-grid,.component-stats{grid-template-columns:1fr}.analytics-controls{flex-direction:column;gap:10px}.analytics-title-section h1{font-size:1.8rem}.analytics-header-info{flex-direction:column;gap:10px;align-items:flex-start}}@media (max-width: 480px){#usageSection.content-section{padding:0}.analytics-header{padding:15px 10px}.analytics-section{margin:0 10px 20px;padding:15px}.analytics-overview{padding:0 10px}.analytics-loading,.analytics-error{margin:0 10px}.metric-card{padding:20px}.metric-content h3{font-size:2em}}.refresh-btn i{font-size:.8em}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6c757d;margin:0 20px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #6b7c32;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.analytics-error{text-align:center;padding:40px 20px;color:#dc3545;margin:0 20px}.retry-btn{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;margin-top:15px}.retry-btn:hover{background:#0056b3}.analytics-overview{margin-bottom:40px;padding:0 20px}.metric-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:10px}.metric-card{background:#8b9467;border-radius:12px;padding:28px;color:#fff;display:flex;align-items:center;gap:20px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.metric-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.metric-card:nth-child(1){background:#8b9467}.metric-card:nth-child(2){background:#9ca073}.metric-card:nth-child(3){background:#7a8456}.metric-card:nth-child(4){background:#6b7c32}.metric-icon{background:#ffffff40;border-radius:12px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:24px;position:relative;z-index:1;color:#fff!important}.metric-icon i{color:#fff!important}.metric-card:nth-child(1) .metric-icon{background:#ffffff4d;color:#fff!important}.metric-card:nth-child(1) .metric-icon i{color:#fff!important}.metric-card:nth-child(2) .metric-icon{background:#ffffff4d;color:#fff!important}.metric-card:nth-child(2) .metric-icon i{color:#fff!important}.metric-card:nth-child(3) .metric-icon{background:#ffffff4d;color:#fff!important}.metric-card:nth-child(3) .metric-icon i{color:#fff!important}.metric-card:nth-child(4) .metric-icon{background:#ffffff4d;color:#fff!important}.metric-card:nth-child(4) .metric-icon i{color:#fff!important}.metric-content{position:relative;z-index:1}.metric-content h3{margin:0 0 5px;font-size:2.4em;font-weight:600;line-height:1}.metric-content p{margin:0 0 8px;font-size:1.1em;font-weight:500;opacity:.95}.metric-subtitle{font-size:.9em;opacity:.85;font-weight:400}.analytics-controls{display:flex;gap:15px;align-items:center}.time-range-selector{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:14px}.refresh-btn{background:#28a745;color:#fff;border:none;padding:8px 15px;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px}.refresh-btn:hover{background:#218838}.analytics-overview{margin-bottom:30px}.metric-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.metric-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000001a;border:1px solid #e9ecef;display:flex;align-items:center;gap:20px}.metric-icon{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,#007bff,#0056b3);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.metric-content h3{font-size:28px;font-weight:700;margin:0 0 5px;color:#2c3e50}.metric-content p{font-size:16px;font-weight:600;margin:0 0 5px;color:#495057}.metric-subtitle{font-size:12px;color:#6c757d}.analytics-section{background:#fff;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 2px 10px #0000001a;border:1px solid #e9ecef}.analytics-section h2{margin:0 0 20px;font-size:20px;font-weight:600;color:#2c3e50}.agent-usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.agent-usage-card{padding:20px;border:1px solid #e9ecef;border-radius:8px;background:#f8f9fa}.agent-usage-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.agent-usage-info h4{margin:0;font-size:16px;color:#2c3e50}.usage-count{font-size:14px;font-weight:600;color:#007bff}.usage-bar{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.usage-fill{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .3s ease}.performance-card{padding:20px;border:1px solid #e9ecef;border-radius:8px;background:#f8f9fa}.performance-card h3{margin:0 0 15px;font-size:16px;color:#2c3e50}.percentile-list{display:flex;flex-direction:column;gap:10px}.percentile-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e9ecef}.percentile-label{font-weight:600;color:#495057}.percentile-value{font-weight:600;color:#007bff}.error-rates-list{display:flex;flex-direction:column;gap:10px}.error-rate-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e9ecef}.agent-name{font-weight:600;color:#495057}.error-rate{font-weight:600;color:#dc3545}.error-count{font-size:12px;color:#6c757d}.component-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.component-card{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid #e9ecef;border-radius:8px;background:#f8f9fa}.component-icon{width:50px;height:50px;border-radius:10px;background:linear-gradient(135deg,#28a745,#1e7e34);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.component-info h4{margin:0 0 8px;font-size:16px;color:#2c3e50}.component-metrics{display:flex;flex-direction:column;gap:4px}.component-metrics .metric{font-size:14px;color:#6c757d}.trends-container{display:grid;grid-template-columns:2fr 1fr;gap:25px}.daily-events-chart h4,.event-types-breakdown h4{margin:0 0 15px;font-size:16px;color:#2c3e50}.simple-chart{display:flex;align-items:end;gap:8px;height:150px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.chart-bar{display:flex;flex-direction:column;align-items:center;flex:1;height:100%}.bar-fill{background:linear-gradient(180deg,#007bff,#0056b3);width:100%;min-height:4px;border-radius:4px 4px 0 0;transition:height .3s ease}.bar-label{margin-top:8px;font-size:12px;color:#6c757d;font-weight:500}.event-type-list{display:flex;flex-direction:column;gap:8px}.event-type-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.event-type-name{font-weight:500;color:#495057;text-transform:capitalize}.event-type-count{font-weight:600;color:#007bff}@media (max-width: 768px){.metric-cards,.trends-container{grid-template-columns:1fr}.analytics-controls{flex-direction:column;align-items:stretch;gap:10px}.metric-card{flex-direction:column;text-align:center}}.analytics-section{background:#fff;border-radius:12px;padding:30px;margin:0 20px 30px;box-shadow:0 2px 8px #0000000d;border:1px solid #e8eae0}.analytics-section h2{margin:0 0 25px;font-size:1.4em;font-weight:500;color:#6b7c32;border-bottom:2px solid #f5f6f1;padding-bottom:15px}.agent-usage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.agent-usage-card{background:#f9faf7;border-radius:10px;padding:24px;border:1px solid #e8eae0;transition:transform .2s,box-shadow .2s}.agent-usage-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6b7c321a}.agent-usage-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.agent-usage-info h4{margin:0;font-size:1.1em;font-weight:600;color:#6b7c32}.usage-count{font-size:.9em;color:#8b9467;font-weight:500}.usage-bar{background:#e8eae0;border-radius:10px;height:8px;overflow:hidden}.usage-fill{background:linear-gradient(90deg,#8b9467,#6b7c32);height:100%;border-radius:10px;transition:width .3s ease}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.performance-card{background:#f9faf7;border-radius:10px;padding:25px;border:1px solid #e8eae0;transition:transform .2s}.performance-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6b7c321a}.performance-card h3{margin:0 0 20px;font-size:1.2em;font-weight:600;color:#6b7c32}.percentile-list{display:flex;flex-direction:column;gap:12px}.percentile-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e8eae0}.percentile-label{font-weight:600;color:#8b9467;font-size:.9em}.percentile-value{font-weight:600;color:#6b7c32}.error-rates-list{display:flex;flex-direction:column;gap:12px}.error-rate-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border-radius:6px;border:1px solid #e8eae0}.agent-name{font-weight:600;color:#6b7c32;text-transform:capitalize}.error-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.error-rate{font-weight:600;color:#8b9467}.error-count{font-size:.85em;color:#a8b58a}.component-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.component-card{background:linear-gradient(135deg,#f9faf7,#f1f3ec);border-radius:12px;padding:25px;display:flex;align-items:center;gap:20px;border:1px solid #e8eae0;transition:transform .2s,box-shadow .2s}.component-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #6b7c321a}.component-icon{background:linear-gradient(135deg,#8b9467,#6b7c32);color:#fff;border-radius:12px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:24px}.component-info h4{margin:0 0 10px;font-size:1.1em;font-weight:600;color:#6b7c32}.component-metrics{display:flex;flex-direction:column;gap:5px}.component-metrics .metric{font-size:.9em;color:#8b9467;font-weight:500}.trends-container{display:grid;grid-template-columns:2fr 1fr;gap:30px}.daily-events-chart h4,.event-types-breakdown h4{margin:0 0 20px;font-size:1.1em;font-weight:600;color:#6b7c32}.simple-chart{display:flex;align-items:end;gap:8px;height:150px;padding:20px;background:#f9faf7;border-radius:8px;border:1px solid #e8eae0}.chart-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.bar-fill{background:linear-gradient(180deg,#8b9467,#6b7c32);border-radius:4px 4px 0 0;min-height:4px;width:100%;transition:height .3s ease}.bar-label{font-size:.8em;color:#8b9467;font-weight:500}.event-types-breakdown{background:#f9faf7;border-radius:8px;padding:20px;border:1px solid #e8eae0}.event-type-list{display:flex;flex-direction:column;gap:12px}.event-type-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border-radius:6px;border:1px solid #e8eae0}.event-type-name{font-weight:500;color:#6b7c32;text-transform:capitalize}.event-type-count{font-weight:600;color:#8b9467}=.ea-email-thread-dropdown{margin-bottom:16px}.ea-email-thread-content{margin-top:8px}.parallel-inputs .parallel-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px}@media (max-width: 900px){.parallel-inputs .parallel-grid{grid-template-columns:1fr}}.uniform-inputs .form-input.uniform-width{min-width:220px;max-width:340px;width:100%}.connections-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}.connections-list h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#1e293b}.connections-list li{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e2e8f0}.connections-list .danger-btn{background:#ef4444;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:13px;cursor:pointer;transition:background-color .2s}.parallel-inputs .parallel-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}@media (max-width: 900px){.parallel-inputs .parallel-grid{grid-template-columns:1fr;gap:20px}}.uniform-inputs .form-input.uniform-width{width:100%;max-width:none}.config-form{background:#faf8f5f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(76,95,78,.15);border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:0 8px 32px #4c5f4e14}.config-form .form-group{margin-bottom:24px}.config-form .form-group label{display:block;margin-bottom:12px;font-weight:700;color:#2d3b2f;font-size:15px;letter-spacing:-.025em}.config-form .form-input{width:100%;padding:16px 20px;border:2px solid rgba(76,95,78,.2);border-radius:12px;font-size:15px;background:#faf8f5cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#2d3b2f;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;font-family:inherit;font-weight:500}.config-form .form-input:focus{outline:none;border-color:#4c5f4e;box-shadow:0 0 0 4px #4c5f4e26;background:#faf8f5}.config-form .form-input::-moz-placeholder{color:#94a896;font-weight:400}.config-form .form-input::placeholder{color:#94a896;font-weight:400}.connections-list{background:#faf8f5f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(76,95,78,.15);border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:0 8px 32px #4c5f4e14}.connections-list h3{margin:0 0 24px;font-size:20px;font-weight:700;color:#2d3b2f;letter-spacing:-.025em}.connections-list ul{list-style:none;padding:0;margin:0}.connections-list li{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(76,95,78,.1);gap:16px}.connections-list li:last-child{border-bottom:none}.connections-list li span{font-weight:600;color:#2d3b2f;font-size:15px;flex-grow:1}.connections-list li .button-group{display:flex;gap:12px;flex-shrink:0}.connections-list .ea-secondary-btn{background:#4c5f4e1a;color:#4c5f4e;border:2px solid rgba(76,95,78,.2);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.connections-list .danger-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.ea-connection-details{margin-top:24px;background:#4c5f4e0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;border:1px solid rgba(76,95,78,.1)}.ea-connection-details h4{margin-bottom:16px;font-size:18px;font-weight:700;color:#2d3b2f;letter-spacing:-.025em}.ea-connection-details ul{list-style:none;padding-left:0;margin:0}.ea-connection-details li{margin-bottom:12px;font-size:15px;color:#5a6b5c;display:flex;align-items:center}.ea-connection-details li strong{color:#2d3b2f;font-weight:600;min-width:120px;margin-right:16px}.email-agent-page{min-height:100vh;background:linear-gradient(135deg,#faf8f5,#f0ede7 40%,#e8e4db);background-attachment:fixed;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.email-agent-header{background:linear-gradient(135deg,#4c5f4e,#3a4b3c);color:#faf8f5;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #4c5f4e26;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ea-header-left{display:flex;align-items:center;gap:20px}.ea-back-btn{background:#faf8f51a;border:2px solid rgba(250,248,245,.2);color:#faf8f5;width:44px;height:44px;border-radius:12px;cursor:pointer;font-size:18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ea-agent-icon{width:56px;height:56px;background:linear-gradient(135deg,#faf8f526,#faf8f50d);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#faf8f5;border:2px solid rgba(250,248,245,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ea-header-info h1{margin:0;font-size:28px;font-weight:700;color:#faf8f5;letter-spacing:-.025em}.ea-header-info p{margin:6px 0 0;opacity:.85;font-size:15px;color:#faf8f5;font-weight:400}.ea-header-right .ea-status-indicator{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:8px 12px;border-radius:20px;font-size:14px}.ea-status-indicator .fa-circle.connected{color:#10b981}.ea-status-indicator .fa-circle.disconnected{color:#ef4444}.email-agent-body{display:flex;flex:1;min-height:0}.email-agent-sidebar{width:280px;background:linear-gradient(180deg,#faf8f5,#f0ede7);border-right:1px solid rgba(76,95,78,.15);box-shadow:4px 0 20px #4c5f4e14;overflow-y:auto;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.email-agent-sidebar.collapsed{width:80px}.ea-sidebar-header{display:flex;justify-content:flex-end;align-items:center;padding:16px 20px;margin-bottom:16px;border-bottom:1px solid rgba(76,95,78,.1)}.ea-sidebar-toggle{background:#4c5f4e1a;border:none;color:#4c5f4e;font-size:16px;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease}.ea-sidebar-nav{padding:16px 0}.ea-nav-item{width:100%;padding:16px 28px;background:none;border:none;text-align:left;cursor:pointer;font-size:15px;font-weight:500;color:#4c5f4e;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:16px;border-left:4px solid transparent;position:relative;margin:4px 0;white-space:nowrap;overflow:hidden}.email-agent-sidebar.collapsed .ea-nav-item{padding:16px 12px;justify-content:center}.email-agent-sidebar.collapsed .ea-nav-item span{opacity:0;transform:translate(-20px);width:0}.ea-nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(135deg,#4c5f4e,#6b7f6d);transition:width .3s ease;border-radius:0 8px 8px 0}.ea-nav-item.active{background:linear-gradient(135deg,#4c5f4e,#3a4b3c);color:#faf8f5;transform:translate(12px);border-left-color:#2d3b2f;font-weight:600;box-shadow:0 8px 25px #4c5f4e33;border-radius:0 12px 12px 0;margin-right:16px}.email-agent-sidebar.collapsed .ea-nav-item.active{transform:none;border-radius:12px;margin:4px 8px}.ea-nav-item.active:before{width:4px;background:#faf8f5}.ea-nav-item.active:after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#faf8f5;border-radius:50%;box-shadow:0 0 12px #faf8f580}.email-agent-sidebar.collapsed .ea-nav-item.active:after{display:none}.ea-nav-item i{width:22px;text-align:center;font-size:18px;transition:all .3s ease;flex-shrink:0}.ea-nav-item span{transition:all .3s ease}.email-agent-main{flex:1;overflow-y:auto;background:transparent}.ea-content-container{max-width:1400px;margin:0 auto;padding:8px 16px}.ea-page-header{margin-bottom:40px;text-align:center}.ea-page-header h2{margin:0 0 12px;font-size:36px;font-weight:800;color:#2d3b2f;letter-spacing:-.025em;background:linear-gradient(135deg,#4c5f4e,#6b7f6d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ea-page-header p{color:#5a6b5c;font-size:18px;line-height:1.6;font-weight:400;max-width:600px;margin:0 auto}.ea-content-card{background:#faf8f5e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #4c5f4e14;padding:32px;margin-bottom:28px;border:1px solid rgba(76,95,78,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.ea-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.ea-stat-card{background:#faf8f5f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:18px;padding:28px;box-shadow:0 8px 32px #4c5f4e14;display:flex;align-items:center;gap:20px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(76,95,78,.08);position:relative;overflow:hidden}.ea-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#4c5f4e,#6b7f6d);opacity:.8}.ea-stat-icon{width:56px;height:56px;background:linear-gradient(135deg,#4c5f4e,#6b7f6d);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#faf8f5;font-size:24px;box-shadow:0 8px 24px #4c5f4e33;flex-shrink:0}.ea-stat-content h3{margin:0;font-size:32px;font-weight:800;color:#2d3b2f;letter-spacing:-.025em}.ea-stat-content p{margin:6px 0 0;color:#5a6b5c;font-size:15px;font-weight:500}.ea-dashboard-card{background:#faf8f5f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:32px;box-shadow:0 8px 32px #4c5f4e14;text-align:center;border:1px solid rgba(76,95,78,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.ea-dashboard-card h3{margin:0 0 24px;font-size:22px;font-weight:700;color:#2d3b2f;letter-spacing:-.025em}.ea-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;justify-items:center}.ea-action-btn{padding:16px 24px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;min-width:200px;max-width:220px;white-space:nowrap;position:relative;overflow:hidden}.ea-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.ea-action-btn.primary{background:linear-gradient(135deg,#4c5f4e,#6b7f6d);color:#faf8f5;box-shadow:0 8px 24px #4c5f4e33}.ea-action-btn.secondary{background:#faf8f5cc;color:#4c5f4e;border:2px solid rgba(76,95,78,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ea-action-btn i{font-size:18px;width:18px;text-align:center;flex-shrink:0}.ea-action-btn span{flex:1;font-weight:600}.ea-status-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:16px}.ea-status-item{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#faf8f5f2,#f0ede7e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(76,95,78,.12);box-shadow:0 4px 20px #4c5f4e14;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ea-status-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#4c5f4e,#6b7f6d);opacity:.7}.ea-status-item:last-child{border-bottom:1px solid rgba(76,95,78,.12)}.ea-status-label{font-weight:700;color:#2d3b2f;font-size:16px;letter-spacing:-.025em;display:flex;align-items:center;gap:12px;flex:1}.ea-status-label:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#4c5f4e,#6b7f6d);box-shadow:0 0 8px #4c5f4e4d}.ea-status{padding:8px 20px;border-radius:24px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 16px #00000026;flex-shrink:0;min-width:100px;text-align:center;position:relative;overflow:hidden;transition:all .3s ease}.ea-status:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.ea-status.email-connection{min-width:100px;padding:8px 20px;font-size:12px;border-radius:24px;display:inline-block;box-sizing:border-box}.ea-status.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:2px solid rgba(16,185,129,.3)}.ea-status.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:2px solid rgba(239,68,68,.3)}.ea-status.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:2px solid rgba(245,158,11,.3)}.ea-status-item[data-status=email]:before{background:linear-gradient(135deg,#10b981,#059669)}.ea-status-item[data-status=database]:before{background:linear-gradient(135deg,#3b82f6,#2563eb)}.ea-status-item[data-status=ai]:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.ea-form-section{margin-bottom:32px}.ea-form-group{margin-bottom:24px}.ea-form-group label{display:block;margin-bottom:12px;font-weight:600;color:#3a4b3c;font-size:15px;letter-spacing:-.025em}.ea-form-input,.ea-form-select{width:100%;min-width:240px;max-width:380px;padding:16px 20px;border:2px solid rgba(76,95,78,.2);border-radius:12px;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#faf8f5cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;font-weight:500;color:#2d3b2f}.outline-input{border-color:#4c5f4e;box-shadow:0 0 0 4px #4c5f4e1a}.ea-form-input:focus,.ea-form-select:focus{outline:none;border-color:#4c5f4e;box-shadow:0 0 0 4px #4c5f4e26;transform:translateY(-2px)}.ea-form-input::-moz-placeholder{color:#4c5f4e80;font-weight:400}.ea-form-input::placeholder{color:#4c5f4e80;font-weight:400}.ea-form-help{display:block;margin-top:8px;font-size:13px;color:#5a6b5c;line-height:1.5;font-weight:400}.ea-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ea-search-form,.ea-config-form{background:#faf8f599;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(76,95,78,.15);border-radius:20px;padding:32px;margin-bottom:32px}.ea-action-section{display:flex;gap:16px;margin:32px 0;flex-wrap:wrap}.ea-primary-btn{background:linear-gradient(135deg,#4c5f4e,#6b7f6d);color:#faf8f5;border:none;padding:16px 32px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:12px;min-width:180px;justify-content:center;box-shadow:0 8px 24px #4c5f4e33;position:relative;overflow:hidden}.ea-primary-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.ea-primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;background:linear-gradient(135deg,#9ca3af,#6b7280)}.ea-secondary-btn{background:#faf8f5cc;color:#4c5f4e;border:2px solid rgba(76,95,78,.2);padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px}.info-card{background:#faf8f599;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(76,95,78,.15);border-radius:18px;padding:32px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#4c5f4e,#6b7f6d);opacity:.8}.info-card i{font-size:36px;color:#4c5f4e;margin-bottom:20px;display:block}.info-card h3{margin:0 0 12px;font-size:20px;font-weight:700;color:#2d3b2f;letter-spacing:-.025em}.info-card p{margin:0;color:#5a6b5c;font-size:15px;line-height:1.6;font-weight:400}.ea-connection-test{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:20px}.ea-connection-status{display:flex;align-items:center;gap:8px;font-weight:500}.ea-connection-status.connected{color:#10b981}.ea-connection-status.disconnected{color:#ef4444}.ea-test-btn{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:background-color .2s}.ea-env-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-top:24px}.ea-env-info h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#1e293b}.ea-env-code code{background:#1e293b;color:#e2e8f0;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.ea-env-code pre{background:#1e293b;color:#e2e8f0;padding:16px;border-radius:8px;margin:12px 0 0;font-size:13px;line-height:1.5;overflow-x:auto}.ea-results-section{background:#faf8f5f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(76,95,78,.15);border-radius:20px;margin-top:32px;overflow:hidden;box-shadow:0 8px 32px #4c5f4e14;transition:all .3s cubic-bezier(.4,0,.2,1)}.ea-results-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;background:#4c5f4e0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(76,95,78,.1)}.ea-results-header h3{margin:0;font-size:18px;font-weight:700;color:#2d3b2f;letter-spacing:-.025em}.ea-clear-btn{background:none;border:none;color:#5a6b5c;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;font-size:16px}.ea-error-result,.ea-success-result{padding:28px;display:flex;align-items:flex-start;gap:20px}.ea-error-result{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#991b1b;border-left:4px solid #EF4444}.ea-success-result{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;border-left:4px solid #22C55E;width:100%;box-sizing:border-box;display:block}.ea-error-result i,.ea-success-result i{font-size:24px;margin-top:4px;flex-shrink:0}.ea-error-result h4,.ea-success-result h4{margin:0 0 8px;font-size:18px;font-weight:700;letter-spacing:-.025em}.ea-error-result p,.ea-success-result p{margin:0;font-size:15px;line-height:1.6;font-weight:500}.ea-classification-result{margin-top:20px;padding-top:20px;border-top:2px solid rgba(76,95,78,.1)}.ea-classification-result h5{margin:0 0 12px;font-size:16px;font-weight:700;color:#2d3b2f;letter-spacing:-.025em}.ea-classification-tags{display:flex;flex-wrap:wrap;gap:12px}.ea-tag{background:#4c5f4e1a;color:#2d3b2f;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;border:2px solid rgba(76,95,78,.2);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ea-generated-response{margin-top:20px;width:100%;box-sizing:border-box}.ea-generated-response h5{margin:0 0 12px;font-size:16px;font-weight:700;color:#2d3b2f;letter-spacing:-.025em}.ea-generated-response textarea.ea-form-input{width:100%;min-width:0;max-width:100%;box-sizing:border-box;resize:vertical;font-size:15px;padding:20px 24px;border-radius:12px;border:2px solid rgba(76,95,78,.2);background:#faf8f5cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:16px;display:block;font-family:inherit;line-height:1.6;transition:all .3s cubic-bezier(.4,0,.2,1)}.ea-generated-response textarea.ea-form-input:focus{border-color:#4c5f4e;box-shadow:0 0 0 4px #4c5f4e26;transform:translateY(-2px)}.ea-file-info{margin-top:16px;display:flex;align-items:center;gap:12px;font-size:14px;color:#5a6b5c;font-weight:500}.ea-file-info i{color:#4c5f4e}@media (max-width: 1024px){.ea-dashboard-grid,.ea-form-row{grid-template-columns:1fr}.ea-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ea-quick-actions{grid-template-columns:1fr}}@media (max-width: 768px){.email-agent-body{flex-direction:column}.email-agent-sidebar{width:100%;order:2}.ea-sidebar-nav{display:flex;overflow-x:auto;padding:12px;gap:8px}.ea-nav-item{flex-shrink:0;padding:8px 16px;border-radius:20px;border-left:none;border:2px solid transparent;white-space:nowrap}.ea-nav-item.active{border-color:#4c5f4e;background:#4c5f4e1a;color:#2d3b2f}.email-agent-main{order:1}.ea-content-container{padding:16px}.ea-page-header h2{font-size:24px}.ea-header-left{gap:12px}.ea-header-info h1{font-size:20px}.ea-agent-icon{width:40px;height:40px;font-size:18px}.ea-stats-grid,.ea-dashboard-grid{grid-template-columns:1fr}.ea-quick-actions{grid-template-columns:1fr;gap:12px}.ea-action-btn{padding:12px 16px;font-size:13px;gap:8px;min-width:auto;width:100%}.ea-action-btn i{font-size:14px}.ea-action-section{flex-direction:column}.ea-primary-btn,.ea-secondary-btn{width:100%;justify-content:center}.ea-connection-test{flex-direction:column;gap:12px;text-align:center}}.fa-spinner{animation:spin 1s linear infinite}.email-agent-sidebar::-webkit-scrollbar,.email-agent-main::-webkit-scrollbar{width:8px}.email-agent-sidebar::-webkit-scrollbar-track,.email-agent-main::-webkit-scrollbar-track{background:#faf8f580;border-radius:4px}.email-agent-sidebar::-webkit-scrollbar-thumb,.email-agent-main::-webkit-scrollbar-thumb{background:#4c5f4e4d;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.ea-loading{opacity:.6;pointer-events:none}.ea-hidden{display:none!important}.ea-text-center{text-align:center}.ea-text-success{color:#16a34a}.ea-text-error{color:#dc2626}.ea-text-warning{color:#f59e0b}.cr-chat-root{display:flex;flex-direction:column;height:100vh;background:#fff;font-family:Inter,system-ui,sans-serif}.cr-chat-header{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid #eee}.cr-bot-logo{height:28px}.cr-chat-title{font-weight:600;color:#333}.cr-chat-body{flex:1;padding:24px;overflow-y:auto}.cr-message-row{display:flex;align-items:flex-start;margin-bottom:22px}.cr-avatar{width:34px;height:34px;background:#0b5cff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:12px}.cr-message{max-width:720px;line-height:1.6;font-size:15px;color:#222}.cr-message.user{margin-left:auto;background:#f1f3f6;padding:10px 14px;border-radius:8px}.cr-message.bot{background:transparent}.cr-feedback{margin-top:6px;font-size:14px;color:#999;cursor:pointer}.cr-feedback span{margin-left:8px}.cr-thinking span{width:6px;height:6px;margin-right:4px;background:#aaa;border-radius:50%;display:inline-block;animation:blink 1.4s infinite both}.cr-thinking span:nth-child(2){animation-delay:.2s}.cr-thinking span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.cr-chat-input{display:flex;padding:16px;border-top:1px solid #eee}.cr-chat-input input{flex:1;border:none;font-size:15px;outline:none}.cr-chat-input button{background:none;border:none;font-size:18px;cursor:pointer;color:#0b5cff}.cr-message{max-width:720px;word-wrap:break-word;overflow-wrap:anywhere;white-space:normal}.cr-message.user{background:#f1f3f6;padding:12px 16px;border-radius:12px}.cr-message.bot{max-width:760px}.cr-message.bot,.cr-message.user{min-width:0}.cr-markdown{font-size:15px;line-height:1.65;color:#1a1a1a}.cr-markdown h1,.cr-markdown h2,.cr-markdown h3{font-weight:600;margin:16px 0 8px}.cr-markdown p{margin:8px 0}.cr-markdown ul,.cr-markdown ol{padding-left:20px;margin:8px 0}.cr-markdown li{margin-bottom:6px}.cr-markdown strong{font-weight:600}.cr-markdown em{font-style:italic}.cr-markdown pre{background:#f6f8fa;padding:12px;border-radius:6px;overflow-x:auto;font-size:13px}.cr-markdown code{background:#f1f3f5;padding:2px 6px;border-radius:4px;font-size:13px}.cr-markdown a{color:#0b5cff;text-decoration:underline}.cr-markdown blockquote{border-left:4px solid #ddd;padding-left:12px;color:#555;margin:12px 0}@media (max-width: 768px){.cr-message{max-width:100%}}.profile-signout-btn{background:#435545;color:#fff;font-weight:600;font-size:1.15rem;border:none;border-radius:12px;box-shadow:0 2px 12px #43554521;padding:14px 32px;margin-top:32px;display:flex;align-items:center;justify-content:center;gap:14px;cursor:pointer;transition:background .2s,box-shadow .2s}.profile-signout-btn i{font-size:1.35em;margin-right:2px}.auth-form-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#dcfdff}.auth-form{background:#f8f8f8;padding:3.5rem 3rem 3rem;border-radius:2rem;box-shadow:0 8px 32px #1f26871a;height:750px;min-width:420px;max-width:98vw;display:flex;flex-direction:column;gap:2rem;align-items:center}.auth-logo{width:200px;height:200px;-o-object-fit:contain;object-fit:contain;margin-bottom:10px;display:block}.auth-form h2{margin:0 0 1.2rem;color:var(--primary-color);font-size:2.2rem;font-weight:800;text-align:center}.auth-form input{padding:1.1rem 1.3rem;border:1px solid #e5e7eb;border-radius:.7rem;font-size:1.18rem;outline:none;transition:border .2s;width:320px;max-width:90vw}.auth-form input:focus{border-color:var(--accent-color)}.auth-error{color:var(--warning-color);background:#fff7ed;border:1px solid #f59e0b33;border-radius:.5rem;padding:.5rem 1rem;font-size:.98rem;text-align:center}.auth-form button[type=submit]{background:var(--accent-color);color:#fff;border:none;border-radius:.7rem;padding:1.1rem 0;font-size:1.25rem;font-weight:700;cursor:pointer;transition:background .2s;width:100%}.auth-form button[type=submit]:hover:not(:disabled){background:var(--accent-hover)}.auth-form button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.auth-toggle{text-align:center;font-size:1.08rem}.auth-toggle button{background:none;border:none;color:var(--accent-color);font-weight:600;cursor:pointer;padding:0;margin-left:.2rem;transition:color .2s}.auth-toggle button:hover{color:var(--accent-hover);text-decoration:underline}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.right-2{right:.5rem}.top-2{top:.5rem}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-8{margin-bottom:2rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-2\.5{height:.625rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-\[600px\]{height:600px}.h-full{height:100%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-2\.5{width:.625rem}.w-4{width:1rem}.w-80{width:20rem}.w-full{width:100%}.max-w-7xl{max-width:80rem}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.translate-x-6{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-8{gap:2rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--primary-color: #0f172a;--primary-hover: #1e293b;--secondary-color: #475569;--accent-color: #3b82f6;--accent-hover: #2563eb;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-light: #94a3b8;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-elevated: #ffffff;--surface-primary: #ffffff;--surface-secondary: #f8fafc;--surface-hover: #f1f5f9;--surface-active: #e2e8f0;--border-light: #e2e8f0;--border-medium: #cbd5e1;--border-strong: #94a3b8;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--background-light: var(--bg-secondary);--surface-light: var(--surface-primary);--surface-elevated: var(--surface-hover);--text-color-dark: var(--text-primary);--text-color-muted: var(--text-muted);--border-color-light: var(--border-light);--border-color-medium: var(--border-medium);--shadow-light: var(--shadow-sm);--shadow-medium: var(--shadow-md);--shadow-strong: var(--shadow-lg);--transition-speed-fast: .15s;--transition-speed-normal: .2s;--transition-speed-slow: .3s;--transition-ease: cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;cursor:default;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}html,body{overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 40%,var(--bg-tertiary) 100%);background-attachment:fixed;color:var(--text-primary);line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}button,a,[role=button],.clickable{cursor:pointer}img[alt*=Logo],img[alt*=logo],.new-interface-sidebar-header .title img,.new-interface-welcome-icon img{cursor:default!important;pointer-events:none}.hidden{display:none!important;opacity:0;pointer-events:none}.hidden-by-default{display:none!important}.clean-sidebar,.new-interface-sidebar{width:260px;background:linear-gradient(180deg,#faf8f5,#c6c0b3);color:#4c5f4e;display:flex;flex-direction:column;height:100vh;transition:none;box-shadow:2px 0 10px #4c5f4e1a}.sidebar-collapsed .clean-sidebar,.sidebar-collapsed .new-interface-sidebar{width:64px}.sidebar-header,.new-interface-sidebar-header{padding:20px;border-bottom:1px solid #C6C0B3;display:flex;align-items:center;justify-content:space-between;min-height:100px;background:linear-gradient(135deg,#faf8f5 0% 100%);flex-shrink:0}.dark-header,.new-interface-top-header{height:80px;background:linear-gradient(135deg,#faf8f5,#c6c0b3);color:#4c5f4e;display:flex;align-items:center;justify-content:space-between;padding:0 32px;box-shadow:0 3px 15px #4c5f4e1a;min-height:80px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes typingAnimation{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes voicePulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes recordingPulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}}@keyframes pulse{0%{box-shadow:0 0 #dc354566}70%{box-shadow:0 0 0 10px #dc354500}to{box-shadow:0 0 #dc354500}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes messageSent{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes messageSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes welcomeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes loadingPulse{0%,80%,to{transform:scale(.8);opacity:.4}40%{transform:scale(1);opacity:1}}.enhanced-app-layout,.new-interface-app{display:flex;height:100vh;background:var(--bg-primary);overflow:hidden}.main-content-area,.new-interface-main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;min-height:100vh}.content-wrapper,.content-section,.content-section.active{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--bg-primary);height:calc(100vh - 80px);padding:0}.sidebar-collapsed .clean-sidebar,.sidebar-collapsed .new-interface-sidebar{display:flex;flex-direction:column;align-items:center}.sidebar-title,.new-interface-sidebar-header .title{display:flex;align-items:center;justify-content:center;flex:1;padding:8px;transition:opacity var(--transition-speed-normal) ease}.logo{width:140px;height:60px;border-radius:8px;opacity:.85;transition:all var(--transition-speed-normal) ease;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;display:block;max-width:100%;max-height:100%}.logo:hover{opacity:1;transform:scale(1.02)}.sidebar-collapsed .sidebar-title,.sidebar-collapsed .new-interface-sidebar-header .title{opacity:0;width:0;overflow:hidden;padding:0}.sidebar-collapsed .logo{display:none}.toggle-btn,.sidebar-toggle-btn{background:#c6c0b3;border:1px solid #4C5F4E;color:#4c5f4e;padding:10px;border-radius:8px;cursor:pointer;transition:all var(--transition-speed-fast) ease;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.toggle-btn:hover,.sidebar-toggle-btn:hover{background:#4c5f4e;color:#faf8f5;transform:translateY(-1px)}.sidebar-nav,.new-interface-sidebar-nav{flex:1;padding:24px 0;overflow-y:auto}.sidebar-collapsed .sidebar-nav,.sidebar-collapsed .new-interface-sidebar-nav{padding:24px 8px;display:flex;flex-direction:column;align-items:center}.nav-group,.new-interface-sidebar-nav-category{margin-bottom:36px}.nav-group:last-child,.new-interface-sidebar-nav-category:last-child{margin-bottom:0}.nav-title{font-size:12px;color:#4c5f4e;text-transform:uppercase;font-weight:700;letter-spacing:1.2px;margin-bottom:16px;padding:8px 24px;background:#4c5f4e1a;border-left:3px solid #4C5F4E;border-radius:0 6px 6px 0;margin-left:0;margin-right:16px;transition:opacity var(--transition-speed-normal) ease}.sidebar-collapsed .nav-title,.sidebar-collapsed .new-interface-sidebar-nav-category{opacity:0;height:0;margin:0;padding:0}.nav-item,.new-interface-sidebar-nav-item{display:flex;align-items:center;gap:16px;padding:14px 24px;color:#4c5f4e;font-size:15px;font-weight:500;cursor:pointer;transition:none;position:relative;border-radius:0 12px 12px 0;margin:0 16px 6px 0;border-left:3px solid transparent}.nav-item:before,.new-interface-sidebar-nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(135deg,#4c5f4e,#3a4a3c);transition:none;border-radius:0 6px 6px 0}.nav-item:hover,.new-interface-sidebar-nav-item:hover{background:linear-gradient(135deg,#c6c0b3,#b8b1a3);color:#4c5f4e;box-shadow:0 2px 12px #4c5f4e26;border-left-color:#c6c0b3}.nav-item:hover:before,.new-interface-sidebar-nav-item:hover:before{width:3px}.nav-item.active,.new-interface-sidebar-nav-item.active{background:linear-gradient(135deg,#4c5f4e,#3a4a3c);color:#faf8f5;transform:translate(6px);box-shadow:0 4px 16px #4c5f4e4d;border-left-color:#3a4a3c;font-weight:600}.nav-item.active:before,.new-interface-sidebar-nav-item.active:before{width:3px;background:#faf8f5}.nav-item.active:after,.new-interface-sidebar-nav-item.active:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#faf8f5;border-radius:50%;box-shadow:0 0 8px #faf8f580}.nav-item i,.new-interface-sidebar-nav-item i{width:20px;text-align:center;font-size:17px;transition:transform var(--transition-speed-fast) ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-item:hover i,.new-interface-sidebar-nav-item:hover i{transform:scale(1.1)}.nav-item.active i,.new-interface-sidebar-nav-item.active i{transform:scale(1.15)}.nav-item span,.new-interface-sidebar-nav-item span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity var(--transition-speed-normal) ease}.sidebar-collapsed .nav-item,.sidebar-collapsed .new-interface-sidebar-nav-item{justify-content:center;align-items:center;padding:0;margin:0 auto 8px;width:48px;height:48px;border-radius:50%;transform:none;border-left:none;display:flex;position:relative}.sidebar-collapsed .nav-item.active,.sidebar-collapsed .new-interface-sidebar-nav-item.active{transform:translateY(-2px);border-radius:50%;width:48px;height:48px;justify-content:center;align-items:center;display:flex}.sidebar-collapsed .nav-item span,.sidebar-collapsed .new-interface-sidebar-nav-item span{opacity:0;width:0;overflow:hidden;display:none}.sidebar-collapsed .nav-item i,.sidebar-collapsed .new-interface-sidebar-nav-item i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;margin:0;font-size:17px}.sidebar-collapsed .nav-item:hover i,.sidebar-collapsed .new-interface-sidebar-nav-item:hover i{transform:translate(-50%,-50%) scale(1.1)}.sidebar-collapsed .nav-item.active i,.sidebar-collapsed .new-interface-sidebar-nav-item.active i{transform:translate(-50%,-50%) scale(1.15)}.sidebar-collapsed .nav-item:after,.sidebar-collapsed .new-interface-sidebar-nav-item:after,.sidebar-collapsed .nav-item:before,.sidebar-collapsed .new-interface-sidebar-nav-item:before{display:none}.sidebar-footer,.new-interface-sidebar-footer-user-btn{padding:24px;background:linear-gradient(135deg,#c6c0b3)}.sidebar-collapsed .sidebar-footer,.sidebar-collapsed .new-interface-sidebar-footer-user-btn{padding:24px 16px}.profile-btn,.user-profile-button{width:100%;display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#faf8f5,#c6c0b3);border:1px solid #C6C0B3;border-radius:12px;color:#4c5f4e;font-size:15px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #4c5f4e1a;position:relative;overflow:hidden}.profile-btn:hover,.user-profile-button:hover{background:linear-gradient(135deg,#4c5f4e,#3a4a3c);color:#faf8f5;transform:translateY(-2px);box-shadow:0 6px 20px #4c5f4e33;border-color:#4c5f4e}.sidebar-collapsed .profile-btn,.sidebar-collapsed .user-profile-button{justify-content:center;align-items:center;padding:0;border-radius:50%;width:48px;height:48px;margin:0 auto;display:flex;position:relative}.sidebar-collapsed .profile-btn i,.sidebar-collapsed .user-profile-button i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px}.header-left,.new-interface-page-title-section{flex:1}.breadcrumb-nav{display:flex;align-items:center;gap:12px;font-size:15px;color:#4c5f4e;font-weight:500}.breadcrumb-link{display:flex;align-items:center;gap:8px;color:#4c5f4e;text-decoration:none;padding:8px 12px;border-radius:8px;transition:all var(--transition-speed-fast) ease;font-weight:500;font-size:17px}.breadcrumb-link:hover{background:#4c5f4e1a;transform:translateY(-1px)}.current-page{color:#4c5f4e;font-weight:600;font-size:16px}.header-right,.new-interface-top-header-actions{display:flex;align-items:center}.header-btn{position:relative;background:#c6c0b3;border:1px solid #4C5F4E;color:#4c5f4e;padding:12px;border-radius:8px;cursor:pointer;transition:all var(--transition-speed-fast) ease;font-size:16px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.header-btn:hover{background:#4c5f4e;color:#faf8f5;transform:translateY(-1px);box-shadow:0 4px 12px #4c5f4e33}.badge{position:absolute;top:-6px;right:-6px;background:var(--error-color);color:#fff;font-size:11px;font-weight:600;padding:3px 6px;border-radius:10px;min-width:18px;text-align:center;box-shadow:0 2px 8px #ef44444d}.user-menu{position:relative;margin-left:16px}.user-trigger{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#c6c0b3;border:1px solid #4C5F4E;border-radius:10px;cursor:pointer;transition:all var(--transition-speed-fast) ease;min-height:44px}.user-trigger:hover{background:#4c5f4e;color:#faf8f5;transform:translateY(-1px);box-shadow:0 4px 12px #4c5f4e33}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#4c5f4e,#3a4a3c);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#faf8f5;font-weight:600;font-size:14px;box-shadow:0 2px 8px #4c5f4e4d}.chat-interface-container,.new-interface-chat-container{height:calc(100vh - 200px);min-height:500px;display:flex;flex-direction:column;background:var(--surface-primary);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border-light);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.chat-header,.enterprise-chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px #0000000a;z-index:100}.chat-header-left{display:flex;align-items:center;gap:12px}.agent-avatar,.agent-status-indicator{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent-color) 0%,#1d4ed8 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:600;box-shadow:0 4px 12px #3b82f640;position:relative}.agent-status-indicator:after{content:"";position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background:var(--success-color);border-radius:50%;border:2px solid white}.agent-info,.chat-title-section{display:flex;flex-direction:column;gap:4px}.agent-name,.chat-title-section h1{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2}.agent-status,.chat-subtitle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);margin:2px 0 0;font-weight:400}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success-color);animation:statusPulse 2s infinite}.chat-header-actions{display:flex;align-items:center;gap:8px}.header-action-btn,.agent-options-button{width:36px;height:36px;border-radius:8px;border:none;background:#3b82f614;color:var(--accent-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed-fast) ease;font-size:14px}.header-action-btn:hover,.agent-options-button:hover{background:#3b82f61f;transform:translateY(-1px)}.chat-messages-container,.new-interface-chat-messages{flex:1;overflow-y:auto;padding:24px;background:transparent;min-height:400px;position:relative;scroll-behavior:smooth;display:flex;flex-direction:column;gap:16px}.new-interface-message,.chat-message{display:flex;margin-bottom:90px;animation:messageSlideIn .3s ease-out;width:100%;clear:both}.new-interface-chat-messages .new-interface-message.user-message{justify-content:flex-end;text-align:right}.new-interface-chat-messages .new-interface-message.assistant-message{justify-content:flex-start;text-align:left}.user-message,.new-interface-message.user-message{flex-direction:row-reverse;justify-content:flex-end;margin-left:auto;margin-right:0;align-self:flex-end;width:100%;display:flex}.assistant-message,.new-interface-message.assistant-message{flex-direction:row;justify-content:flex-start;margin-right:auto;margin-left:0;align-self:flex-start;width:100%;display:flex}.message-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0;margin:0 12px}.new-interface-message-content,.message-bubble,.user-message-bubble,.assistant-message-bubble{max-width:65%;padding:16px 20px;border-radius:16px;position:relative;font-size:14px;line-height:1.5;word-wrap:break-word;box-shadow:0 2px 8px #0000000f}.user-message .message-bubble,.user-message-bubble,.new-interface-message.user-message .new-interface-message-content{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border-bottom-right-radius:6px;margin-left:auto;margin-right:0}.assistant-message .message-bubble,.assistant-message-bubble,.new-interface-message.assistant-message .new-interface-message-content{background:var(--surface-primary);color:var(--text-primary);border:1px solid var(--border-light);border-bottom-left-radius:6px;margin-left:0;margin-right:auto}.message-content,.new-interface-message-text{font-size:14px;line-height:1.5;color:inherit}.message-timestamp,.new-interface-message-time{font-size:11px;opacity:.6;margin-top:6px;padding:0 4px}.user-message .message-timestamp,.user-message .new-interface-message-time{text-align:right;color:#fffc}.assistant-message .message-timestamp,.assistant-message .new-interface-message-time{text-align:left;color:var(--text-secondary)}.message-sources,.new-interface-sources{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light)}.message-sources h4,.new-interface-sources h4{font-size:13px;font-weight:600;margin-bottom:8px;color:var(--text-primary);display:flex;align-items:center;gap:6px}.new-interface-sources h4:before{content:"📚";font-size:14px}.message-sources ul,.new-interface-sources ul{list-style:none;padding:0;margin:0}.message-sources li,.new-interface-sources li{font-size:12px;color:var(--accent-color);margin-bottom:6px;padding:8px 12px;background:#3b82f60d;border-radius:6px;border-left:3px solid var(--accent-color);transition:all var(--transition-speed-fast)}.message-sources li:hover,.new-interface-sources li:hover{background:#3b82f61a;transform:translate(8px) scale(1.02);box-shadow:0 4px 12px #3b82f633}.message-sources a,.new-interface-sources a{color:var(--accent-color);text-decoration:none;font-weight:500;margin-left:8px}.message-sources a:hover,.new-interface-sources a:hover{text-decoration:underline}.typing-indicator,.enterprise-loading-indicator,.new-interface-loading{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--surface-primary);border-radius:16px 16px 16px 6px;box-shadow:0 2px 8px #0000000f;border:1px solid var(--border-light);max-width:65%;margin-bottom:12px}.typing-dots,.loading-dots{display:flex;gap:4px}.typing-dots span,.loading-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-color);animation:loadingPulse 1.4s infinite ease-in-out}.typing-dots span:nth-child(1),.loading-dot:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2),.loading-dot:nth-child(2){animation-delay:-.16s}.typing-dots span:nth-child(3),.loading-dot:nth-child(3){animation-delay:0s}.new-interface-loading i{animation:spin 1.2s linear infinite;color:var(--accent-color);font-size:18px}.voice-indicator,.voice-recognition-status,.new-interface-voice-status{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,var(--error-color) 0%,#dc2626 100%);color:#fff;border-radius:16px 16px 16px 6px;box-shadow:0 2px 8px #ef444433;max-width:65%;margin-bottom:12px}.voice-pulse,.voice-pulse-icon,.new-interface-voice-status i{animation:voicePulse 1.5s infinite;font-size:16px}@media (max-width: 1200px){.new-interface-right-sidebar{width:280px;padding:20px;transform:translate(100%);position:fixed;right:0;top:0;height:100vh;z-index:1500;box-shadow:var(--shadow-medium)}.new-interface-right-sidebar:not(.hidden){transform:translate(0)}}@media (max-width: 900px){.new-interface-app{flex-direction:column}.new-interface-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-light);padding-bottom:10px;box-shadow:var(--shadow-light);position:relative;flex-direction:row;justify-content:space-between;align-items:center;padding-right:20px}.sidebar-collapsed .new-interface-sidebar{width:100%}.new-interface-sidebar-header{margin-bottom:0;padding:0 15px;flex:1;justify-content:flex-start;gap:15px}.new-interface-sidebar-header .title{font-size:20px;opacity:1;width:auto;margin-left:0}.sidebar-collapsed .new-interface-sidebar-header .title{opacity:1;width:auto;margin-left:0}.sidebar-toggle-btn,.new-interface-sidebar-nav,.sidebar-collapsed .new-interface-sidebar-nav,.new-interface-sidebar-nav-category{display:none}.new-interface-sidebar-nav-item{flex-basis:auto;padding:8px 10px;margin-bottom:0;box-shadow:none}.new-interface-sidebar-nav-item.active{box-shadow:none}.new-interface-sidebar-nav-item span{opacity:1;width:auto;margin-left:0}.new-interface-sidebar-footer-user-btn{padding:10px 15px;border-top:none;border-left:1px solid var(--border-light);margin-top:0}.user-profile-button{width:40px;height:40px;font-size:18px}.new-interface-top-header{flex-direction:column;align-items:flex-start;gap:12px;padding:15px 20px}.new-interface-top-header-actions{width:100%;justify-content:space-around;gap:8px}.new-interface-page-title-section{flex-direction:column;align-items:flex-start;gap:12px}.sign-out-dropdown{right:20px;top:60px}.new-interface-right-sidebar{width:100%;padding:20px;transform:translate(100%);display:flex;flex-direction:column;border-left:none;top:0;bottom:0;height:100vh;position:fixed;z-index:1500;background-color:var(--surface-primary)}.new-interface-right-sidebar.hidden{display:none!important}.new-interface-right-sidebar:not(.hidden){transform:translate(0);box-shadow:var(--shadow-strong)}}.chat-section-divider{width:100%;max-width:2000px;height:1.5px;background:linear-gradient(90deg,#e2e8f0,#cbd5e1);margin:0 auto 32px;border:none;opacity:.7}.chat-message-time{font-size:11px;opacity:.7;margin-top:4px;text-align:right}.user-message .chat-message-time{text-align:right}.new-interface-generate-prompt-section{background:var(--surface-primary);border-radius:12px;padding:20px;margin:20px;box-shadow:var(--shadow-light);border:1px solid var(--border-light);position:relative;z-index:2}.scroll-to-bottom{position:absolute;bottom:20px;right:20px;background:var(--primary-color);color:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-medium);transition:all var(--transition-speed-fast)}.new-interface-message,.new-interface-message.user-message{animation:messageSent .4s ease-out}.new-interface-message.assistant-message{animation:messageSlideIn .4s ease-out}.tooltip{position:absolute;background-color:#000c;color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:2000;opacity:0;pointer-events:none;transition:opacity var(--transition-speed-fast) ease-in-out}[data-tooltip]:hover+.tooltip{opacity:1}.new-interface-chat-container{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow:hidden;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.enterprise-chat-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:16px 24px;border-bottom:1px solid rgba(226,232,240,.8);display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000000a;z-index:100}.agent-selector-btn{background:#6366f114;color:#6366f1;padding:8px 12px;border-radius:8px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.agent-selector-btn:hover{background:#6366f11f}.new-interface-chat-messages{flex:1;overflow-y:auto;padding:24px;background:transparent;min-height:400px;position:relative;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:transparent transparent}.new-interface-chat-messages::-webkit-scrollbar{width:4px}.new-interface-chat-messages::-webkit-scrollbar-track{background:transparent}.new-interface-chat-messages::-webkit-scrollbar-thumb{background:transparent;border-radius:2px}.new-interface-chat-messages:hover::-webkit-scrollbar-thumb{background:#0003}.new-interface-chat-messages::-webkit-scrollbar-thumb:hover{background:#0006}.enterprise-loading-indicator{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-radius:16px 16px 16px 6px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(226,232,240,.8);max-width:65%}.voice-recognition-status{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:16px 16px 16px 6px;box-shadow:0 2px 8px #ef444433;max-width:65%}.voice-pulse-icon{animation:voicePulse 1.5s infinite;font-size:16px}.new-interface-welcome-icon{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;z-index:0;opacity:.3;pointer-events:none;display:block}.new-interface-welcome-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.workflow-builder-container{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.workflow-builder-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--surface-primary);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.workflow-title-section h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px;display:flex;align-items:center;gap:12px}.workflow-title-section h1 i{color:var(--accent-color)}.workflow-title-section p{font-size:14px;color:var(--text-secondary);margin:0}.workflow-actions{display:flex;gap:12px;align-items:center}.workflow-action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-speed-fast) ease;border:1px solid transparent}.workflow-action-btn.primary{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.workflow-action-btn.primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.workflow-action-btn.secondary{background:var(--surface-secondary);color:var(--text-primary);border-color:var(--border-medium)}.workflow-action-btn.secondary:hover{background:var(--surface-hover);border-color:var(--accent-color)}.workflow-action-btn.danger{background:var(--surface-secondary);color:var(--error-color);border-color:var(--border-medium)}.workflow-action-btn.danger:hover:not(:disabled){background:#ef44441a;border-color:var(--error-color)}.workflow-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.workflow-tabs{display:flex;justify-content:space-between;align-items:center;background:var(--surface-primary);border-bottom:1px solid var(--border-light);padding:0 24px}.tabs-container{display:flex;gap:4px}.workflow-tab{display:flex;align-items:center;padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all var(--transition-speed-fast) ease;color:var(--text-secondary);font-size:14px;font-weight:500}.workflow-tab:hover{background:var(--surface-hover);color:var(--text-primary)}.workflow-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color);background:var(--surface-hover)}.tab-content{display:flex;align-items:center;gap:8px}.tab-badge{background:var(--accent-color);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.tabs-info{display:flex;align-items:center;gap:16px}.workflow-stats{display:flex;gap:16px}.stat-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.workflow-builder-content{flex:1;display:flex;overflow:hidden}.workflow-canvas-section{flex:1;display:flex;position:relative}.workflow-canvas-container{flex:1;display:flex;position:relative;background:var(--bg-secondary)}.node-toolbar{width:280px;background:var(--surface-primary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;overflow-y:auto}.toolbar-header{padding:20px;border-bottom:1px solid var(--border-light)}.toolbar-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px;display:flex;align-items:center;gap:8px}.toolbar-header p{font-size:12px;color:var(--text-secondary);margin:0}.toolbar-sections{flex:1;padding:16px 0}.toolbar-section{margin-bottom:24px}.toolbar-section h4{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 12px 20px}.toolbar-nodes{display:flex;flex-direction:column;gap:4px;padding:0 16px}.toolbar-node{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface-primary);border:1px solid var(--border-light);border-left:3px solid var(--border-light);border-radius:8px;cursor:grab;transition:all var(--transition-speed-fast) ease}.toolbar-node:hover{background:var(--surface-hover);transform:translate(4px);box-shadow:var(--shadow-sm)}.toolbar-node:active{cursor:grabbing}.toolbar-node-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px}.toolbar-node-info{flex:1}.toolbar-node-label{font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.toolbar-node-description{font-size:11px;color:var(--text-muted);line-height:1.3}.toolbar-footer{padding:16px 20px;border-top:1px solid var(--border-light);background:var(--surface-secondary)}.toolbar-tips h4{font-size:12px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.toolbar-tips ul{list-style:none;padding:0;margin:0}.toolbar-tips li{font-size:11px;color:var(--text-muted);margin-bottom:4px;padding-left:12px;position:relative}.toolbar-tips li:before{content:"•";position:absolute;left:0;color:var(--accent-color)}.workflow-canvas{flex:1;position:relative;overflow:hidden;background:var(--bg-secondary);cursor:default}.canvas-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,var(--border-light) 1px,transparent 1px);background-size:20px 20px;opacity:.5}.connections-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.connection-path{transition:stroke-width var(--transition-speed-fast) ease}.connection-path:hover{stroke-width:3}.connection-label{font-family:var(--font-mono, "Courier New", monospace);font-size:10px;opacity:.7}.workflow-node{position:absolute;width:200px;min-height:100px;background:var(--surface-primary);border:2px solid var(--border-medium);border-radius:12px;cursor:move;transition:all var(--transition-speed-fast) ease;box-shadow:var(--shadow-sm);z-index:2}.workflow-node:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.workflow-node.selected{border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f633,var(--shadow-md)}.node-header{padding:8px 12px;color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:10px 10px 0 0;display:flex;align-items:center;gap:6px}.node-body{padding:12px}.node-label{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.node-description{font-size:11px;color:var(--text-muted);line-height:1.3}.node-ports{position:absolute;top:0;height:100%}.input-ports{left:-6px}.output-ports{right:-6px}.node-port{position:absolute;width:12px;height:12px;background:var(--surface-primary);border:2px solid var(--accent-color);border-radius:50%;cursor:crosshair;transition:all var(--transition-speed-fast) ease;transform:translateY(-50%)}.node-port:hover{background:var(--accent-color);transform:translateY(-50%) scale(1.2)}.node-status{position:absolute;top:8px;right:8px}.canvas-controls{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:8px;background:var(--surface-primary);border:1px solid var(--border-light);border-radius:8px;padding:8px;box-shadow:var(--shadow-md);z-index:10}.canvas-control-btn{width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-speed-fast) ease;display:flex;align-items:center;justify-content:center}.canvas-control-btn:hover{background:var(--surface-hover);color:var(--accent-color)}.zoom-indicator{font-size:12px;color:var(--text-muted);font-weight:500;padding:0 8px}.workflow-properties-panel{width:320px;background:var(--surface-primary);border-left:1px solid var(--border-light);display:flex;flex-direction:column;overflow:hidden}.properties-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-light)}.node-info{display:flex;align-items:center;gap:12px}.node-type-icon{width:40px;height:40px;border-radius:8px;background:var(--surface-secondary);display:flex;align-items:center;justify-content:center;font-size:18px}.node-details h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.node-id{font-size:11px;color:var(--text-muted);font-family:var(--font-mono, "Courier New", monospace)}.close-btn{width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-speed-fast) ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--surface-hover);color:var(--error-color)}.properties-content{flex:1;overflow-y:auto;padding:20px}.config-section{margin-bottom:24px}.config-section h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.config-field{margin-bottom:16px}.config-field label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.config-field input,.config-field select,.config-field textarea{width:100%;padding:8px 12px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;background:var(--surface-primary);color:var(--text-primary);transition:border-color var(--transition-speed-fast) ease}.config-field input:focus,.config-field select:focus,.config-field textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a}.config-field input[type=range]{padding:0}.range-value{font-size:11px;color:var(--text-muted);margin-left:8px}.position-inputs{display:flex;gap:8px}.position-inputs input{flex:1}.config-field input[type=checkbox]{width:auto;margin-right:8px}.properties-footer{padding:20px;border-top:1px solid var(--border-light);display:flex;gap:12px;justify-content:flex-end}.properties-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-speed-fast) ease;border:1px solid transparent}.properties-btn.primary{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.properties-btn.primary:hover{background:var(--accent-hover)}.properties-btn.secondary{background:var(--surface-secondary);color:var(--text-primary);border-color:var(--border-medium)}.properties-btn.secondary:hover{background:var(--surface-hover)}.workflow-code-section{flex:1;display:flex;flex-direction:column;background:var(--surface-primary)}.code-view-container{flex:1;display:flex;flex-direction:column}.code-tabs{display:flex;background:var(--surface-secondary);border-bottom:1px solid var(--border-light)}.code-tab{padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-speed-fast) ease}.code-tab:hover{background:var(--surface-hover);color:var(--text-primary)}.code-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color);background:var(--surface-primary)}.code-editor{flex:1;overflow:auto;background:#1e1e1e}.code-content{padding:20px;margin:0;font-family:var(--font-mono, "Courier New", monospace);font-size:12px;line-height:1.5;color:#d4d4d4;background:transparent;white-space:pre-wrap}.workflow-versions-section,.workflow-debug-section{flex:1;display:flex;align-items:center;justify-content:center;background:var(--surface-primary)}.versions-placeholder,.debug-placeholder{text-align:center;max-width:400px;padding:40px}.versions-placeholder h3,.debug-placeholder h3{font-size:24px;font-weight:600;color:var(--text-primary);margin:16px 0}.versions-placeholder p,.debug-placeholder p{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.version-features,.debug-features{display:flex;flex-direction:column;gap:12px;margin-top:24px}.feature-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface-secondary);border-radius:8px;font-size:13px;color:var(--text-primary)}.feature-item i{color:var(--accent-color);width:16px;text-align:center}.workflow-status-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:var(--surface-secondary);border-top:1px solid var(--border-light);font-size:12px}.status-info{display:flex;gap:20px}.status-item{display:flex;align-items:center;gap:6px;color:var(--text-muted)}.status-item i{color:var(--accent-color)}.status-actions{display:flex;gap:12px}.status-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--border-medium);border-radius:6px;font-size:11px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-speed-fast) ease}.status-toggle:hover{background:var(--surface-hover);border-color:var(--accent-color);color:var(--accent-color)}.agents-store-container{padding:32px;max-width:1400px;margin:0 auto;background:transparent}.agents-store-header{margin-bottom:32px;background:#fffffff2;border-radius:16px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(43,108,176,.1);box-shadow:var(--shadow-medium)}.agents-store-header-content{display:flex;justify-content:space-between;align-items:center;gap:32px}.agents-store-title-section{flex:1}.agents-store-title{font-size:32px;font-weight:700;color:var(--primary-color);margin-bottom:8px;display:flex;align-items:center;gap:12px}.agents-store-title i{font-size:28px;color:var(--secondary-color)}.agents-store-subtitle{font-size:16px;color:#64748b;margin:0}.agents-store-stats{display:flex;gap:24px}.stat-item{text-align:center;padding:16px 24px;background:#2b6cb00d;border-radius:12px;border:1px solid rgba(43,108,176,.1)}.stat-number{display:block;font-size:24px;font-weight:700;color:var(--primary-color);margin-bottom:4px}.stat-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.agents-store-filters{margin-bottom:24px;background:#fffffff2;border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(43,108,176,.1);box-shadow:var(--shadow-light)}.filters-row{display:flex;gap:24px;align-items:center;margin-bottom:24px}.search-section{flex:1}.categories-row{display:flex;gap:12px;flex-wrap:wrap}.category-filter{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all var(--transition-speed-fast)}.category-filter:hover{border-color:var(--primary-color);background:#2b6cb00d;color:var(--primary-color)}.category-filter.active{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.category-count{background:#fff3;padding:2px 6px;border-radius:6px;font-size:12px;font-weight:600}.category-filter.active .category-count{background:#ffffff4d}.results-info{margin-bottom:24px;padding:0 4px}.results-info p{font-size:14px;color:#64748b;margin:0}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;margin-bottom:32px}.agent-card{background:#fffffff2;border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(43,108,176,.1);position:relative;overflow:hidden}.agent-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.agent-icon-section{display:flex;align-items:center;gap:12px}.agent-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.agent-status{display:flex;align-items:center;gap:6px}.status-text{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.agent-version{background:#f1f5f9;color:#475569;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600}.agent-card-content{margin-bottom:20px}.agent-name{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.agent-description{font-size:14px;color:#64748b;line-height:1.5;margin-bottom:16px}.agent-capabilities{margin-bottom:16px}.capabilities-title{font-size:13px;font-weight:600;color:#475569;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.capabilities-list{display:flex;flex-wrap:wrap;gap:6px}.capability-tag{background:#2b6cb01a;color:var(--primary-color);padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.capability-tag.more{background:#f1f5f9;color:#64748b}.agent-tags{display:flex;flex-wrap:wrap;gap:6px}.agent-tag{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.agent-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f1f5f9;gap:12px;flex-wrap:wrap}.agent-stats{display:flex;gap:16px}.agent-stats .stat-item{display:flex;align-items:center;gap:6px;background:none;padding:0;border:none;border-radius:0}.agent-stats .stat-item i{color:#94a3b8;font-size:12px}.agent-stats .stat-item span{font-size:12px;color:#64748b;font-weight:500}.agent-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.use-agent-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-speed-fast);white-space:nowrap}.use-agent-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2b6cb04d;background:linear-gradient(135deg,var(--primary-color),var(--primary-color))}.use-agent-btn:active{transform:translateY(0)}.use-agent-btn i{font-size:12px}.action-btn{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all var(--transition-speed-fast)}.action-btn.primary{background:var(--primary-color);color:#fff}.action-btn.primary:hover{background:var(--primary-color);transform:scale(1.05)}.action-btn.secondary{background:#f1f5f9;color:#64748b}.action-btn.secondary:hover{background:#e2e8f0;color:var(--primary-color);transform:scale(1.05)}.no-results{text-align:center;padding:64px 32px;background:#fffffff2;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(43,108,176,.1)}.no-results-icon{width:80px;height:80px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.no-results-icon i{font-size:32px;color:#94a3b8}.no-results h3{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.no-results p{font-size:16px;color:#64748b;margin:0}#adminDashboardSection{background-color:var(--bg-secondary);display:flex;flex-direction:column;flex:1}.admin-dashboard-layout{display:flex;flex:1;background-color:var(--surface-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-light);overflow:hidden}.admin-dashboard-sidebar{width:260px;background-color:#f0f4f8;border-right:1px solid var(--border-light);padding:20px 0;display:flex;flex-direction:column;box-shadow:var(--shadow-light)}.admin-sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:0 8px 8px 0;color:#4a5568;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:3px}.admin-sidebar-nav-item:hover{background:#9b9b9b1a}.admin-sidebar-nav-item.active{background:var(--secondary-color);color:#fff;animation:adminActiveGlow 2s ease-in-out infinite}@keyframes adminActiveGlow{0%,to{box-shadow:inset 4px 0 #fff,0 4px 12px #2b6cb04d}50%{box-shadow:inset 4px 0 #fff,0 6px 18px #2b6cb066}}.admin-sidebar-nav-item i{width:18px;text-align:center;color:#718096;transition:color var(--transition-speed-fast)}.admin-sidebar-nav-item.active i{color:#fff}.admin-dashboard-main{flex:1;padding:25px;background-color:var(--surface-primary);overflow-y:auto}.admin-sub-section{display:none;animation:fadeInUp var(--transition-speed-normal) ease-out}.admin-sub-section.active{display:block}.admin-sub-section h2{font-size:22px;color:var(--text-primary);margin-bottom:15px;border-bottom:1px solid var(--border-light);padding-bottom:10px}.admin-sub-section p{font-size:14px;color:#555;margin-bottom:20px}.admin-placeholder-content{background-color:#f0f4f8;border:1px dashed #cbd5e0;border-radius:8px;padding:20px;text-align:center;color:#718096;font-style:italic;margin-top:15px}.admin-placeholder-content .placeholder-image{max-width:100%;height:auto;border-radius:6px;margin-top:15px;box-shadow:var(--shadow-light)}.admin-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:20px;font-size:13px;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-light)}.admin-table th,.admin-table td{padding:10px 15px;text-align:left;border-bottom:1px solid var(--border-light)}.admin-table th{background-color:#f8fafc;color:#4a5568;font-weight:600;text-transform:uppercase;font-size:12px}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:#2b6cb00d;transform:scale(1.01);box-shadow:0 2px 8px #2b6cb01a}.status-badge{display:inline-block;padding:3px 7px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.active{background-color:#c6f6d5;color:#2f855a;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{box-shadow:0 2px 8px #22c55e4d}50%{box-shadow:0 4px 12px #22c55e80}}.status-badge.inactive{background-color:#fed7d7;color:#c53030}.version-badge{display:inline-block;padding:3px 7px;border-radius:4px;font-size:11px;font-weight:500;background-color:#ebf8ff;color:#2b6cb0}.action-btn{background-color:var(--primary-color);color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn:hover{background:#2b6cb01a;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #2b6cb033}.log-list{list-style:none;margin-top:15px;background-color:#f0f4f8;border-radius:8px;padding:12px}.log-list li{background-color:var(--surface-primary);border:1px solid var(--border-light);border-radius:6px;padding:8px 12px;margin-bottom:6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:13px;color:#333}.log-list li:last-child{margin-bottom:0}.progress-bar-container{width:90%;background-color:#e2e8f0;border-radius:8px;height:22px;margin:20px auto;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0000001a}.progress-bar{height:100%;background-color:var(--primary-color);border-radius:8px;transition:width var(--transition-speed-normal) ease-in-out;display:flex;align-items:center;justify-content:flex-end;padding-right:8px}.progress-text{position:absolute;width:100%;text-align:center;color:var(--text-primary);font-weight:600;font-size:13px}.setting-item{display:flex;align-items:center;justify-content:space-between;background-color:var(--surface-primary);border:1px solid var(--border-light);border-radius:8px;padding:12px 18px;margin-bottom:10px;box-shadow:var(--shadow-light)}.setting-item label{font-size:14px;color:var(--text-primary);font-weight:500;flex-grow:1}.setting-item input[type=range]{width:150px;margin-left:15px;margin-right:8px;-webkit-appearance:none;height:4px;background:#e2e8f0;outline:none;border-radius:2px}.setting-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary-color);cursor:pointer;box-shadow:var(--shadow-light);-webkit-transition:background-color var(--transition-speed-fast),transform var(--transition-speed-fast);transition:background-color var(--transition-speed-fast),transform var(--transition-speed-fast)}.setting-item input[type=range]::-webkit-slider-thumb:hover{background:var(--primary-color);transform:scale(1.1)}.setting-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color);transition:accent-color var(--transition-speed-fast)}.profile-settings-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:opacity var(--transition-speed-normal) ease,visibility var(--transition-speed-normal) ease}.profile-settings-modal-overlay.show{opacity:1;visibility:visible}.profile-settings-modal-content{background-color:var(--surface-primary);border-radius:12px;box-shadow:var(--shadow-xl);width:90%;max-width:850px;height:85%;max-height:650px;display:flex;flex-direction:column;position:relative;padding:30px;animation:scaleIn var(--transition-speed-normal) ease-out}.profile-settings-close-btn{position:absolute;top:18px;right:18px;background:none;border:none;font-size:22px;color:#777;cursor:pointer;transition:color var(--transition-speed-fast),transform var(--transition-speed-fast);padding:5px;border-radius:50%;margin-bottom:10px}.profile-settings-close-btn:hover{color:#3d3d3d;border-radius:50%}.profile-settings-modal-title{font-size:26px;font-weight:700;color:var(--text-primary);margin-bottom:25px;text-align:center}.profile-settings-sections{display:flex;flex:1;overflow:hidden}.profile-section-nav{width:200px;padding-right:20px;border-right:1px solid var(--border-light);display:flex;flex-direction:column;gap:8px}.profile-section-nav-item{display:flex;align-items:center;gap:10px;padding:10px 15px;border-radius:8px;color:#4a5568;font-size:14px;font-weight:500;cursor:pointer}.profile-section-nav-item:hover{background:#2b6cb01a;box-shadow:0 4px 12px #2b6cb026}.profile-section-nav-item.active{background:var(--secondary-color);color:#fff;box-shadow:inset 4px 0 #fff,0 4px 12px #2b6cb04d;animation:profileActiveGlow 2s ease-in-out infinite}@keyframes profileActiveGlow{0%,to{box-shadow:inset 4px 0 #fff,0 4px 12px #2b6cb04d}50%{box-shadow:inset 4px 0 #fff,0 6px 18px #2b6cb066}}.profile-section-nav-item i{width:18px;text-align:center;color:#718096;transition:color var(--transition-speed-fast)}.profile-section-nav-item.active i{color:#fff}.profile-section-main{flex:1;padding-left:25px;overflow-y:auto}.profile-sub-section{display:none;animation:fadeInUp var(--transition-speed-normal) ease-out}.profile-sub-section.active{display:block}.profile-sub-section h3{font-size:20px;color:var(--text-primary);margin-bottom:12px;border-bottom:1px solid var(--border-light);padding-bottom:8px}.profile-sub-section p{font-size:13px;color:#555;margin-bottom:20px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f4f8}.setting-row:last-child{border-bottom:none}.setting-row label{font-size:14px;color:var(--text-primary);font-weight:500;flex-grow:1}.profile-input-readonly{background-color:#f8fafc;border:1px solid var(--border-light);border-radius:6px;padding:7px 10px;font-size:13px;color:#555;width:220px;margin-left:15px}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch label{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:var(--transition-speed-fast);border-radius:22px}.toggle-switch label:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:var(--transition-speed-fast);border-radius:50%}.toggle-switch input:checked+label{background-color:var(--primary-color)}.toggle-switch input:focus+label{box-shadow:0 0 1px var(--primary-color)}.toggle-switch input:checked+label:before{transform:translate(18px)}.theme-options{display:flex;gap:8px}.theme-btn{background-color:#f0f4f8;color:#4a5568;border:1px solid var(--border-light);padding:7px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px}.theme-btn:hover{background:#2b6cb01a;transform:scale(1.05);box-shadow:0 4px 12px #2b6cb033}.theme-btn.active{background:var(--primary-color);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #2b6cb04d;animation:themeActivePulse 2s ease-in-out infinite}@keyframes themeActivePulse{0%,to{box-shadow:0 4px 12px #2b6cb04d}50%{box-shadow:0 6px 18px #2b6cb066}}.dropdown-select{padding:7px 25px 7px 12px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;color:#555;background-color:#f8fafc;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%20viewBox%3D%220%200%20292.4%20292.4%22%3E%3Cpath%20fill%3D%22%23718096%22%20d%3D%22M287%20197.3L159.9%2069.2c-3.7-3.7-9.8-3.7-13.5%200L5.4%20197.3c-3.7%203.7-3.7%209.8%200%2013.5l14.3%2014.3c3.7%203.7%209.8%203.7%2013.5%200l109.5-109.5L259.2%20225.1c3.7%203.7%209.8%203.7%2013.5%200l14.3-14.3c3.6-3.7%203.6-9.8-.1-13.5z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 8px top 50%;background-size:10px auto;cursor:pointer}.new-interface-upload-button{background:#3b82f61a;color:var(--accent-color);border:1px solid rgba(59,130,246,.2)}.new-interface-upload-button input{display:none}.new-interface-voice-button{background:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.new-interface-voice-button.listening{background:#ef444426;color:var(--error-color);border-color:#ef44444d;animation:pulse 1.5s ease-in-out infinite}.new-interface-send-button{background:linear-gradient(135deg,var(--accent-color) 0%,#1d4ed8 100%);color:#fff;border:none;box-shadow:0 4px 12px #3b82f64d}.new-interface-send-button:disabled{background:var(--border-medium);color:var(--text-light);box-shadow:none}.new-interface-agent-dropdown{position:relative;flex-shrink:0}.new-interface-dropdown-menu{position:absolute;bottom:100%;left:0;margin-bottom:8px;background:var(--surface-primary);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 12px 32px #00000026;min-width:220px;z-index:1000;opacity:0;visibility:hidden;overflow:hidden}.new-interface-dropdown-menu.show{opacity:1;visibility:visible}.new-interface-dropdown-item{display:flex;align-items:center;gap:12px;padding:14px 18px;font-size:14px;color:var(--text-primary);cursor:pointer;border-bottom:1px solid var(--border-light)}.new-interface-dropdown-item:last-child{border-bottom:none}.new-interface-dropdown-item:hover{background:var(--surface-hover);color:var(--accent-color)}.new-interface-dropdown-item i{font-size:16px;width:20px;text-align:center;color:var(--accent-color)}@media (max-width: 768px){.new-interface-chat-input-container{left:0;padding:16px}.new-interface-chat-input-container.centered{left:0;right:0;transform:none;width:auto;max-width:none;padding:16px}}.simple-chat-input-wrapper{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:90%;max-width:800px;z-index:100;overflow:visible;padding-top:150px}.agent-selector{position:relative;flex-shrink:0;z-index:1000}.agent-button{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:24px;font-size:14px;color:#374151;cursor:pointer;outline:none;white-space:nowrap}.agent-button:hover{background:#e5e7eb;border-color:#9ca3af}.agent-button:disabled{opacity:.6;cursor:not-allowed}.agent-dropdown{position:absolute;top:auto;bottom:100%;left:0;margin-bottom:12px;background:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 -4px 25px #00000026;min-width:200px;z-index:1001;overflow:hidden;display:block;opacity:1;visibility:visible;transform:translateY(0)}.agent-option{display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:14px;color:#374151;cursor:pointer;border-bottom:1px solid #f3f4f6}.agent-option:last-child{border-bottom:none}.agent-option:hover{background:#f9fafb}.agent-option i{width:16px;color:#3b82f6}.pill-input-bar{flex:1;display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50px;overflow:hidden;box-shadow:0 4px 16px #0000001a}.simple-input{flex:1;padding:16px 20px;border:none;outline:none;background:transparent;font-size:16px;color:#1f2937}.simple-input::-moz-placeholder{color:#9ca3af}.simple-input::placeholder{color:#9ca3af}.simple-input:disabled{opacity:.6}.input-actions{display:flex;align-items:center;gap:4px;padding:0 8px}.action-btn{width:36px;height:36px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;outline:none}.action-btn:disabled{opacity:.4;cursor:not-allowed}.upload-btn{background:#dbeafe;color:#3b82f6}.voice-btn{background:#dcfce7;color:#16a34a}.voice-btn.listening{background:#fee2e2;color:#dc2626}.send-btn{background:#3b82f6;color:#fff}.send-btn:disabled{background:#e5e7eb;color:#9ca3af}@media (max-width: 768px){.simple-chat-input-wrapper{width:calc(100% - 32px);left:50%;transform:translate(-50%)}.simple-input-container{flex-direction:column;gap:12px}.agent-button{width:100%;justify-content:center}.pill-input-bar{width:100%}}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#2d5016,#1a3009)!important;color:#e8f5e8!important;display:flex;align-items:center;justify-content:center;font-weight:700!important;font-size:14px}.role-select{padding:6px 12px;border:1px solid #dee2e6;border-radius:4px;font-size:13px;background:#fff}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.status-badge.success{background:#d4edda;color:#155724}.status-badge.error,.status-badge.blocked{background:#f8d7da;color:#721c24}.action-btn{padding:6px 12px;border:1px solid #dee2e6;border-radius:4px;background:#fff;color:#495057;font-size:12px;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#f8f9fa}.action-btn.edit{color:#1976d2;border-color:#1976d2}.action-btn.delete{color:#dc3545;border-color:#dc3545}.action-btn.view{color:#28a745;border-color:#28a745}.stat-card{background:#fff;padding:20px;border-radius:8px;border:1px solid #e9ecef;display:flex;align-items:center;gap:16px}.stat-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.stat-icon.active{background:#d4edda;color:#155724}.stat-icon.inactive{background:#f8d7da;color:#721c24}.stat-icon.usage{background:#cce5ff;color:#0056b3}.stat-info h4{margin:0;font-size:24px;font-weight:700;color:#212529}.stat-info span{color:#6c757d;font-size:14px}.agent-icon{width:32px;height:32px;border-radius:6px;background:#e3f2fd;color:#1976d2;display:flex;align-items:center;justify-content:center}.type-badge{padding:4px 8px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;font-size:12px;color:#495057}.version-badge{padding:4px 8px;background:#e3f2fd;color:#1976d2;border-radius:4px;font-size:12px;font-family:monospace}.usage-bar{position:relative;width:100px;height:20px;background:#f1f3f4;border-radius:10px;overflow:hidden}.usage-fill{height:100%;background:linear-gradient(90deg,#28a745,#ffc107,#dc3545);border-radius:10px;transition:width .3s ease}.usage-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:600;color:#212529}.log-stat-card{background:#fff;padding:16px;border-radius:8px;border:1px solid #e9ecef;display:flex;align-items:center;gap:12px}.log-stat-card.critical{border-left:4px solid #dc3545}.log-stat-card.high{border-left:4px solid #fd7e14}.log-stat-card.blocked{border-left:4px solid #6f42c1}.log-stat-card.success{border-left:4px solid #28a745}.log-stat-card.critical .log-stat-icon{background:#f8d7da;color:#721c24}.log-stat-card.high .log-stat-icon{background:#ffeaa7;color:#856404}.log-stat-card.blocked .log-stat-icon{background:#e2d9f3;color:#6f42c1}.log-stat-card.success .log-stat-icon{background:#d4edda;color:#155724}.log-stat-info h4{margin:0;font-size:20px;font-weight:700;color:#212529}.log-stat-info span{color:#6c757d;font-size:13px}.logs-filters{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.filter-group label{font-size:12px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px}.filter-group select{padding:6px 12px;border:1px solid #dee2e6;border-radius:4px;font-size:13px;background:#fff}.logs-container{background:#fff;border-radius:8px;border:1px solid #e9ecef;overflow:hidden}.logs-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.logs-table-header h3{margin:0;color:#212529;font-size:16px;font-weight:600}.refresh-btn,.auto-refresh-btn{width:32px;height:32px;border:1px solid #dee2e6;border-radius:4px;background:#fff;color:#6c757d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.refresh-btn:hover,.auto-refresh-btn:hover{background:#f8f9fa;color:#495057}.auto-refresh-btn.active{background:#28a745;color:#fff;border-color:#28a745}.logs-table th{background:#f8f9fa;padding:12px 16px;text-align:left;font-weight:600;color:#495057;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #dee2e6;position:sticky;top:0;z-index:10}.logs-table td{padding:12px 16px;border-bottom:1px solid #f1f3f4;vertical-align:top;font-size:13px}.log-row:hover{background:#f8f9fa}.log-row.critical{border-left:3px solid #dc3545}.log-row.high{border-left:3px solid #fd7e14}.log-row.medium{border-left:3px solid #ffc107}.log-row.low{border-left:3px solid #17a2b8}.log-row.info{border-left:3px solid #6c757d}.timestamp{font-family:monospace;color:#6c757d;font-size:12px}.log-type-badge.security{background:#f8d7da;color:#721c24}.log-type-badge.system{background:#cce5ff;color:#0056b3}.log-type-badge.agent{background:#e2d9f3;color:#6f42c1}.severity-badge.critical{background:#dc3545;color:#fff}.severity-badge.high{background:#fd7e14;color:#fff}.severity-badge.medium{background:#ffc107;color:#212529}.severity-badge.low{background:#17a2b8;color:#fff}.severity-badge.info{background:#6c757d;color:#fff}.event-title{font-weight:600;color:#212529;margin-bottom:4px}.event-details{color:#6c757d;font-size:12px;line-height:1.4}.ip-cell code{background:#f8f9fa;padding:2px 6px;border-radius:3px;font-size:11px}.log-action-btn{width:28px;height:28px;border:1px solid #dee2e6;border-radius:4px;background:#fff;color:#6c757d;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease}.log-action-btn:hover{background:#f8f9fa;color:#495057}.log-action-btn.ban{color:#dc3545;border-color:#dc3545}.log-action-btn.ban:hover{background:#f8d7da}.security-alerts h3{margin:0 0 16px;color:#212529;font-size:18px;font-weight:600}.alert-card{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e9ecef;border-left:4px solid #dc3545}.alert-card.critical{border-left-color:#dc3545;background:#fef8f8}.alert-card.high{border-left-color:#fd7e14;background:#fffaf7}.alert-icon{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;background:#f8d7da;color:#721c24;flex-shrink:0}.alert-card.high .alert-icon{background:#ffeaa7;color:#856404}.alert-content h4{margin:0 0 8px;color:#212529;font-size:14px;font-weight:600}.alert-content p{margin:0 0 12px;color:#6c757d;font-size:13px;line-height:1.4}.alert-btn{padding:4px 12px;border:1px solid #dee2e6;border-radius:4px;background:#fff;color:#495057;font-size:12px;cursor:pointer;transition:all .2s ease}.alert-btn:hover{background:#f8f9fa}.alert-btn.block{background:#dc3545;color:#fff;border-color:#dc3545}.alert-btn.investigate{background:#1976d2;color:#fff;border-color:#1976d2}.alert-btn.monitor{background:#28a745;color:#fff;border-color:#28a745}.alert-btn.contact{background:#17a2b8;color:#fff;border-color:#17a2b8}.alert-time{color:#6c757d;font-size:12px;flex-shrink:0}.admin-placeholder-content{padding:20px;text-align:center;color:#6c757d}.placeholder-image{margin:20px 0;border-radius:8px}.progress-bar-container{position:relative;width:300px;height:20px;background:#f1f3f4;border-radius:10px;margin:20px auto;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#28a745,#ffc107);border-radius:10px;transition:width .3s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:600;color:#212529}.setting-item label{font-weight:500;color:#495057}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#212529;color:#fff;padding:6px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;margin-bottom:4px}[data-tooltip]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#212529;z-index:1000}.admin-dashboard-layout{display:flex;height:100%;background:#f5f5f5}.admin-dashboard-sidebar{width:280px;background:#fafafa;border-right:1px solid #e0e0e0;padding:20px 0}.admin-sidebar-nav-item{display:flex;align-items:center;padding:14px 24px;cursor:pointer;border-left:3px solid transparent;color:#757575;font-size:14px}.admin-sidebar-nav-item.active{background:#f0f0f0;color:#424242;border-left-color:#757575}.admin-sidebar-nav-item i{margin-right:12px;width:20px;text-align:center;font-size:16px;color:#9e9e9e}.admin-sidebar-nav-item.active i{color:#616161}.admin-sidebar-nav-item span{font-weight:500}.admin-dashboard-main{flex:1;padding:24px;overflow-y:auto}.admin-sub-section{background:#fff;border-radius:6px;padding:24px;border:1px solid #e0e0e0}.admin-sub-section h2{margin:0 0 8px;color:#424242;font-size:24px;font-weight:600}.admin-sub-section p{margin:0 0 24px;color:#757575;font-size:14px}.admin-actions-bar{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.admin-btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer}.admin-btn.primary{background:#616161;color:#fff}.admin-btn.secondary{background:#f5f5f5;color:#616161;border:1px solid #e0e0e0}.admin-search{position:relative;margin-left:auto}.admin-search input{padding:8px 36px 8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;width:250px;background:#fafafa}.admin-search i{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9e9e9e}.admin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden;border:1px solid #e0e0e0}.admin-table th{background:#fafafa;padding:12px 16px;text-align:left;font-weight:600;color:#616161;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e0e0e0}.admin-table td{padding:16px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.admin-table tbody tr:hover{background:#fafafa}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:32px;height:32px;border-radius:50%;background:#9e9e9e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.role-select{padding:6px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;background:#fff}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#e8f5e8;color:#2e7d32}.status-badge.inactive{background:#fce4ec;color:#c62828}.status-badge.success{background:#e8f5e8;color:#2e7d32}.status-badge.error,.status-badge.blocked{background:#fce4ec;color:#c62828}.action-buttons{display:flex;gap:8px;align-items:center}.action-btn{padding:6px 12px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;color:#616161;font-size:12px;cursor:pointer}.action-btn.edit{color:#757575;border-color:#bdbdbd}.action-btn.delete{color:#e57373;border-color:#e57373}.action-btn.view{color:#81c784;border-color:#81c784}.agent-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;padding:20px;border-radius:6px;border:1px solid #e0e0e0;display:flex;align-items:center;gap:16px}.stat-icon{width:48px;height:48px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:20px}.stat-icon.active{background:#f1f8e9;color:#689f38}.stat-icon.inactive{background:#fce4ec;color:#ad1457}.stat-info h4{margin:0;font-size:24px;font-weight:700;color:#424242}.stat-info span{color:#757575;font-size:14px}.agent-info{display:flex;align-items:center;gap:12px}.agent-icon{width:32px;height:32px;border-radius:6px;background:#f5f5f5;color:#757575;display:flex;align-items:center;justify-content:center}.type-badge{padding:4px 8px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;font-size:12px;color:#616161}.version-badge{padding:4px 8px;background:#f0f0f0;color:#757575;border-radius:4px;font-size:12px;font-family:monospace}.usage-bar{position:relative;width:100px;height:20px;background:#f0f0f0;border-radius:10px;overflow:hidden}.usage-fill{height:100%;background:gray;border-radius:10px}.usage-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:600;color:#424242}.logs-header{margin-bottom:24px}.logs-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.log-stat-card{background:#fff;padding:16px;border-radius:6px;border:1px solid #e0e0e0;display:flex;align-items:center;gap:12px}.log-stat-card.critical{border-left:4px solid #e57373}.log-stat-card.high{border-left:4px solid #ffb74d}.log-stat-card.blocked{border-left:4px solid #ba68c8}.log-stat-card.success{border-left:4px solid #81c784}.log-stat-icon{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px}.log-stat-card.critical .log-stat-icon{background:#fce4ec;color:#ad1457}.log-stat-card.high .log-stat-icon{background:#fff3e0;color:#f57c00}.log-stat-card.blocked .log-stat-icon{background:#f3e5f5;color:#8e24aa}.log-stat-card.success .log-stat-icon{background:#f1f8e9;color:#689f38}.log-stat-info h4{margin:0;font-size:20px;font-weight:700;color:#424242}.log-stat-info span{color:#757575;font-size:13px}.logs-filters{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding:16px;background:#fafafa;border-radius:6px;border:1px solid #e0e0e0}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{font-size:12px;font-weight:600;color:#616161;text-transform:uppercase;letter-spacing:.5px}.filter-group select{padding:6px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;background:#fff}.filter-actions{margin-left:auto;display:flex;gap:8px}.logs-container{background:#fff;border-radius:6px;border:1px solid #e0e0e0;overflow:hidden}.logs-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fafafa;border-bottom:1px solid #e0e0e0}.logs-table-header h3{margin:0;color:#424242;font-size:16px;font-weight:600}.logs-controls{display:flex;gap:8px}.refresh-btn,.auto-refresh-btn{width:32px;height:32px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;color:#757575;cursor:pointer;display:flex;align-items:center;justify-content:center}.auto-refresh-btn.active{background:#81c784;color:#fff;border-color:#81c784}.logs-table-container{max-height:500px;overflow-y:auto}.logs-table{width:100%;border-collapse:collapse}.logs-table th{background:#fafafa;padding:12px 16px;text-align:left;font-weight:600;color:#616161;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:10}.logs-table td{padding:12px 16px;border-bottom:1px solid #f0f0f0;vertical-align:top;font-size:13px}.log-row:hover{background:#fafafa}.log-row.critical{border-left:3px solid #e57373}.log-row.high{border-left:3px solid #ffb74d}.log-row.medium{border-left:3px solid #fff176}.log-row.low{border-left:3px solid #4fc3f7}.log-row.info{border-left:3px solid #9e9e9e}.timestamp{font-family:monospace;color:#9e9e9e;font-size:12px}.log-type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.log-type-badge.security{background:#fce4ec;color:#ad1457}.log-type-badge.system{background:#e3f2fd;color:#1976d2}.log-type-badge.agent{background:#f3e5f5;color:#8e24aa}.severity-badge{padding:3px 6px;border-radius:3px;font-size:11px;font-weight:600;text-transform:uppercase}.severity-badge.critical{background:#e57373;color:#fff}.severity-badge.high{background:#ffb74d;color:#fff}.severity-badge.medium{background:#fff176;color:#424242}.severity-badge.low{background:#4fc3f7;color:#fff}.severity-badge.info{background:#9e9e9e;color:#fff}.event-cell{max-width:200px}.event-title{font-weight:600;color:#424242;margin-bottom:4px}.event-details{color:#757575;font-size:12px;line-height:1.4}.user-cell{font-family:monospace;font-size:12px}.ip-cell code{background:#f5f5f5;padding:2px 6px;border-radius:3px;font-size:11px}.log-actions{display:flex;gap:4px}.log-action-btn{width:28px;height:28px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;color:#757575;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px}.log-action-btn.ban{color:#e57373;border-color:#e57373}.security-alerts{margin-top:32px}.security-alerts h3{margin:0 0 16px;color:#424242;font-size:18px;font-weight:600}.alert-cards{display:flex;flex-direction:column;gap:12px}.alert-card{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#fff;border-radius:6px;border:1px solid #e0e0e0;border-left:4px solid #e57373}.alert-card.critical{border-left-color:#e57373;background:#fefefe}.alert-card.high{border-left-color:#ffb74d;background:#fefefe}.alert-icon{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;background:#fce4ec;color:#ad1457;flex-shrink:0}.alert-card.high .alert-icon{background:#fff3e0;color:#f57c00}.alert-content{flex:1}.alert-content h4{margin:0 0 8px;color:#424242;font-size:14px;font-weight:600}.alert-content p{margin:0 0 12px;color:#757575;font-size:13px;line-height:1.4}.alert-actions{display:flex;gap:8px}.alert-btn{padding:4px 12px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;color:#616161;font-size:12px;cursor:pointer}.alert-btn.block{background:#e57373;color:#fff;border-color:#e57373}.alert-btn.investigate{background:#757575;color:#fff;border-color:#757575}.alert-btn.monitor{background:#81c784;color:#fff;border-color:#81c784}.alert-btn.contact{background:#4fc3f7;color:#fff;border-color:#4fc3f7}.alert-time{color:#9e9e9e;font-size:12px;flex-shrink:0}.admin-placeholder-content{padding:20px;text-align:center;color:#757575}.placeholder-image{margin:20px 0;border-radius:6px}.progress-bar-container{position:relative;width:300px;height:20px;background:#f0f0f0;border-radius:10px;margin:20px auto;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#81c784,#ffb74d);border-radius:10px}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:600;color:#424242}.setting-item{display:flex;align-items:center;gap:12px;margin:16px 0;justify-content:center}.setting-item label{font-weight:500;color:#616161}.setting-item input[type=range]{width:200px}.setting-item input[type=checkbox]{width:16px;height:16px}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#424242;color:#fff;padding:6px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;margin-bottom:4px}[data-tooltip]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#424242;z-index:1000}.input-actions{display:flex;align-items:center;gap:8px;padding-right:8px}.action-btn{width:36px;height:36px;border-radius:50%;border:none;background:#f5f5f5;color:#757575;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.action-btn:hover{background:#e0e0e0;color:#424242}.action-btn:disabled{opacity:.5;cursor:not-allowed}.voice-btn.listening{background:#e57373;color:#fff}.voice-btn.listening:hover{background:#ef5350}.send-btn{background:#757575;color:#fff}.send-btn:hover{background:#616161}.send-btn:disabled{background:#e0e0e0;color:#9e9e9e}.upload-btn{background:#9e9e9e;color:#fff}.upload-btn:hover{background:#757575}.pill-input-bar{display:flex;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:25px;padding:4px;flex:1}.simple-input{flex:1;border:none;outline:none;padding:12px 16px;font-size:14px;background:transparent}.simple-input::-moz-placeholder{color:#9e9e9e}.simple-input::placeholder{color:#9e9e9e}.simple-chat-form{width:100%}.simple-input-container{display:flex;align-items:center;gap:12px;width:100%}.simple-chat-input-wrapper{padding:12px 24px;background:#fafafa;border-top:1px solid #e0e0e0;border-radius:15px}.user-menu{position:relative;display:inline-block}.user-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#4c5f4e1a;border:1px solid rgba(76,95,78,.2);border-radius:6px;cursor:pointer;color:#4c5f4e;font-size:14px}.user-trigger:hover{background:#4c5f4e26}.user-avatar{width:28px;height:28px;border-radius:50%;background:#4a90e2;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;min-width:200px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#424242;font-size:14px;cursor:pointer;border-bottom:1px solid #f5f5f5}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f8f9fa}.dropdown-item.logout{color:#e57373}.dropdown-item.logout:hover{background:#fce4ec}.dropdown-item i{width:16px;text-align:center;color:#757575}.dropdown-item.logout i{color:#e57373}.dropdown-divider{height:1px;background:#e0e0e0;margin:4px 0}.dark-header{background:linear-gradient(135deg,#faf8f5,#e8e2d5);color:#4c5f4e;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #C6C0B3}.header-left{flex:1}.breadcrumb-nav{display:flex;align-items:center;gap:8px;font-size:14px}.breadcrumb-link{color:#6b7b6d;text-decoration:none;display:flex;align-items:center;gap:6px}.breadcrumb-link:hover{color:#4c5f4e}.breadcrumb-nav i.fa-chevron-right{color:#8a9a8c;font-size:12px}.current-page{color:#4c5f4e;font-weight:500}.header-right{display:flex;align-items:center}.header-actions{display:flex;align-items:center;gap:20px}.header-link{color:#6b7b6d;text-decoration:none;font-size:14px;padding:8px 12px;border-radius:4px}.header-link:hover{color:#4c5f4e;background:#4c5f4e1a}.agent-selector-container{position:relative}.agent-selector-button{background:#4c5f4e1a;border:1px solid rgba(76,95,78,.2);border-radius:6px;padding:8px 12px;color:#4c5f4e;cursor:pointer;font-size:14px}.agent-selector-button:hover{background:#4c5f4e26}.agent-selector-content{display:flex;align-items:center;gap:8px}.agent-icon{color:#4a90e2}.agent-name{font-weight:500}.dropdown-arrow{font-size:12px;transition:transform .2s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.agent-dropdown-menu{position:absolute;top:100%;left:0;margin-top:8px;min-width:280px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden}.dropdown-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8f9fa;color:#424242;font-weight:600;font-size:14px;border-bottom:1px solid #e0e0e0}.agent-dropdown-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f5f5f5}.agent-dropdown-item:last-child{border-bottom:none}.agent-dropdown-item:hover{background:#f8f9fa}.agent-dropdown-item.active{background:#e3f2fd;border-left:3px solid #2196f3}.agent-item-content{display:flex;align-items:center;gap:12px}.agent-item-icon{width:20px;text-align:center;color:#757575;font-size:16px}.agent-dropdown-item.active .agent-item-icon{color:#2196f3}.agent-item-details{display:flex;flex-direction:column;gap:2px}.agent-item-name{font-weight:500;color:#424242;font-size:14px}.agent-item-description{color:#757575;font-size:12px;line-height:1.3}.chat-tabs{display:flex;border-bottom:2px solid #e9ecef;margin-bottom:20px;background:#fff;border-radius:8px 8px 0 0;overflow:hidden}.chat-tabs .tab{flex:1;padding:12px 20px;background:#f8f9fa;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem;font-weight:500;color:#6c757d;transition:all .2s ease;border-bottom:3px solid transparent}.chat-tabs .tab:hover:not(:disabled){background:#e9ecef;color:#495057}.chat-tabs .tab.active{background:#fff;color:#007bff;border-bottom-color:#007bff}.chat-tabs .tab:disabled{opacity:.5;cursor:not-allowed;color:#adb5bd}.chat-tabs .tab i{font-size:.9rem}@media (max-width: 768px){.chat-tabs .tab{padding:10px 15px;font-size:.85rem}.chat-tabs .tab span{display:none}}.file\:mr-4::file-selector-button{margin-right:1rem}.file\:rounded-lg::file-selector-button{border-radius:.5rem}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-blue-50::file-selector-button{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.file\:px-4::file-selector-button{padding-left:1rem;padding-right:1rem}.file\:py-2::file-selector-button{padding-top:.5rem;padding-bottom:.5rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-semibold::file-selector-button{font-weight:600}.file\:text-blue-700::file-selector-button{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:file\:bg-blue-100::file-selector-button:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-opacity-75:focus{--tw-ring-opacity: .75}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}