@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.email-workspace{background-color:var(--bg-primary);width:100%;height:calc(100vh - 64px);display:flex;position:relative;overflow:hidden}.email-sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:250px;padding:16px 12px;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;overflow-y:auto}.email-sidebar.collapsed{width:78px;padding:16px 8px}.compose-btn-wrapper{margin-bottom:20px}.compose-btn{background-color:var(--brand-light);width:100%;color:var(--brand-primary);box-shadow:var(--shadow-sm);border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:14px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.compose-btn:hover{background-color:var(--brand-primary);color:#fff;box-shadow:var(--shadow-md)}.email-sidebar.collapsed .compose-btn{border-radius:50%;width:48px;height:48px;margin:0 auto;padding:14px 0}.sidebar-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);justify-content:space-between;align-items:center;margin:16px 8px 8px;font-size:.72rem;font-weight:700;display:flex}.email-sidebar.collapsed .sidebar-section-title{display:none}.sidebar-menu{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sidebar-menu-item{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:.88rem;font-weight:500;transition:all .15s ease-in-out;display:flex}.sidebar-menu-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-menu-item.active{background-color:var(--brand-light);color:var(--brand-primary);font-weight:600}.sidebar-item-left{align-items:center;gap:12px;min-width:0;display:flex}.sidebar-item-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.email-sidebar.collapsed .sidebar-item-label{display:none}.sidebar-item-badge{background-color:var(--bg-primary);color:var(--text-secondary);border-radius:10px;padding:2px 7px;font-size:.72rem;font-weight:600;transition:all .15s}.sidebar-menu-item.active .sidebar-item-badge{background-color:var(--brand-primary);color:#fff}.email-sidebar.collapsed .sidebar-item-badge{padding:2px 5px;font-size:.65rem;position:absolute;top:2px;right:2px}.email-list-panel{background-color:var(--bg-surface);border-right:1px solid var(--border-color);flex-direction:column;flex:1;min-width:320px;display:flex;overflow:hidden}.email-list-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-surface);flex-shrink:0;padding:12px 16px}.search-container{width:100%;position:relative}.search-input-field{background-color:var(--bg-primary);border-radius:var(--radius-lg);width:100%;color:var(--text-primary);border:1px solid #0000;padding:10px 42px 10px 38px;font-size:.9rem;transition:all .2s}.search-input-field:focus{background-color:var(--bg-surface);border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-light)}.search-icon-left{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-filter-toggle{color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:4px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-filter-toggle:hover{background-color:var(--bg-hover);color:var(--text-primary)}.advanced-filters-popup{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:40;flex-direction:column;gap:12px;margin-top:8px;padding:16px;display:flex;position:absolute;top:100%;left:0;right:0}.toolbar-actions{justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.toolbar-left{align-items:center;gap:12px;display:flex}.toolbar-btn{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition-normal);padding:6px}.toolbar-btn:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.filter-badges-container{border-bottom:1px solid var(--border-color);background-color:var(--bg-primary);gap:6px;padding:8px 16px;display:flex;overflow-x:auto}.filter-badge{border-radius:var(--radius-full);background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.filter-badge.active{background-color:var(--brand-light);border-color:var(--brand-primary);color:var(--brand-primary)}.filter-badge:hover{border-color:var(--brand-primary)}.email-list-rows{flex:1;overflow-y:auto}.email-row-item{border-bottom:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:10px 16px;transition:all .1s;display:flex;position:relative}.email-row-item:hover{background-color:var(--bg-hover);box-shadow:inset 2px 0 0 var(--brand-primary)}.email-row-item.active{background-color:var(--brand-light);box-shadow:inset 3px 0 0 var(--brand-primary)}.email-row-item.unread{background-color:var(--bg-surface)}.email-row-item.unread .row-sender,.email-row-item.unread .row-subject{color:var(--text-primary);font-weight:700}.email-row-left-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.checkbox-custom{cursor:pointer;width:15px;height:15px}.star-btn{color:var(--text-secondary);transition:transform .15s}.star-btn:hover{transform:scale(1.15)}.star-btn.starred{color:#fbbf24}.important-btn{color:var(--text-secondary);opacity:.5;transition:opacity .15s}.important-btn.important{color:var(--brand-primary);opacity:1}.row-sender{white-space:nowrap;text-overflow:ellipsis;width:150px;color:var(--text-secondary);flex-shrink:0;font-size:.88rem;overflow:hidden}.row-content-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row-subject-snippet{align-items:center;gap:8px;min-width:0;display:flex}.row-subject{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.row-snippet{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.row-badges{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.crm-badge{text-transform:uppercase;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:.68rem;font-weight:600;display:inline-flex}.crm-badge.ai{color:var(--brand-primary);background-color:#6366f11f}.crm-badge.pending{color:#d97706;background-color:#f59e0b1f}.crm-badge.approved{color:#059669;background-color:#10b9811f}.crm-badge.rejected{color:#dc2626;background-color:#ef44441f}.crm-badge.lead{color:#0284c7;background-color:#0ea5e91f}.row-right-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.row-time{color:var(--text-secondary);white-space:nowrap;font-size:.78rem}.row-hover-actions{background:linear-gradient(90deg, #ffffffb3 0%, var(--bg-surface) 20%);align-items:center;gap:4px;height:80%;padding-left:20px;display:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.email-row-item:hover .row-hover-actions{display:flex}.email-row-item.active:hover .row-hover-actions{background:linear-gradient(90deg, #e0e7ffb3 0%, var(--brand-light) 20%)}.row-hover-btn{border-radius:var(--radius-sm);color:var(--text-secondary);padding:6px;transition:all .1s}.row-hover-btn:hover{color:var(--text-primary);background-color:#0000000f}.reading-pane{background-color:var(--bg-surface);flex-direction:column;flex:1.3;display:flex;position:relative;overflow:hidden}.reading-pane-empty{height:100%;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.reading-pane-toolbar{border-bottom:1px solid var(--border-color);background-color:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.reading-pane-body{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.reading-subject-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}.reading-subject{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.thread-messages-list{flex-direction:column;gap:16px;display:flex}.thread-message-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-surface);overflow:hidden}.thread-message-header{background-color:var(--bg-primary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.thread-message-header-left{align-items:center;gap:12px;min-width:0;display:flex}.sender-avatar{background-color:var(--brand-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:600;display:flex}.sender-info{flex-direction:column;min-width:0;display:flex}.sender-name{color:var(--text-primary);font-size:.88rem;font-weight:600}.sender-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.thread-message-body{border-top:1px solid var(--border-color);color:var(--text-primary);overflow-wrap:break-word;word-break:break-word;background-color:#fff;padding:20px 18px;font-size:.9rem;line-height:1.65}.thread-message-body p{margin:0 0 12px}.thread-message-body>:first-child{margin-top:0}.thread-message-body>:last-child{margin-bottom:0}.thread-message-body ul,.thread-message-body ol{margin:0 0 12px;padding-left:22px}.thread-message-body li{margin-bottom:6px}.thread-message-body li:last-child{margin-bottom:0}.thread-message-body h1,.thread-message-body h2,.thread-message-body h3,.thread-message-body h4{margin:18px 0 8px;font-weight:700;line-height:1.3}.thread-message-body h1{font-size:1.25rem}.thread-message-body h2{font-size:1.1rem}.thread-message-body h3{font-size:1rem}.thread-message-body h4{font-size:.92rem}.thread-message-body a{color:var(--brand-primary);text-underline-offset:2px;text-decoration:underline}.thread-message-body blockquote{border-left:3px solid var(--border-color);color:var(--text-secondary);margin:0 0 12px;padding:6px 14px}.thread-message-body pre{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px 14px;font-size:.82rem;overflow-x:auto}.thread-message-body img{max-width:100%;height:auto}.thread-message-body table{border-collapse:collapse;max-width:100%;margin:0 0 12px;font-size:.85rem;display:block;overflow-x:auto}.thread-message-body th,.thread-message-body td{border:1px solid var(--border-color);text-align:left;padding:6px 10px}.thread-message-body th{background-color:var(--bg-primary);font-weight:600}.thread-message-body hr{border:none;border-top:1px solid var(--border-color);margin:16px 0}.attachments-wrapper{border-top:1px dashed var(--border-color);margin-top:16px;padding-top:12px}.attachments-title{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:8px;font-size:.8rem;font-weight:600;display:flex}.attachments-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.attachment-chip{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:8px;min-width:0;padding:8px 10px;transition:all .15s;display:flex}.attachment-chip:hover{background-color:var(--bg-hover);border-color:var(--brand-primary)}.attachment-info{flex-direction:column;min-width:0;display:flex}.attachment-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-size:.8rem;font-weight:500;overflow:hidden}.attachment-size{color:var(--text-secondary);font-size:.7rem}.reading-layout-split{flex:1;display:flex;overflow:hidden}.reading-main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.crm-context-sidebar{border-left:1px solid var(--border-color);background-color:var(--bg-surface);box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:16px;width:280px;padding:16px;display:flex;overflow-y:auto}.crm-context-sidebar>*{flex-shrink:0;width:100%}.crm-context-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);padding:12px}.crm-card-title{text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:8px;font-size:.8rem;font-weight:700;display:flex}.compose-window-popup{background-color:var(--bg-surface);border:1px solid var(--border-color);width:580px;height:600px;box-shadow:var(--shadow-lg);z-index:1000;border-radius:12px 12px 0 0;flex-direction:column;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;right:32px;overflow:hidden}.compose-window-popup.minimized{height:44px}.compose-window-popup.maximized{width:calc(100% - 64px);height:calc(100% - 64px);inset:32px}.compose-header-bar{background-color:var(--text-primary);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.compose-header-title{font-size:.9rem;font-weight:600}.compose-header-actions{align-items:center;gap:8px;display:flex}.compose-header-btn{color:#ffffffb3;border-radius:4px;padding:2px;transition:all .15s}.compose-header-btn:hover{color:#fff;background-color:#ffffff26}.compose-fields-container{flex-direction:column;flex:1;min-height:0;display:flex}.compose-field-row{border-bottom:1px solid var(--border-color);align-items:center;padding:8px 16px;display:flex}.compose-field-label{color:var(--text-secondary);flex-shrink:0;width:50px;font-size:.85rem}.compose-field-input{color:var(--text-primary);background:0 0;border:none;flex:1;font-size:.9rem}.compose-editor-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.rich-editor-toolbar{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;display:flex;overflow-x:auto}.rich-tool-btn{color:var(--text-secondary);border-radius:4px;padding:4px}.rich-tool-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.rich-tool-btn.active{background-color:var(--brand-light);color:var(--brand-primary)}.compose-textarea{resize:none;color:var(--text-primary);border:none;flex:1;padding:16px;font-size:.95rem;line-height:1.5;overflow-y:auto}.compose-with-ai-layout{background-color:var(--bg-surface);flex:1;min-height:0;display:flex}.ai-assistant-compose-pane{border-left:1px solid var(--border-color);background-color:var(--bg-primary);flex-direction:column;flex-shrink:0;gap:10px;width:240px;padding:12px;display:flex;overflow-y:auto}.ai-compose-title{text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.ai-option-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ai-option-btn{border:1px solid var(--border-color);background-color:var(--bg-surface);text-align:center;cursor:pointer;border-radius:6px;padding:8px;font-size:.78rem;font-weight:500;transition:all .15s}.ai-option-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary);background-color:var(--brand-light)}.compose-footer{border-top:1px solid var(--border-color);background-color:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.compose-footer-left{align-items:center;gap:10px;display:flex}.btn-send-group{background-color:var(--brand-primary);color:#fff;border-radius:var(--radius-md);align-items:center;display:flex;overflow:hidden}.btn-send-main{background-color:var(--brand-primary);color:#fff;border-right:1px solid #ffffff26;padding:10px 16px;font-size:.9rem;font-weight:600}.btn-send-main:hover{background-color:var(--brand-primary-hover)}.btn-send-dropdown{background-color:var(--brand-primary);color:#fff;padding:10px 8px}.btn-send-dropdown:hover{background-color:var(--brand-primary-hover)}.ai-meta-sidebar{border-left:1px solid var(--border-color);background-color:var(--bg-surface);flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow-y:auto}.ai-meta-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-primary);justify-content:space-between;align-items:center;padding:16px;display:flex}.ai-meta-body{flex-direction:column;gap:16px;padding:16px;display:flex}.kbd-hint{color:var(--text-secondary);background-color:#0000000f;border:1px solid #0000001f;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:.65rem}.toast-notifications-container{z-index:1100;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:24px}.toast-item{color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:#1e293b;justify-content:space-between;align-items:center;min-width:280px;padding:12px 20px;font-size:.88rem;font-weight:500;animation:.25s cubic-bezier(.4,0,.2,1) toast-slide-in;display:flex}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gmail-connect-banner{color:#fff;box-shadow:var(--shadow-sm);z-index:30;background:linear-gradient(90deg,#6366f1 0%,#4338ca 100%);justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:relative}.gmail-syncing-indicator{color:var(--brand-primary);background-color:var(--brand-light);border-radius:var(--radius-full);border:1px solid #6366f133;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;font-weight:600;display:flex}@keyframes spin-loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:.9s linear infinite spin-loader}.drag-drop-zone{border:2px dashed var(--brand-primary);border-radius:var(--radius-md);z-index:50;pointer-events:none;background-color:#6366f114;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}:root{--bg-primary:#f4f7f9;--bg-surface:#fff;--bg-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#64748b;--text-inverse:#fff;--brand-primary:#4f46e5;--brand-primary-hover:#4338ca;--brand-light:#e0e7ff;--success:#10b981;--success-light:#d1fae5;--danger:#ef4444;--danger-light:#fee2e2;--warning:#f59e0b;--border-color:#e2e8f0;--border-focus:#4f46e5;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-full:9999px;--transition-normal:all .2s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:260px;transition:width .3s,border-right-width .3s;display:flex}@media (width>=1025px){.sidebar.collapsed{border-right-width:0;width:0;overflow:hidden}}.sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;height:64px;padding:0 20px;display:flex}.sidebar-logo{color:var(--brand-primary)}.sidebar-title{color:var(--text-primary);font-size:1.1rem;font-weight:700}.sidebar-nav{flex-direction:column;gap:4px;padding:20px 12px;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition-normal);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;font-size:.95rem;font-weight:500;display:flex}.nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background-color:var(--brand-light);color:var(--brand-primary)}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.navbar{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex}.navbar-left{color:var(--text-primary);font-weight:600}.profile-menu-container{position:relative}.profile-button{border-radius:var(--radius-full);border:1px solid var(--border-color);transition:var(--transition-normal);align-items:center;gap:8px;padding:6px 12px;display:flex}.profile-button:hover{background-color:var(--bg-hover);border-color:var(--text-secondary)}.profile-avatar{background-color:var(--brand-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:600;display:flex}.dropdown-menu{background-color:var(--bg-surface);border-radius:var(--radius-md);width:220px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);z-index:50;flex-direction:column;margin-top:8px;padding:8px 0;display:flex;position:absolute;top:100%;right:0}.dropdown-header{border-bottom:1px solid var(--border-color);margin-bottom:4px;padding:12px 16px}.dropdown-name{font-size:.9rem;font-weight:600}.dropdown-email{color:var(--text-secondary);margin-top:2px;font-size:.8rem}.dropdown-item{color:var(--text-primary);transition:var(--transition-normal);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;display:flex}.dropdown-item:hover{background-color:var(--bg-hover)}.dropdown-item.danger{color:var(--danger)}.page-container{background-color:var(--bg-primary);flex:1;padding:32px;overflow-y:auto}.page-header{margin-bottom:24px}.page-title{color:var(--text-primary);margin-bottom:8px;font-size:1.5rem;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:1rem}.card{background-color:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-bottom:24px;padding:24px}.card-title{align-items:center;gap:8px;margin-bottom:16px;font-size:1.1rem;font-weight:600;display:flex}.card-description{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem}.form-group{margin-bottom:20px}.form-label{color:var(--text-primary);margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);pointer-events:none;position:absolute;left:12px}.form-input{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-surface);width:100%;color:var(--text-primary);transition:var(--transition-normal);padding:10px 16px;font-size:.95rem}.form-input.has-icon{padding-left:40px}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--brand-light)}.form-input:disabled{background-color:var(--bg-primary);color:var(--text-secondary);cursor:not-allowed}.copy-btn{border-radius:var(--radius-sm);background:var(--bg-hover);color:var(--text-secondary);transition:var(--transition-normal);padding:6px;position:absolute;right:8px}.copy-btn:hover{background:var(--border-color);color:var(--text-primary)}.btn{border-radius:var(--radius-md);transition:var(--transition-normal);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--brand-primary);color:#fff}.btn-primary:hover{background-color:var(--brand-primary-hover)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-hover)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-danger-outline{color:var(--danger);border:1px solid var(--danger);background-color:#0000}.btn-danger-outline:hover{background-color:var(--danger-light)}.disconnect-button{color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius);background:0 0;padding:6px 12px;transition:background-color .3s,color .3s}.disconnect-button:hover{background:var(--danger);color:#fff;transform:scale(1.05)}.disconnect-button:focus{outline:2px solid var(--danger);outline-offset:2px}.status-badge{border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px;font-size:.85rem;font-weight:500;display:inline-flex}.status-badge.success{background-color:var(--success-light);color:#047857}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background-color:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{margin:0;font-size:1.25rem;font-weight:600}.modal-close{color:var(--text-secondary);transition:var(--transition-normal);border-radius:var(--radius-sm);padding:4px}.modal-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.sheets-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.sheet-item{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);align-items:center;gap:12px;padding:12px;display:flex}.sheet-item:hover{background-color:var(--bg-hover);border-color:var(--text-secondary)}.sheet-item.selected{border-color:var(--brand-primary);background-color:var(--brand-light)}.radio-circle{border:2px solid var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.sheet-item.selected .radio-circle{border-color:var(--brand-primary)}.radio-circle.inner{background-color:var(--brand-primary);border:none;border-radius:50%;width:10px;height:10px}.sheet-icon{color:#10b981}.sheet-name{font-weight:500}.permissions-box{background-color:var(--bg-primary);border-radius:var(--radius-md);border:1px dashed var(--border-color);padding:16px}.permissions-title{color:var(--text-primary);align-items:center;gap:6px;margin-bottom:8px;font-size:.9rem;font-weight:600;display:flex}.permissions-list{color:var(--text-secondary);font-size:.85rem;list-style:none}.permissions-list li{align-items:flex-start;gap:6px;margin-bottom:6px;display:flex}.permissions-list li:before{content:"•";color:var(--brand-primary)}.warning-box{border-left:4px solid var(--warning);border-radius:0 var(--radius-md) var(--radius-md) 0;background-color:#fffbeb;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.warning-icon{color:var(--warning);flex-shrink:0}.warning-text{color:#92400e;font-size:.9rem}.chat-container{background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;height:calc(100vh - 200px);display:flex;overflow:hidden}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.message{border-radius:var(--radius-lg);max-width:80%;padding:12px 16px;font-size:.95rem;line-height:1.4}.message.user{background-color:var(--brand-primary);color:#fff;border-bottom-right-radius:0;align-self:flex-end}.message.agent{background-color:var(--bg-hover);color:var(--text-primary);border-bottom-left-radius:0;align-self:flex-start}.chat-input-area{border-top:1px solid var(--border-color);gap:12px;padding:20px;display:flex}.data-table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:600px}.data-table th{text-align:left;background-color:var(--bg-primary);color:var(--text-secondary);text-transform:uppercase;border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:.8rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border-color);vertical-align:top;padding:16px;font-size:.9rem}.json-block{background-color:var(--bg-primary);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-all;color:#475569;border:1px solid var(--border-color);max-width:400px;padding:10px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem}.login-page{background-color:var(--bg-primary);width:100vw;height:100vh;display:flex}.login-left{background:linear-gradient(135deg, var(--brand-primary) 0%, #312e81 100%);color:#fff;flex-direction:column;flex:1;justify-content:center;padding:80px;display:flex;position:relative;overflow:hidden}.login-left:after{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-10%;right:-10%}.login-right{background-color:var(--bg-surface);width:480px;box-shadow:var(--shadow-lg);z-index:10;flex-direction:column;justify-content:center;padding:60px;display:flex}.login-logo{color:#fff;margin-bottom:32px}.login-title{margin-bottom:16px;font-size:2.5rem;font-weight:800;line-height:1.2}.login-subtitle{opacity:.9;font-size:1.1rem;line-height:1.6}.login-form-title{color:var(--text-primary);margin-bottom:8px;font-size:1.5rem;font-weight:700}.login-form-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:.95rem}.typewriter-cursor{color:var(--brand-primary,#6366f1);margin-left:2px;animation:1s step-end infinite typewriter-blink;display:inline-block}@keyframes typewriter-blink{0%,49%{opacity:1}50%,to{opacity:0}}.hamburger-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hamburger-btn:hover{background-color:var(--bg-hover)}.sidebar-backdrop,.chat-back-btn,.chat-sidebar-empty-mobile,.config-row-cell-label,.config-row-actions-mobile{display:none}@media (width<=1366px){.sidebar{width:220px}.page-container{padding:24px}.navbar{padding:0 24px}.login-right{width:400px;padding:48px}.login-left{padding:56px}}@media (width<=1024px){.hamburger-btn{display:inline-flex}.sidebar{z-index:210;width:260px;box-shadow:var(--shadow-lg);transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop.open{z-index:200;background:#0f172a73;display:block;position:fixed;inset:0}.login-page{flex-direction:column;height:auto;min-height:100vh;overflow-y:auto}.login-left{padding:40px 32px}.login-left:after{display:none}.login-right{width:100%;box-shadow:none;padding:40px 32px}.chat-layout-grid{grid-template-rows:220px 1fr!important;grid-template-columns:1fr!important;height:calc(100vh - 260px)!important}.form-grid-2col,.list-grid-2col,.token-form-row{grid-template-columns:1fr!important}.config-table-head{display:none!important}.config-row-cell-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:.7rem;font-weight:600;display:block}.config-row-cell-bordered{border-bottom:1px solid var(--border-color);border-right:none!important}.config-row-actions-mobile{justify-content:flex-end;padding:10px 18px 0;display:flex}.config-cell-actions{display:none!important}}@media (width<=768px){.page-container{padding:16px}.navbar{padding:0 16px}.card{padding:16px}.page-title{font-size:1.25rem}.modal-header,.modal-body,.modal-footer{padding-left:16px;padding-right:16px}.lv-row-170,.lv-row-180,.lv-row-220{grid-template-columns:1fr!important;gap:4px!important}.segmented-tabs{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.login-left,.login-right{padding:32px 20px}.login-title{font-size:1.75rem}.chat-page{flex-direction:column;height:100%;display:flex}.chat-page-header{flex-shrink:0;margin-bottom:12px}.chat-page-subtitle{display:none}.chat-layout-grid{flex:1;height:auto!important;min-height:0!important;display:block!important}.chat-sidebar-pane,.chat-main-pane{height:100%!important}.chat-layout-grid.chat-mobile-view-list .chat-main-pane,.chat-layout-grid.chat-mobile-view-chat .chat-sidebar-pane{display:none!important}.chat-back-btn{display:inline-flex!important}.chat-sidebar-pane.no-history .chat-sidebar-default{display:none!important}.chat-sidebar-pane.no-history .chat-sidebar-empty-mobile{display:flex!important}.kb-doc-row{flex-direction:column;align-items:stretch!important}.kb-doc-actions{justify-content:flex-start;width:100%}}@media (width<=480px){.profile-button span{display:none}.login-left,.login-right{padding:24px 16px}}.rules-markdown-preview{color:var(--text-primary);word-wrap:break-word;font-size:.9rem;line-height:1.7}.rules-markdown-preview>:first-child{margin-top:0}.rules-markdown-preview>:last-child{margin-bottom:0}.rules-markdown-preview h1,.rules-markdown-preview h2,.rules-markdown-preview h3,.rules-markdown-preview h4,.rules-markdown-preview h5,.rules-markdown-preview h6{color:var(--text-primary);margin:28px 0 12px;font-weight:700;line-height:1.3}.rules-markdown-preview h1{border-bottom:2px solid var(--border-color);margin-top:0;padding-bottom:10px;font-size:1.6rem}.rules-markdown-preview h2{border-bottom:1px solid var(--border-color);padding-bottom:6px;font-size:1.2rem}.rules-markdown-preview h3{color:var(--brand-primary);font-size:1.02rem}.rules-markdown-preview h4,.rules-markdown-preview h5,.rules-markdown-preview h6{font-size:.92rem}.rules-markdown-preview p{margin:0 0 12px}.rules-markdown-preview strong{color:var(--text-primary);font-weight:700}.rules-markdown-preview a{color:var(--brand-primary);text-underline-offset:2px;text-decoration:underline}.rules-markdown-preview a:hover{color:var(--brand-primary-hover)}.rules-markdown-preview ul,.rules-markdown-preview ol{margin:0 0 12px;padding-left:24px}.rules-markdown-preview li{color:var(--text-primary);margin-bottom:6px}.rules-markdown-preview li::marker{color:var(--text-secondary)}.rules-markdown-preview li>ul,.rules-markdown-preview li>ol{margin-top:6px;margin-bottom:4px}.rules-markdown-preview ul{list-style-type:disc}.rules-markdown-preview ul ul{list-style-type:circle}.rules-markdown-preview ul ul ul{list-style-type:square}.rules-markdown-preview li>p{margin-bottom:6px}.rules-markdown-preview li:last-child{margin-bottom:0}.rules-markdown-preview code{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:#b91c1c;padding:1px 5px;font-family:Consolas,Monaco,Andale Mono,monospace;font-size:.85em}.rules-markdown-preview pre{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:0 0 14px;padding:14px 16px;overflow-x:auto}.rules-markdown-preview pre code{color:var(--text-primary);background:0 0;border:none;padding:0;font-size:.85rem}.rules-markdown-preview blockquote{border-left:3px solid var(--brand-primary);background-color:var(--brand-light);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-primary);margin:0 0 14px;padding:8px 16px}.rules-markdown-preview blockquote p:last-child{margin-bottom:0}.rules-markdown-preview hr{border:none;border-top:1px solid var(--border-color);margin:22px 0}.rules-markdown-preview table{border-collapse:collapse;width:100%;margin:0 0 14px;font-size:.85rem;display:block;overflow-x:auto}.rules-markdown-preview th,.rules-markdown-preview td{border:1px solid var(--border-color);text-align:left;vertical-align:top;padding:8px 12px}.rules-markdown-preview th{background-color:var(--bg-primary);color:var(--text-primary);white-space:nowrap;font-weight:600}.rules-markdown-preview tbody tr:nth-child(2n){background-color:var(--bg-hover)}.md-editor{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-surface);flex-direction:column;min-height:0;display:flex;overflow:hidden}.md-editor-toolbar{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;display:flex}.md-editor-tool{border-radius:var(--radius-sm);min-width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-normal);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 7px;font-size:.8rem;font-weight:600;display:inline-flex}.md-editor-tool:hover{background-color:var(--bg-surface);border-color:var(--border-color);color:var(--brand-primary)}.md-editor-tool:active{transform:translateY(1px)}.md-editor-tool.is-active{background-color:var(--brand-light);border-color:var(--brand-primary);color:var(--brand-primary)}.md-editor-divider{background-color:var(--border-color);width:1px;height:18px;margin:0 4px}.md-editor-panes{flex:1;min-height:0;display:flex}.md-editor-pane{flex-direction:column;flex:1;min-width:0;display:flex}.md-editor-pane+.md-editor-pane{border-left:1px solid var(--border-color)}.md-editor-pane-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:5px 12px;font-size:.7rem;font-weight:700}.md-editor-textarea{resize:none;background-color:var(--bg-surface);width:100%;min-height:260px;color:var(--text-primary);tab-size:2;border:none;outline:none;flex:1;padding:14px 16px;font-family:Consolas,Monaco,Andale Mono,monospace;font-size:.83rem;line-height:1.65}.md-editor-preview{background-color:var(--bg-surface);flex:1;padding:16px;overflow-y:auto}@media (width<=900px){.md-editor-panes.is-split .md-editor-pane-preview{display:none}.md-editor-panes.is-split .md-editor-pane+.md-editor-pane{border-left:none}}.preview-view-toggle{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.preview-view-toggle button{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-normal);white-space:nowrap;background-color:#0000;border:none;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.preview-view-toggle button:hover{color:var(--brand-primary)}.preview-view-toggle button.is-active{background-color:var(--bg-surface);color:var(--brand-primary);box-shadow:var(--shadow-sm)}.rules-markdown-source{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);height:100%;min-height:400px;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;margin:0;padding:18px 20px;font-family:Consolas,Monaco,Andale Mono,monospace;font-size:.83rem;line-height:1.65;overflow-y:auto}