.todo-list-container{background:var(--bg-secondary, #1a202c);border:1px solid var(--border, #243047);border-radius:var(--radius-lg, 12px);margin:8px 24px;overflow:hidden;flex-shrink:0;max-height:200px;overflow-y:auto}.todo-list-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:14px 18px;background:transparent;border:none;cursor:pointer;font-size:14px;color:var(--text-primary, #f1f5f9);text-align:left;transition:background .2s}.todo-list-toggle:hover{background:var(--bg-tertiary, #243047)}.todo-list-toggle-icon{font-size:10px;color:var(--text-secondary, #93a5c8);transition:transform .2s}.todo-list-toggle-title{flex:1;font-weight:600;color:var(--text-primary, #f1f5f9)}.todo-list-progress{width:100px;height:6px;background:var(--bg-tertiary, #243047);border-radius:3px;overflow:hidden}.todo-list-progress-bar{display:block;height:100%;background:var(--accent, #195de6);border-radius:3px;transition:width .3s ease}.todo-list-items{list-style:none;margin:0;padding:0 16px 14px}.todo-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius, 8px);margin-bottom:6px;font-size:13px;background:var(--bg-tertiary, #243047);border:1px solid var(--border, #243047);transition:all .2s}.todo-item:last-child{margin-bottom:0}.todo-icon{font-size:14px;flex-shrink:0}.todo-description{flex:1;color:var(--text-primary, #f1f5f9)}.todo-status-label{font-size:10px;text-transform:uppercase;padding:3px 8px;border-radius:4px;font-weight:600;letter-spacing:.5px}.todo-status-completed{opacity:.6;background:#10b9811a;border-color:#10b9814d}.todo-status-completed .todo-description{text-decoration:line-through;color:var(--text-secondary, #93a5c8)}.todo-status-completed .todo-status-label{background:#10b98133;color:var(--success, #10b981)}.todo-status-in-progress{border-color:var(--accent, #195de6);background:#195de61a}.todo-status-in-progress .todo-status-label{background:var(--accent, #195de6);color:#fff}.todo-status-pending{background:var(--bg-tertiary, #243047)}.todo-status-pending .todo-status-label{background:#93a5c826;color:var(--text-secondary, #93a5c8)}.todo-status-cancelled{opacity:.4}.todo-status-cancelled .todo-description{text-decoration:line-through;color:var(--text-muted, #637588)}.todo-status-cancelled .todo-status-label{background:#ef444433;color:var(--danger, #ef4444)}.todo-status-in-progress .todo-icon{animation:spin 1.5s linear infinite}.diff-viewer{border:1px solid var(--border-color, #e0e0e0);border-radius:8px;overflow:hidden;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;background:var(--surface-color, #fff)}.diff-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface-secondary, #f6f8fa);border-bottom:1px solid var(--border-color, #e0e0e0)}.diff-operation-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:700;font-size:14px}.diff-operation-create .diff-operation-icon{background:var(--success-bg, #d4edda);color:var(--success-color, #28a745)}.diff-operation-modify .diff-operation-icon{background:var(--warning-bg, #fff3cd);color:var(--warning-color-dark, #856404)}.diff-operation-delete .diff-operation-icon{background:var(--error-bg, #f8d7da);color:var(--error-color, #dc3545)}.diff-file-path{flex:1;font-weight:500;color:var(--text-color, #24292e);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diff-operation-label{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--surface-color, #fff);border:1px solid var(--border-color, #e0e0e0);color:var(--text-secondary, #586069)}.diff-stats{display:flex;gap:8px;font-size:12px;font-weight:500}.diff-stat-add{color:var(--success-color, #28a745)}.diff-stat-remove{color:var(--error-color, #dc3545)}.diff-content{overflow-y:auto;background:var(--code-bg, #fafbfc)}.diff-empty{padding:20px;text-align:center;color:var(--text-secondary, #586069);font-style:italic}.diff-hunk{border-bottom:1px solid var(--border-color, #e0e0e0)}.diff-hunk:last-child{border-bottom:none}.diff-hunk-header{padding:8px 12px;background:var(--primary-bg, #f1f8ff);color:var(--primary-color, #0366d6);font-size:11px;border-bottom:1px solid var(--border-color, #e0e0e0)}.diff-line{display:flex;line-height:1.5;min-height:20px}.diff-line-context{background:var(--code-bg, #fafbfc)}.diff-line-add{background:var(--diff-add-bg, #e6ffed)}.diff-line-remove{background:var(--diff-remove-bg, #ffeef0)}.diff-line-numbers{display:flex;flex-shrink:0;border-right:1px solid var(--border-color, #e0e0e0);background:var(--surface-secondary, #f6f8fa);-webkit-user-select:none;user-select:none}.diff-line-number-old,.diff-line-number-new{width:40px;padding:0 8px;text-align:right;color:var(--text-tertiary, #959da5);font-size:11px}.diff-line-number-old{border-right:1px solid var(--border-color, #e0e0e0)}.diff-line-add .diff-line-number-new{background:var(--diff-add-num-bg, #cdffd8)}.diff-line-remove .diff-line-number-old{background:var(--diff-remove-num-bg, #ffdce0)}.diff-line-prefix{width:20px;flex-shrink:0;text-align:center;-webkit-user-select:none;user-select:none}.diff-line-add .diff-line-prefix{color:var(--success-color, #28a745)}.diff-line-remove .diff-line-prefix{color:var(--error-color, #dc3545)}.diff-line-content{flex:1;padding:0 8px;white-space:pre;overflow-x:auto}.diff-line-add .diff-line-content{color:var(--diff-add-text, #22863a)}.diff-line-remove .diff-line-content{color:var(--diff-remove-text, #cb2431)}.diff-content::-webkit-scrollbar{width:8px;height:8px}.diff-content::-webkit-scrollbar-track{background:var(--surface-secondary, #f6f8fa)}.diff-content::-webkit-scrollbar-thumb{background:var(--border-color, #d0d7de);border-radius:4px}.diff-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary, #959da5)}.tool-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.tool-confirm-dialog{background:var(--surface-color, #fff);border-radius:12px;box-shadow:0 8px 32px #0003;width:90%;max-width:500px;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.tool-confirm-dialog.risk-high{border:2px solid var(--error-color, #dc3545)}.tool-confirm-dialog.risk-medium{border:2px solid var(--warning-color, #ffc107)}.tool-confirm-dialog.risk-low{border:2px solid var(--success-color, #28a745)}.tool-confirm-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-color, #e0e0e0);background:var(--surface-secondary, #f8f9fa)}.tool-confirm-icon{font-size:24px}.tool-confirm-header h3{flex:1;margin:0;font-size:16px;font-weight:600;color:var(--text-color, #333)}.tool-confirm-risk{font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px}.tool-confirm-risk.risk-high{background:var(--error-bg, #ffebee);color:var(--error-color, #dc3545)}.tool-confirm-risk.risk-medium{background:var(--warning-bg, #fff8e1);color:var(--warning-color-dark, #f57c00)}.tool-confirm-risk.risk-low{background:var(--success-bg, #e8f5e9);color:var(--success-color, #28a745)}.tool-confirm-body{padding:20px}.tool-confirm-info{margin-bottom:16px}.tool-name{font-size:18px;font-weight:600;color:var(--text-color, #333);margin-bottom:4px;font-family:Monaco,Menlo,monospace}.tool-description{font-size:14px;color:var(--text-secondary, #666)}.tool-confirm-diff{margin:16px 0}.tool-confirm-toggle{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--primary-color, #4285f4);font-size:13px;cursor:pointer;padding:8px 0}.tool-confirm-toggle:hover{text-decoration:underline}.tool-confirm-toggle span{font-size:10px}.tool-confirm-args{margin:12px 0 0;padding:12px;background:var(--code-bg, #f5f5f5);border-radius:6px;font-size:12px;font-family:Monaco,Menlo,monospace;overflow-x:auto;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.tool-confirm-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color, #e0e0e0);background:var(--surface-secondary, #f8f9fa)}.tool-confirm-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.tool-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.tool-confirm-btn-deny{background:var(--surface-color, #fff);border:1px solid var(--border-color, #e0e0e0);color:var(--text-color, #333)}.tool-confirm-btn-deny:hover:not(:disabled){background:var(--hover-color, #f5f5f5)}.tool-confirm-btn-confirm{background:var(--primary-color, #4285f4);color:#fff}.tool-confirm-btn-confirm:hover:not(:disabled){background:var(--primary-color-dark, #3367d6)}.risk-high .tool-confirm-btn-confirm{background:var(--error-color, #dc3545)}.risk-high .tool-confirm-btn-confirm:hover:not(:disabled){background:var(--error-color-dark, #c82333)}.slide-preview-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.slide-preview-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary, #1e1e1e);border:1px solid var(--border-color, #333);border-radius:.5rem;transition:border-color .2s}.slide-preview-card:hover{border-color:var(--primary, #1e88e5)}.slide-preview-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#0d47a1,#1976d2);border-radius:.5rem;color:#fff}.slide-preview-icon .material-symbols-outlined{font-size:1.25rem}.slide-preview-info{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.slide-preview-filename{font-weight:500;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slide-preview-date{font-size:.75rem;color:var(--text-secondary, #888)}.slide-preview-actions{display:flex;gap:.25rem}.slide-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:.375rem;background:transparent;color:var(--text-secondary, #888);cursor:pointer;transition:all .2s}.slide-action-btn:hover{background:var(--bg-tertiary, #2a2a2a);color:var(--text-primary, #fff)}.slide-action-btn.delete:hover{background:#ef44441a;color:#ef4444}.slide-action-btn .material-symbols-outlined{font-size:1.125rem}.slide-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-preview-modal-content{display:flex;flex-direction:column;width:95vw;height:90vh;max-width:1920px;background:var(--bg-primary, #121212);border-radius:.75rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.slide-preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #333);background:var(--bg-secondary, #1e1e1e)}.slide-preview-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #fff)}.slide-preview-modal-actions{display:flex;gap:.5rem}.slide-modal-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color, #333);border-radius:.5rem;background:transparent;color:var(--text-secondary, #888);cursor:pointer;transition:all .2s}.slide-modal-btn:hover{background:var(--bg-tertiary, #2a2a2a);color:var(--text-primary, #fff);border-color:var(--primary, #1e88e5)}.slide-modal-btn.close:hover{border-color:#ef4444;color:#ef4444}.slide-modal-btn .material-symbols-outlined{font-size:1.25rem}.slide-preview-modal-body{flex:1;overflow:auto;background:#f5f5f5}.slide-preview-modal-body iframe{width:100%;height:100%;border:none;transform-origin:top left}.admin-sidebar{width:256px;min-width:256px;background:#0d1117;border-right:1px solid #243047;height:100%}.admin-nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:#94a3b8;font-size:14px;font-weight:500;text-decoration:none;background:transparent;border:none;cursor:pointer;transition:all .2s;width:100%;text-align:left;font-family:inherit}.admin-content{flex:1;overflow-y:auto;padding:24px}.section-content{max-width:1200px}.section-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.section-header h2{font-size:20px;font-weight:600;color:#fff;margin:0}.section-header p{font-size:14px;color:#93a5c8;margin:4px 0 0}.section-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-icon.blue{background:#3b82f633}.section-icon.blue .material-symbols-outlined{color:#3b82f6}.section-icon.purple{background:#a855f733}.section-icon.purple .material-symbols-outlined{color:#a855f7}.section-icon.emerald{background:#10b98133}.section-icon.emerald .material-symbols-outlined{color:#10b981}.section-icon.orange{background:#f9731633}.section-icon.orange .material-symbols-outlined{color:#f97316}.section-icon.red{background:#ef444433}.section-icon.red .material-symbols-outlined{color:#ef4444}.section-icon.pink{background:#ec489933}.section-icon.pink .material-symbols-outlined{color:#ec4899}.section-actions{display:flex;justify-content:flex-end;margin-top:24px}.ml-auto{margin-left:auto}.settings-panel{background:#1a2230;border:1px solid #243047;border-radius:12px;padding:20px;margin-bottom:16px}.settings-panel h3{font-size:14px;font-weight:600;color:#fff;margin:0 0 16px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.settings-field label{font-size:12px;color:#93a5c8}.settings-field input,.settings-field select{padding:10px 14px;background:#111621;border:1px solid #243047;border-radius:8px;color:#fff;font-size:14px;transition:border-color .2s}.settings-field input:focus,.settings-field select:focus{outline:none;border-color:#195de6}.settings-field input:disabled{background:#11162180;color:#93a5c8;cursor:not-allowed}.logo-upload{display:flex;align-items:center;gap:24px}.logo-placeholder{width:96px;height:96px;border-radius:12px;background:#111621;border:1px solid #243047;display:flex;align-items:center;justify-content:center}.logo-placeholder .material-symbols-outlined{font-size:36px;color:#93a5c8}.logo-placeholder img{width:100%;height:100%;object-fit:cover;border-radius:12px}.logo-actions{display:flex;flex-direction:column;gap:8px}.logo-actions .btn{width:fit-content}.logo-actions .hint{margin:0;color:#93a5c8;font-size:13px}.error-message{display:flex;align-items:center;gap:8px;background:#ef44441a;border:1px solid #ef4444;border-radius:8px;padding:12px 16px;color:#f87171;margin-bottom:16px;font-size:14px}.error-message .material-symbols-outlined{font-size:18px}.success-message{display:flex;align-items:center;gap:8px;background:#22c55e1a;border:1px solid #22c55e;border-radius:8px;padding:12px 16px;color:#4ade80;margin-bottom:16px;font-size:14px}.success-message .material-symbols-outlined{font-size:18px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-primary{background:#195de6;color:#fff}.btn-primary:hover{background:#1e4fd8}.btn-secondary{background:#ffffff0d;border:1px solid #243047;color:#93a5c8}.btn-secondary:hover{background:#ffffff1a;color:#fff}.btn-primary:disabled:hover{background:#195de6}.btn-secondary:disabled:hover{background:#ffffff0d;color:#93a5c8}.hint{font-size:12px;color:#93a5c8;margin:8px 0 0}.stats-row{display:flex;gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#1a2230;border:1px solid #243047;border-radius:12px}.stat-card .material-symbols-outlined{font-size:24px}.text-emerald{color:#10b981}.text-blue{color:#3b82f6}.text-yellow{color:#eab308}.text-secondary{color:#93a5c8}.stat-value{font-size:18px;font-weight:700;color:#fff;margin:0}.filters-row{display:flex;gap:12px;margin-bottom:16px}.search-box{display:flex;align-items:center;gap:8px;padding:0 12px;background:#1a2230;border:1px solid #243047;border-radius:8px;width:320px}.search-box .material-symbols-outlined{font-size:20px;color:#93a5c8}.search-box input{flex:1;padding:10px 0;background:transparent;border:none;color:#fff;font-size:14px}.search-box input:focus{outline:none}.search-box input::placeholder{color:#93a5c880}.filter-select{padding:10px 14px;background:#1a2230;border:1px solid #243047;border-radius:8px;color:#fff;font-size:14px}.filter-select:focus{outline:none;border-color:#195de6}.users-table{background:#1a2230;border:1px solid #243047;border-radius:12px;overflow:hidden}.users-table table{width:100%;border-collapse:collapse}.users-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;color:#93a5c8;background:#11162180;letter-spacing:.05em}.users-table td{padding:12px 16px;border-top:1px solid #243047}.users-table tr:hover{background:#ffffff05}.user-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.bg-gradient-to-br.from-blue-500.to-purple-600{background:linear-gradient(135deg,#3b82f6,#9333ea)}.bg-gradient-to-br.from-emerald-500.to-teal-600{background:linear-gradient(135deg,#10b981,#0d9488)}.bg-gradient-to-br.from-orange-500.to-red-600{background:linear-gradient(135deg,#f97316,#dc2626)}.bg-gradient-to-br.from-cyan-500.to-blue-600{background:linear-gradient(135deg,#06b6d4,#2563eb)}.user-name{font-size:14px;font-weight:500;color:#fff;margin:0}.user-email{font-size:12px;color:#93a5c8;margin:0}.role-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:500}.role-badge.org-admin{background:#a855f71a;color:#a855f7}.role-badge.org-manager{background:#3b82f61a;color:#3b82f6}.role-badge.domain-admin{background:#f973161a;color:#f97316}.role-badge.member{background:#64748b1a;color:#94a3b8}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:500}.status-badge.active{background:#10b9811a;color:#10b981}.status-dot{width:6px;height:6px;border-radius:50%;background:#10b981}.icon-btn{padding:6px;background:transparent;border:none;border-radius:8px;color:#93a5c8;cursor:pointer;transition:all .2s}.icon-btn:hover{background:#ffffff0d;color:#fff}.icon-btn.danger:hover{background:#ef44440d;color:#ef4444}.roles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.role-card{background:#1a2230;border:1px solid #243047;border-radius:12px;padding:20px}.role-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.role-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.role-icon .material-symbols-outlined{font-size:20px;color:#fff}.role-icon.purple{background:#a855f71a}.role-icon.purple .material-symbols-outlined{color:#a855f7}.role-icon.blue{background:#3b82f61a}.role-icon.blue .material-symbols-outlined{color:#3b82f6}.role-icon.orange{background:#f973161a}.role-icon.orange .material-symbols-outlined{color:#f97316}.role-icon.slate{background:#64748b1a}.role-icon.slate .material-symbols-outlined{color:#94a3b8}.role-header h3{font-size:14px;font-weight:600;color:#fff;margin:0}.role-header p{font-size:12px;color:#93a5c8;margin:2px 0 0}.system-badge{margin-left:auto;padding:2px 8px;background:#a855f71a;color:#a855f7;border-radius:4px;font-size:11px;font-weight:500}.role-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #243047;font-size:12px;color:#93a5c8}.role-card{border-left:3px solid}.role-info{flex:1}.role-name{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px}.role-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;color:#fff;text-transform:uppercase}.role-description{font-size:13px;color:#93a5c8;margin:12px 0;line-height:1.5}.role-permissions-count{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.role-permissions-count .material-symbols-outlined{font-size:16px;color:#10b981}.permissions-matrix{margin-top:32px;background:#1a2230;border:1px solid #243047;border-radius:12px;padding:24px}.permissions-matrix h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px}.matrix-description{font-size:13px;color:#93a5c8;margin:0 0 20px}.matrix-table-wrapper{overflow-x:auto}.matrix-table{width:100%;border-collapse:collapse;font-size:13px}.matrix-table th,.matrix-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #243047}.matrix-table th{font-weight:600;color:#94a3b8;background:#111722;white-space:nowrap}.matrix-table th:first-child{width:300px}.category-row td{background:#111722;font-weight:600;color:#93a5c8;padding:10px 16px}.category-icon{font-size:16px;margin-right:8px;vertical-align:middle}.permission-row td{background:transparent}.permission-name{display:flex;flex-direction:column;gap:2px}.permission-name span:first-child{color:#fff;font-weight:500}.permission-desc{font-size:11px;color:#64748b}.permission-cell{text-align:center!important}.permission-cell .check{font-size:20px}.permission-cell .no-check{font-size:20px;color:#374151}.role-assignment-info{margin-top:32px;background:#1a2230;border:1px solid #243047;border-radius:12px;padding:24px}.role-assignment-info h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 16px}.role-assignment-info ul{margin:0;padding-left:24px}.role-assignment-info li{color:#93a5c8;font-size:13px;line-height:1.8}.role-assignment-info strong{color:#fff}.text-btn{background:none;border:none;color:#195de6;font-size:12px;cursor:pointer}.text-btn:hover{text-decoration:underline}.servers-list{display:flex;flex-direction:column;gap:12px}.server-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#1a2230;border:1px solid #243047;border-radius:12px}.server-info{display:flex;align-items:center;gap:16px}.server-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.server-icon .material-symbols-outlined{font-size:24px;color:#fff}.server-icon.database{background:#3b82f61a}.server-icon.database .material-symbols-outlined{color:#3b82f6}.server-icon.storage{background:#a855f71a}.server-icon.storage .material-symbols-outlined{color:#a855f7}.server-icon.api{background:#f973161a}.server-icon.api .material-symbols-outlined{color:#f97316}.server-name{display:flex;align-items:center;gap:8px}.server-name h3{font-size:14px;font-weight:500;color:#fff;margin:0}.status-indicator{width:8px;height:8px;border-radius:50%}.status-indicator.connected{background:#10b981;animation:pulse 2s infinite}.status-indicator.degraded{background:#eab308}.server-url{font-size:13px;color:#93a5c8;margin:4px 0 0}.server-actions{display:flex;align-items:center;gap:12px}.type-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.type-badge.database{background:#3b82f61a;color:#3b82f6}.type-badge.storage{background:#a855f71a;color:#a855f7}.type-badge.api{background:#f973161a;color:#f97316}.warning-badge{padding:4px 8px;background:#eab3081a;color:#eab308;border-radius:4px;font-size:11px;font-weight:500}.workspaces-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.workspace-card{background:#1a2230;border:1px solid #243047;border-radius:12px;padding:16px;transition:border-color .2s;cursor:pointer}.workspace-card:hover{border-color:#195de680}.workspace-card.add-new{display:flex;flex-direction:column;align-items:center;justify-content:center;border-style:dashed;background:transparent}.workspace-card.add-new .material-symbols-outlined{font-size:36px;color:#93a5c8}.workspace-card.add-new p{color:#93a5c8;font-size:14px;margin:8px 0 0}.workspace-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.workspace-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.workspace-icon .material-symbols-outlined{font-size:20px;color:#fff}.workspace-icon.blue{background:#3b82f61a}.workspace-icon.blue .material-symbols-outlined{color:#3b82f6}.workspace-icon.emerald{background:#10b9811a}.workspace-icon.emerald .material-symbols-outlined{color:#10b981}.workspace-icon.orange{background:#f973161a}.workspace-icon.orange .material-symbols-outlined{color:#f97316}.workspace-header h3{font-size:14px;font-weight:500;color:#fff;margin:0}.active-badge{margin-left:auto;padding:2px 8px;background:#10b9811a;color:#10b981;border-radius:4px;font-size:11px;font-weight:500}.workspace-desc{font-size:13px;color:#93a5c8;margin:0 0 12px}.workspace-footer{display:flex;justify-content:space-between;font-size:12px;color:#93a5c8}.security-options{display:flex;flex-direction:column;gap:8px}.security-item{display:flex;align-items:center;gap:16px;padding:16px;background:#1a2230;border:1px solid #243047;border-radius:12px}.security-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.security-icon .material-symbols-outlined{font-size:20px;color:#fff}.security-icon.purple{background:#a855f71a}.security-icon.purple .material-symbols-outlined{color:#a855f7}.security-icon.blue{background:#3b82f61a}.security-icon.blue .material-symbols-outlined{color:#3b82f6}.security-icon.emerald{background:#10b9811a}.security-icon.emerald .material-symbols-outlined{color:#10b981}.security-icon.yellow{background:#eab3081a}.security-icon.yellow .material-symbols-outlined{color:#eab308}.security-info{flex:1}.security-info h4{font-size:14px;font-weight:500;color:#fff;margin:0}.security-info p{font-size:12px;color:#93a5c8;margin:2px 0 0}.current-plan{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#195de60d;border:1px solid rgba(25,93,230,.3);border-radius:12px;margin-bottom:24px}.plan-info{display:flex;align-items:center;gap:12px}.plan-info h3{font-size:18px;font-weight:600;color:#fff;margin:0}.current-badge{padding:2px 8px;background:#195de633;color:#195de6;border-radius:4px;font-size:12px;font-weight:500}.plan-price{font-size:14px;color:#93a5c8;margin:0}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.plan-card{background:#1a2230;border:1px solid #243047;border-radius:12px;padding:20px}.plan-card.current{border:2px solid #195de6;background:#195de60d}.plan-card h4{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px}.plan-card .price{font-size:28px;font-weight:700;color:#fff;margin:0 0 16px}.plan-card .price span{font-size:14px;font-weight:400;color:#93a5c8}.plan-card ul{list-style:none;padding:0;margin:0}.plan-card li{font-size:13px;color:#93a5c8;padding:4px 0}.billing-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#111621;border-radius:8px;margin-bottom:16px}.billing-card .material-symbols-outlined{font-size:24px;color:#93a5c8}.billing-card p{margin:0;font-size:14px;color:#fff}.billing-card .hint{margin:0}.billing-card .text-btn{margin-left:auto}.billing-info{display:flex;justify-content:space-between;font-size:14px;color:#93a5c8}.billing-info span:last-child{color:#fff}@media (max-width: 1024px){.settings-grid,.roles-grid,.workspaces-grid,.plans-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-sidebar{display:none}.stats-row,.filters-row{flex-wrap:wrap}.search-box{width:100%}}.monitoring-section{max-width:1400px}.section-header-actions{display:flex;gap:8px;margin-left:auto}.monitoring-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.filter-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#1a2230;border:1px solid #243047;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.filter-chip:hover{background:#243047}.filter-chip .material-symbols-outlined{font-size:18px;color:#93a5c8}.filter-chip.secure{background:#10b9811a;border-color:#10b9814d;color:#10b981;cursor:default}.filter-chip.secure .material-symbols-outlined{color:#10b981}.monitoring-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.monitoring-stat-card{display:flex;gap:16px;padding:20px;background:#1a2230;border:1px solid #243047;border-radius:12px;position:relative;overflow:hidden}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;opacity:.2;position:absolute;right:16px;top:16px}.stat-icon .material-symbols-outlined{font-size:48px}.stat-icon.sentiment{color:#195de6}.stat-icon.warning{color:#f97316}.stat-icon.psychology{color:#a855f7}.stat-content{flex:1}.stat-content .stat-label{font-size:12px;font-weight:600;text-transform:uppercase;color:#93a5c8;letter-spacing:.05em;margin-bottom:8px}.stat-value-row{display:flex;align-items:baseline;gap:12px}.stat-content .stat-value{font-size:32px;font-weight:700;color:#fff}.stat-suffix{font-size:18px;color:#64748b;margin-left:4px}.stat-unit{font-size:16px;font-weight:400;margin-left:4px}.stat-change{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500}.stat-change.positive{background:#10b9811a;color:#10b981}.stat-change.negative{background:#f973161a;color:#f97316}.stat-change.neutral{background:#64748b1a;color:#94a3b8}.stat-bar{height:6px;background:#374151;border-radius:3px;margin-top:12px}.stat-bar-fill{height:100%;background:#195de6;border-radius:3px}.stat-hint{font-size:12px;color:#64748b;margin-top:8px}.monitoring-chart-card{background:#1a2230;border:1px solid #243047;border-radius:12px;padding:24px;margin-bottom:24px}.chart-header h3{font-size:16px;font-weight:600;color:#fff;margin:0}.chart-header p{font-size:14px;color:#93a5c8;margin:4px 0 0}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#93a5c8}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.primary{background:#195de6}.legend-dot.secondary{background:#93a5c8}.chart-placeholder{height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#11162180;border-radius:8px;color:#64748b}.chart-placeholder p{margin:0;font-size:14px}.monitoring-bottom-row{display:grid;grid-template-columns:2fr 1fr;gap:24px}.monitoring-alert-card{background:#1a2230;border:1px solid #243047;border-radius:12px;overflow:hidden}.alert-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #243047}.alert-header h3{font-size:14px;font-weight:600;color:#fff;margin:0}.alert-list{display:flex;flex-direction:column}.alert-item{display:flex;gap:16px;padding:16px;border-bottom:1px solid #243047;transition:background .2s}.alert-item:last-child{border-bottom:none}.alert-item:hover{background:#24304780}.alert-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-icon .material-symbols-outlined{font-size:16px}.alert-icon.critical{background:#ef44441a;color:#ef4444}.alert-icon.warning{background:#f973161a;color:#f97316}.alert-icon.info{background:#3b82f61a;color:#3b82f6}.alert-content{flex:1}.alert-title{display:flex;justify-content:space-between;align-items:flex-start}.alert-title p{font-size:14px;font-weight:500;color:#fff;margin:0}.alert-time{font-size:12px;color:#64748b}.alert-meta{font-size:12px;color:#93a5c8;margin:4px 0 0}.monitoring-wordcloud-card{background:#1a2230;border:1px solid #243047;border-radius:12px;padding:24px}.monitoring-wordcloud-card h3{font-size:14px;font-weight:600;color:#fff;margin:0 0 16px}.wordcloud-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.word-tag{padding:6px 12px;border-radius:4px;font-size:14px;font-weight:500}.word-tag.critical{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);font-weight:700}.word-tag.high{background:#f973161a;color:#f97316;border:1px solid rgba(249,115,22,.2)}.word-tag.medium{background:#64748b1a;color:#94a3b8;font-size:12px}.word-tag.low{background:#3b82f60d;color:#3b82f6;border:1px solid rgba(59,130,246,.1);font-size:12px}.department-breakdown{margin-top:auto;padding-top:16px;border-top:1px solid #243047}.breakdown-title{font-size:12px;color:#64748b;margin:0 0 12px}.breakdown-item{display:flex;align-items:center;gap:8px;margin-bottom:8px}.breakdown-label{width:60px;font-size:12px;color:#93a5c8}.breakdown-bar{flex:1;height:8px;background:#374151;border-radius:4px;overflow:hidden}.breakdown-fill{height:100%}.breakdown-fill.orange{background:#f97316}.breakdown-fill.blue{background:#3b82f6}.breakdown-fill.emerald{background:#10b981}.breakdown-value{font-size:12px;color:#64748b;width:32px;text-align:right}.monitoring-overview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.overview-stat{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#1a2230;border:1px solid #243047;border-radius:12px}.overview-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;color:#93a5c8;letter-spacing:.05em;margin:0 0 4px}.overview-stat-value{font-size:24px;font-weight:700;color:#fff;margin:0}.overview-stat-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.overview-stat-icon .material-symbols-outlined{font-size:20px}.overview-stat-icon.blue{background:#3b82f61a;color:#3b82f6}.overview-stat-icon.yellow{background:#eab3081a;color:#eab308}.overview-stat-icon.red{background:#ef44441a;color:#ef4444}.overview-stat.ai-suggest{background:linear-gradient(135deg,#195de626,#1a2230);border-color:#195de64d}.overview-stat-label.ai{color:#195de6;display:flex;align-items:center;gap:4px}.overview-stat-label.ai .material-symbols-outlined{font-size:14px}.suggest-btn{padding:6px 12px;background:#195de6;color:#fff;border:none;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.suggest-btn:hover{background:#1e4fd8}.monitoring-content-split{display:flex;gap:24px}.monitoring-table-section{flex:1;background:#1a2230;border:1px solid #243047;border-radius:12px;overflow:hidden}.monitoring-sidebar{width:360px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.monitoring-toolbar{display:flex;flex-wrap:wrap;gap:16px;padding:16px;border-bottom:1px solid #243047}.monitoring-search{flex:1;min-width:280px}.monitoring-filters-row{display:flex;gap:8px}.monitoring-table{overflow-x:auto}.monitoring-table table{width:100%;border-collapse:collapse}.monitoring-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;color:#93a5c8;background:#24304780;letter-spacing:.05em}.monitoring-table td{padding:12px 16px;border-top:1px solid #243047}.monitoring-table tr:hover{background:#2430474d}.checkbox-col{width:48px}.monitoring-table input[type=checkbox]{width:16px;height:16px;border-radius:4px;border:1px solid #374561;background:#111722;cursor:pointer}.word-cell{display:flex;flex-direction:column}.word-main{font-size:14px;font-weight:500;color:#fff}.word-translation{font-size:12px;color:#93a5c8}.category-badge{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500}.category-badge.purple{background:#a855f71a;color:#a855f7;border:1px solid rgba(168,85,247,.2)}.category-badge.orange{background:#f973161a;color:#f97316;border:1px solid rgba(249,115,22,.2)}.category-badge.pink{background:#ec48991a;color:#ec4899;border:1px solid rgba(236,72,153,.2)}.category-badge.blue{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.severity-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.severity-badge .material-symbols-outlined{font-size:14px}.severity-badge.critical{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.severity-badge.high{background:#eab3081a;color:#eab308;border:1px solid rgba(234,179,8,.2)}.severity-badge.medium{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.action-cell{display:flex;align-items:center;gap:8px;font-size:14px;color:#93a5c8}.action-cell .material-symbols-outlined{font-size:18px}.update-cell{display:flex;flex-direction:column}.update-date{font-size:14px;color:#fff}.update-by{font-size:12px;color:#93a5c8}.monitoring-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px;border-top:1px solid #243047}.pagination-info{font-size:14px;color:#93a5c8}.pagination-controls{display:flex;gap:8px}.pagination-btn{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#111722;border:1px solid #243047;border-radius:4px;color:#93a5c8;font-size:14px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#243047;color:#fff}.pagination-btn.active{background:#195de6;border-color:#195de6;color:#fff}.pagination-dots{color:#93a5c8;padding:0 4px}.ai-suggestion-card{background:linear-gradient(180deg,#1a2230,#111722);border:1px solid rgba(25,93,230,.3);border-radius:12px;padding:20px;position:relative;overflow:hidden}.ai-suggestion-card:before{content:"";position:absolute;top:-50px;right:-50px;width:128px;height:128px;background:#195de633;border-radius:50%;filter:blur(50px)}.ai-suggestion-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;position:relative}.ai-icon{width:32px;height:32px;border-radius:8px;background:#195de633;display:flex;align-items:center;justify-content:center}.ai-icon .material-symbols-outlined{font-size:18px;color:#195de6}.ai-suggestion-header h3{font-size:16px;font-weight:600;color:#fff;margin:0}.ai-suggestion-desc{font-size:14px;color:#93a5c8;margin:0 0 16px;position:relative}.suggestion-list{display:flex;flex-direction:column;gap:12px;position:relative}.suggestion-item{background:#24304780;border:1px solid #374561;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;transition:background .2s}.suggestion-item:hover{background:#243047}.suggestion-info{flex:1}.suggestion-word{font-size:14px;font-weight:600;color:#fff;margin:0}.suggestion-category{font-size:12px;color:#93a5c8;margin:4px 0 0}.suggestion-reason{font-size:12px;color:#93a5c8;margin:8px 0 0;padding-left:8px;border-left:2px solid rgba(25,93,230,.3)}.suggestion-match{font-size:11px;font-family:monospace;color:#195de6;background:#195de61a;padding:2px 6px;border-radius:4px;align-self:flex-start}.suggestion-actions{display:flex;gap:8px}.btn-sm .material-symbols-outlined{font-size:14px}.full-width{width:100%;margin-top:12px}.change-history-card{background:#1a2230;border:1px solid #243047;border-radius:12px;padding:20px}.change-history-card h3{font-size:14px;font-weight:600;color:#fff;margin:0 0 16px;display:flex;align-items:center;gap:8px}.change-history-card h3 .material-symbols-outlined{font-size:18px;color:#93a5c8}.history-timeline{position:relative;padding-left:8px;border-left:1px solid #243047}.history-item{position:relative;padding-left:16px;padding-bottom:20px}.history-item:last-child{padding-bottom:0}.history-dot{position:absolute;left:-5px;top:4px;width:10px;height:10px;border-radius:50%;border:2px solid #1a2230}.history-dot.green{background:#10b981}.history-dot.yellow{background:#eab308}.history-dot.red{background:#ef4444}.history-time{font-size:12px;color:#93a5c8;margin:0 0 2px}.history-action{font-size:14px;color:#fff;font-weight:500;margin:0}.history-user{font-size:12px;color:#93a5c8;margin:0}.add-word-section .section-header{flex-wrap:wrap}.security-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:999px;font-size:12px;font-weight:500;color:#10b981;margin-left:auto}.security-badge .material-symbols-outlined{font-size:14px}.add-word-layout{display:grid;grid-template-columns:1fr 360px;gap:24px}.add-word-form{display:flex;flex-direction:column;gap:20px}.add-word-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:0}.form-card{background:#1a2230;border:1px solid #243047;border-radius:12px;padding:24px}.form-card-title{font-size:14px;font-weight:600;color:#fff;margin:0 0 20px;display:flex;align-items:center;gap:8px}.form-card-title .material-symbols-outlined{font-size:18px;color:#195de6}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff;margin-bottom:8px}.form-label .required{font-size:11px;font-weight:400;color:#ef4444;background:#ef44441a;padding:2px 6px;border-radius:4px}.form-input{width:100%;padding:12px 16px;background:#111722;border:1px solid #243047;border-radius:8px;color:#fff;font-size:14px;transition:border-color .2s}.form-input:focus{outline:none;border-color:#195de6;box-shadow:0 0 0 2px #195de633}.form-input::placeholder{color:#64748b}.form-hint{font-size:12px;color:#93a5c8;margin:8px 0 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.select-wrapper{position:relative}.form-select{width:100%;padding:12px 40px 12px 16px;background:#111722;border:1px solid #243047;border-radius:8px;color:#fff;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s}.form-select:focus{outline:none;border-color:#195de6}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#93a5c8;pointer-events:none}.severity-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;height:48px}.severity-option{display:flex;align-items:center;justify-content:center;padding:12px;background:#111722;border:1px solid #243047;border-radius:8px;color:#93a5c8;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.severity-option input{display:none}.severity-option:hover{background:#1a2230}.severity-option.active.yellow{background:#eab30833;border-color:#eab30880;color:#eab308}.severity-option.active.orange{background:#f9731633;border-color:#f9731680;color:#f97316}.severity-option.active.red{background:#ef444433;border-color:#ef444480;color:#ef4444}.setting-options{display:flex;flex-direction:column}.setting-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid rgba(36,48,71,.5)}.setting-item:last-child{border-bottom:none}.setting-item .setting-icon{width:40px;height:40px;border-radius:10px;background:#64748b1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.setting-item .setting-icon .material-symbols-outlined{font-size:20px;color:#64748b}.setting-info{flex:1}.setting-title{font-size:14px;font-weight:500;color:#fff;margin:0}.setting-desc{font-size:12px;color:#93a5c8;margin:2px 0 0}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.ai-panel{background:linear-gradient(180deg,#6366f10d,#1a2230);border:1px solid #243047;border-radius:12px;overflow:hidden}.ai-panel-header{display:flex;align-items:center;gap:8px;padding:16px;background:#6366f10d;border-bottom:1px solid rgba(36,48,71,.5)}.ai-panel-header .material-symbols-outlined{font-size:18px;color:#818cf8}.ai-panel-header h3{font-size:14px;font-weight:600;color:#fff;margin:0}.beta-badge{font-size:10px;font-weight:700;text-transform:uppercase;color:#818cf8;background:#6366f11a;padding:2px 6px;border-radius:4px;margin-left:auto}.ai-panel-body{padding:16px}.ai-panel-desc{font-size:12px;color:#93a5c8;margin:0 0 16px;line-height:1.5}.ai-suggestion-items{display:flex;flex-direction:column;gap:8px}.ai-suggestion-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#111722;border:1px solid #243047;border-radius:8px;transition:all .2s;cursor:pointer}.ai-suggestion-item:hover{border-color:#6366f14d}.ai-item-info{display:flex;flex-direction:column}.ai-item-word{font-size:14px;font-weight:500;color:#fff}.ai-item-match{font-size:10px;color:#64748b}.ai-add-btn{width:32px;height:32px;border-radius:50%;background:#64748b1a;border:none;display:flex;align-items:center;justify-content:center;color:#93a5c8;cursor:pointer;transition:all .2s}.ai-add-btn:hover{background:#6366f133;color:#818cf8}.ai-add-btn .material-symbols-outlined{font-size:18px}.ai-refresh-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;margin-top:12px;background:transparent;border:none;color:#818cf8;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s;border-radius:8px}.ai-refresh-btn:hover{background:#6366f11a}.ai-refresh-btn .material-symbols-outlined{font-size:16px}.translation-panel{background:#1a2230;border:1px solid #243047;border-radius:12px;padding:16px}.translation-panel h3{font-size:14px;font-weight:600;color:#fff;margin:0 0 12px;display:flex;align-items:center;gap:8px}.translation-panel h3 .material-symbols-outlined{font-size:18px;color:#64748b}.translation-list{display:flex;flex-direction:column;gap:8px}.translation-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#111722;border-radius:6px}.translation-lang{font-size:12px;color:#93a5c8}.translation-text{font-size:14px;font-weight:500;color:#fff}@media (max-width: 1200px){.monitoring-stats,.monitoring-bottom-row{grid-template-columns:1fr}.monitoring-overview-stats{grid-template-columns:repeat(2,1fr)}.monitoring-content-split{flex-direction:column}.monitoring-sidebar{width:100%}.add-word-layout{grid-template-columns:1fr}.add-word-sidebar{position:static}}@media (max-width: 768px){.form-row,.monitoring-overview-stats{grid-template-columns:1fr}}.modal-container{background:#1a2230;border:1px solid #243047;border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalEnter .2s ease-out}.modal-container.modal-large{max-width:800px}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:flex-start;gap:16px;padding:24px;border-bottom:1px solid #243047}.modal-header p{font-size:14px;color:#93a5c8;margin:4px 0 0}.modal-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-icon .material-symbols-outlined{font-size:24px;color:#fff}.modal-icon.purple{background:#a855f733}.modal-icon.purple .material-symbols-outlined{color:#a855f7}.modal-icon.blue{background:#3b82f633}.modal-icon.blue .material-symbols-outlined{color:#3b82f6}.modal-close{margin-left:auto;padding:8px;background:transparent;border:none;border-radius:8px;color:#93a5c8;cursor:pointer;transition:all .2s}.modal-close:hover{background:#ffffff0d;color:#fff}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-body .form-group{margin-bottom:20px}.modal-body .form-group:last-child{margin-bottom:0}.modal-setting{background:#111722;border-radius:12px;padding:16px;margin-top:16px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #243047;background:#11162180}.department-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#64748b1a;border-radius:6px;font-size:13px;color:#93a5c8}.department-badge .material-symbols-outlined{font-size:14px;color:#64748b}.status-badge.invited{background:#eab3081a;color:#eab308}.status-badge.invited .status-dot{background:#eab308}.status-badge.suspended{background:#ef44441a;color:#ef4444}.status-badge.suspended .status-dot{background:#ef4444}.import-steps{display:flex;align-items:center;justify-content:center;gap:0;padding:20px 24px;background:#11162180;border-bottom:1px solid #243047}.import-step{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}.import-step.active{color:#195de6}.import-step.completed{color:#10b981}.step-number{width:28px;height:28px;border-radius:50%;background:#374151;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#93a5c8}.import-step.active .step-number{background:#195de6;color:#fff}.import-step.completed .step-number{background:#10b981;color:#fff}.step-connector{width:40px;height:2px;background:#374151;margin:0 12px}.upload-section{display:flex;flex-direction:column;gap:24px}.upload-dropzone{position:relative;border:2px dashed #374151;border-radius:12px;padding:48px 24px;text-align:center;transition:all .2s;cursor:pointer}.upload-dropzone:hover{border-color:#195de6;background:#195de60d}.upload-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.upload-icon{font-size:48px;color:#64748b}.upload-title{font-size:16px;font-weight:500;color:#fff;margin:0}.upload-hint{font-size:14px;color:#93a5c8;margin:0}.upload-template{background:#111722;border-radius:12px;padding:20px}.upload-template h4{font-size:14px;font-weight:600;color:#fff;margin:0 0 8px}.upload-template p{font-size:13px;color:#93a5c8;margin:0 0 12px}.template-columns{background:#1a2230;border-radius:6px;padding:12px 16px;margin-bottom:12px}.template-columns code{font-family:SF Mono,Fira Code,monospace;font-size:13px;color:#10b981}.template-or{display:block;margin:8px 0;font-size:12px;color:#64748b;text-align:center}.template-buttons{display:flex;gap:16px;flex-wrap:wrap}.upload-template .text-btn{display:inline-flex;align-items:center;gap:6px}.upload-template .text-btn .material-symbols-outlined{font-size:16px}.preview-section{display:flex;flex-direction:column;gap:16px}.preview-summary{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#111722;border-radius:8px}.import-mode-notice{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#60a5fa;font-size:13px}.import-mode-notice .material-symbols-outlined{font-size:18px}.preview-stat{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.preview-stat.valid{color:#10b981}.preview-stat.warning{color:#eab308}.preview-stat.error{color:#ef4444}.preview-stat .material-symbols-outlined{font-size:18px}.preview-file{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:13px;color:#93a5c8}.preview-file .material-symbols-outlined{font-size:16px}.preview-table-wrapper{overflow-x:auto;border:1px solid #243047;border-radius:8px}.preview-table{width:100%;border-collapse:collapse;font-size:13px}.preview-table th{padding:10px 12px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;color:#93a5c8;background:#111722;letter-spacing:.05em}.preview-table td{padding:10px 12px;color:#fff;border-top:1px solid #243047}.preview-table tr.row-valid{background:#10b98108}.preview-table tr.row-warning{background:#eab3080d}.preview-table tr.row-error{background:#ef44440d}.status-icon{display:inline-flex}.status-icon .material-symbols-outlined{font-size:18px}.status-icon.valid{color:#10b981}.status-icon.warning{color:#eab308}.status-icon.error{color:#ef4444}.message-cell{color:#93a5c8;font-style:italic}.complete-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 0}.complete-icon{width:80px;height:80px;border-radius:50%;background:#10b9811a;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.complete-icon .material-symbols-outlined{font-size:48px;color:#10b981}.complete-section h3{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.complete-section p{font-size:14px;color:#93a5c8;margin:0 0 24px}.complete-stats{display:flex;gap:32px}.complete-stat{display:flex;flex-direction:column;align-items:center}.complete-stat-value{font-size:28px;font-weight:700;color:#fff}.complete-stat-label{font-size:12px;color:#93a5c8;margin-top:4px}.complete-stat.success .complete-stat-value{color:#10b981}.complete-stat.warning .complete-stat-value{color:#eab308}.complete-stat.error .complete-stat-value{color:#ef4444}.import-results-table{margin-top:24px;max-height:200px;overflow-y:auto;border:1px solid #243047;border-radius:8px;width:100%}.preview-count{font-weight:600;color:#fff}.preview-valid{color:#10b981;font-weight:500}.preview-invalid{color:#ef4444;font-weight:500}.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;text-transform:capitalize}.status-badge.valid,.status-badge.success{background:#10b98126;color:#10b981}.status-badge.error{background:#ef444426;color:#ef4444}.status-badge.warning,.status-badge.skipped{background:#eab30826;color:#eab308}.upload-filename{font-size:13px;color:#10b981;margin-top:8px}.template-hint{font-size:12px;color:#93a5c8;margin:8px 0}.template-hint code{background:#8899a81a;padding:2px 6px;border-radius:4px;font-family:monospace}@media (max-width: 640px){.modal-overlay{padding:16px}.modal-container{max-height:95vh}.modal-header,.modal-body{padding:16px}.modal-footer{padding:12px 16px;flex-direction:column}.modal-footer .btn{width:100%;justify-content:center}.import-steps{padding:16px}.import-step span{display:none}.step-connector{width:24px}.preview-summary{flex-wrap:wrap}.preview-file{width:100%;margin-left:0;margin-top:8px}.complete-stats{gap:24px}}.risk-section{max-width:1400px}.risk-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;align-items:center}.ai-status-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:999px;font-size:13px;font-weight:500;color:#10b981;margin-left:auto}.ai-status-badge .material-symbols-outlined{font-size:16px}.risk-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.risk-stat-card{background:#1a2230;border:1px solid #243047;border-radius:12px;padding:20px}.risk-stat-card.critical{border-left:4px solid #ef4444}.risk-stat-card.high{border-left:4px solid #f97316}.risk-stat-card.medium{border-left:4px solid #eab308}.risk-stat-card.total{border-left:4px solid #3b82f6}.risk-stat-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.risk-stat-header .material-symbols-outlined{font-size:20px}.risk-stat-card.critical .material-symbols-outlined{color:#ef4444}.risk-stat-card.high .material-symbols-outlined{color:#f97316}.risk-stat-card.medium .material-symbols-outlined{color:#eab308}.risk-stat-card.total .material-symbols-outlined{color:#3b82f6}.risk-stat-label{font-size:13px;color:#93a5c8}.risk-stat-value{font-size:36px;font-weight:700;color:#fff;margin-bottom:4px}.risk-stat-change{font-size:12px;padding:2px 8px;border-radius:4px;display:inline-block}.risk-stat-change.positive{background:#10b9811a;color:#10b981}.risk-stat-change.negative{background:#ef44441a;color:#ef4444}.risk-stat-change.neutral{background:#64748b1a;color:#94a3b8}.risk-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.risk-categories-card,.recent-detections-card{background:#1a2230;border:1px solid #243047;border-radius:12px;padding:20px}.risk-categories-card h3,.recent-detections-card h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 16px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h3{margin:0}.category-bars{display:flex;flex-direction:column;gap:12px}.category-bar-item{display:flex;align-items:center;gap:12px}.category-bar-label{display:flex;align-items:center;gap:8px;width:160px;font-size:13px;color:#93a5c8}.category-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center}.category-icon .material-symbols-outlined{font-size:16px}.category-icon.orange{background:#f973161a;color:#f97316}.category-icon.red{background:#ef44441a;color:#ef4444}.category-icon.pink{background:#ec48991a;color:#ec4899}.category-icon.purple{background:#a855f71a;color:#a855f7}.category-icon.blue{background:#3b82f61a;color:#3b82f6}.category-icon.slate{background:#64748b1a;color:#94a3b8}.category-bar-wrapper{flex:1;height:8px;background:#374151;border-radius:4px;overflow:hidden}.category-bar-fill{height:100%;border-radius:4px}.category-bar-fill.orange{background:#f97316}.category-bar-fill.red{background:#ef4444}.category-bar-fill.pink{background:#ec4899}.category-bar-fill.purple{background:#a855f7}.category-bar-fill.blue{background:#3b82f6}.category-bar-fill.slate{background:#94a3b8}.category-bar-value{width:30px;text-align:right;font-size:14px;font-weight:600;color:#fff}.detection-list{display:flex;flex-direction:column;gap:12px}.detection-item{display:flex;gap:12px;padding:12px;background:#111722;border-radius:8px;border-left:3px solid transparent}.detection-item.critical{border-left-color:#ef4444}.detection-item.high{border-left-color:#f97316}.detection-item.medium{border-left-color:#eab308}.detection-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detection-icon .material-symbols-outlined{font-size:18px}.detection-icon.critical{background:#ef44441a;color:#ef4444}.detection-icon.high{background:#f973161a;color:#f97316}.detection-icon.medium{background:#eab3081a;color:#eab308}.detection-content{flex:1;min-width:0}.detection-title{font-size:14px;font-weight:500;color:#fff;margin:0 0 4px}.detection-meta{font-size:12px;color:#64748b;margin:0 0 6px}.detection-context{font-size:12px;color:#93a5c8;font-style:italic;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detection-confidence{font-size:13px;font-weight:600;color:#195de6;background:#195de61a;padding:4px 8px;border-radius:4px;align-self:flex-start}.risk-heatmap-card{background:#1a2230;border:1px solid #243047;border-radius:12px;padding:24px}.risk-heatmap-card h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 20px}.heatmap-grid{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.heatmap-header,.heatmap-row{display:flex;gap:4px}.heatmap-corner{width:120px;flex-shrink:0}.heatmap-col-label{flex:1;text-align:center;font-size:11px;color:#93a5c8;padding:8px 4px}.heatmap-row-label{width:120px;flex-shrink:0;font-size:12px;color:#93a5c8;display:flex;align-items:center}.heatmap-cell{flex:1;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.heatmap-cell.low{background:#10b98133;color:#10b981}.heatmap-cell.medium{background:#eab30833;color:#eab308}.heatmap-cell.high{background:#f9731633;color:#f97316}.heatmap-cell.critical{background:#ef444433;color:#ef4444}.heatmap-legend{display:flex;gap:16px;justify-content:center}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#93a5c8}.legend-dot{width:12px;height:12px;border-radius:3px}.legend-dot.low{background:#10b98180}.legend-dot.medium{background:#eab30880}.legend-dot.high{background:#f9731680}.legend-dot.critical{background:#ef444480}.anonymity-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:999px;font-size:13px;font-weight:500;color:#a855f7}.anonymity-badge .material-symbols-outlined{font-size:16px}.department-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.dept-chip{padding:8px 16px;background:#1a2230;border:1px solid #243047;border-radius:999px;color:#93a5c8;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.dept-chip:hover{background:#243047;color:#fff}.dept-chip.active{background:#195de6;border-color:#195de6;color:#fff}.mental-health-overview{margin-bottom:24px}.org-wellness-score{display:flex;align-items:center;gap:32px;padding:32px;background:linear-gradient(135deg,#a855f71a,#1a2230);border:1px solid rgba(168,85,247,.2);border-radius:16px}.wellness-circle{position:relative;width:140px;height:140px}.wellness-circle svg{transform:rotate(-90deg);width:100%;height:100%}.wellness-bg{fill:none;stroke:#374151;stroke-width:10}.wellness-fill{fill:none;stroke:#a855f7;stroke-width:10;stroke-linecap:round}.wellness-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.wellness-value .score{font-size:36px;font-weight:700;color:#fff}.wellness-value .label{font-size:12px;color:#93a5c8}.wellness-summary h3{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.wellness-summary p{font-size:14px;color:#93a5c8;margin:0 0 12px}.wellness-change{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:500}.wellness-change.positive{background:#10b9811a;color:#10b981}.wellness-change .material-symbols-outlined{font-size:16px}.department-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.department-wellness-card{background:#1a2230;border:1px solid #243047;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s}.department-wellness-card:hover{border-color:#a855f780;transform:translateY(-2px)}.dept-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dept-card-header h4{font-size:15px;font-weight:600;color:#fff;margin:0}.dept-score{font-size:24px;font-weight:700;padding:4px 12px;border-radius:8px}.dept-score.good{background:#10b9811a;color:#10b981}.dept-score.moderate{background:#eab3081a;color:#eab308}.dept-score.concerning{background:#ef44441a;color:#ef4444}.dept-card-trend{margin-bottom:16px}.dept-card-trend .trend{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500}.dept-card-trend .trend.positive{color:#10b981}.dept-card-trend .trend.negative{color:#ef4444}.dept-card-trend .trend .material-symbols-outlined{font-size:16px}.trend-period{font-size:12px;color:#64748b;margin-left:8px}.dept-card-indicators{display:flex;gap:16px;padding-top:12px;border-top:1px solid #243047}.indicator{display:flex;flex-direction:column;align-items:center;gap:4px}.indicator-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center}.indicator-icon .material-symbols-outlined{font-size:16px}.indicator-icon.burnout{background:#f973161a;color:#f97316}.indicator-icon.turnover{background:#ec48991a;color:#ec4899}.indicator-icon.stress{background:#a855f71a;color:#a855f7}.indicator-value{font-size:16px;font-weight:600;color:#fff}.indicator-label{font-size:10px;color:#64748b}.department-detail{animation:fadeIn .3s ease}.detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.back-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:1px solid #243047;border-radius:8px;color:#93a5c8;font-size:13px;cursor:pointer;transition:all .2s}.back-btn:hover{background:#243047;color:#fff}.back-btn .material-symbols-outlined{font-size:18px}.detail-header h3{font-size:20px;font-weight:600;color:#fff;margin:0}.detail-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.detail-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#1a2230;border:1px solid #243047;border-radius:12px}.detail-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.detail-stat-icon .material-symbols-outlined{font-size:24px}.detail-stat-icon.wellness{background:#a855f71a;color:#a855f7}.detail-stat-icon.burnout{background:#f973161a;color:#f97316}.detail-stat-icon.turnover{background:#ec48991a;color:#ec4899}.detail-stat-icon.stress{background:#eab3081a;color:#eab308}.detail-stat-content{display:flex;flex-direction:column}.detail-stat-value{font-size:28px;font-weight:700;color:#fff}.detail-stat-label{font-size:12px;color:#93a5c8}.detail-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.trend-chart-card,.ai-insights-card{background:#1a2230;border:1px solid #243047;border-radius:12px;padding:20px}.trend-chart-card h4,.ai-insights-card h4{font-size:15px;font-weight:600;color:#fff;margin:0 0 4px}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.chart-subtitle{font-size:12px;color:#64748b;margin:0}.chart-legend{display:flex;gap:16px}.chart-legend .legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:#93a5c8}.legend-line{width:16px;height:3px;border-radius:2px}.legend-line.primary{background:#a855f7}.legend-line.secondary{background:#64748b;height:2px;border-style:dashed;border-width:0;background:repeating-linear-gradient(to right,#64748b 0,#64748b 4px,transparent 4px,transparent 6px)}.chart-container{position:relative;width:100%;height:200px}.wellness-chart{width:100%;height:100%;overflow:visible}.chart-tooltip{position:absolute;left:72%;top:20%;background:#111722;border:1px solid #344465;border-radius:8px;padding:10px 12px;pointer-events:none;box-shadow:0 4px 12px #0000004d;transform:translate(-50%)}.tooltip-date{font-size:11px;font-weight:600;color:#fff;margin:0 0 6px}.tooltip-value{display:flex;align-items:center;gap:6px;font-size:11px;color:#93a5c8;margin:0;line-height:1.6}.tooltip-value .dot{width:8px;height:8px;border-radius:50%}.tooltip-value .dot.purple{background:#a855f7}.tooltip-value .dot.gray{background:#64748b}.chart-x-axis{display:flex;justify-content:space-between;margin-top:12px;padding:0 4px;font-size:10px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#64748b}.chart-placeholder .material-symbols-outlined{font-size:48px;margin-bottom:8px}.ai-insights-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.ai-insights-header .material-symbols-outlined{font-size:20px;color:#818cf8}.ai-insights-header h4{margin:0}.insights-list{display:flex;flex-direction:column;gap:12px}.insight-item{display:flex;gap:12px;padding:12px;background:#111722;border-radius:8px}.insight-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.insight-icon .material-symbols-outlined{font-size:16px}.insight-icon.warning{background:#eab3081a;color:#eab308}.insight-icon.info{background:#3b82f61a;color:#3b82f6}.insight-icon.positive{background:#10b9811a;color:#10b981}.insight-item p{font-size:13px;color:#93a5c8;margin:0;line-height:1.5}.anonymous-alerts-card{background:#1a2230;border:1px solid #243047;border-radius:12px;padding:20px}.anonymous-alerts-card h4{font-size:15px;font-weight:600;color:#fff;margin:0 0 12px}.privacy-note{display:flex;align-items:center;gap:6px;font-size:12px;color:#a855f7;margin:0 0 16px;padding:8px 12px;background:#a855f71a;border-radius:6px}.privacy-note .material-symbols-outlined{font-size:14px}.alert-summary{display:flex;flex-direction:column;gap:12px}.alert-type{display:flex;align-items:center;gap:12px;padding:12px;background:#111722;border-radius:8px}.alert-count{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.alert-count.high{background:#ef44441a;color:#ef4444}.alert-count.medium{background:#eab3081a;color:#eab308}.alert-count.low{background:#64748b1a;color:#94a3b8}.alert-label{font-size:13px;color:#93a5c8}.rcm-stats{display:flex;gap:24px;margin-bottom:24px;padding:20px;background:#1a2230;border:1px solid #243047;border-radius:12px}.rcm-stat{display:flex;flex-direction:column;gap:4px}.rcm-stat-value{font-size:28px;font-weight:700;color:#fff}.rcm-stat-label{font-size:12px;color:#93a5c8}.rcm-stat.ai{flex-direction:row;align-items:center;gap:8px;margin-left:auto;padding:8px 16px;background:#10b9811a;border-radius:999px;color:#10b981}.rcm-stat.ai .material-symbols-outlined{font-size:20px}.rcm-filters{display:flex;gap:12px;margin-bottom:16px}.rcm-table-wrapper{background:#1a2230;border:1px solid #243047;border-radius:12px;overflow:hidden}.rcm-table{width:100%;border-collapse:collapse}.rcm-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;color:#93a5c8;background:#11162180;letter-spacing:.05em}.rcm-table td{padding:16px;border-top:1px solid #243047;vertical-align:top}.rcm-table tr:hover{background:#2430474d}.risk-id{font-family:SF Mono,Fira Code,monospace;font-size:12px;padding:4px 8px;background:#111722;border-radius:4px;color:#93a5c8}.risk-name-cell{display:flex;flex-direction:column;gap:4px}.risk-name-cell .risk-name{font-size:14px;font-weight:500;color:#fff}.risk-name-cell .risk-desc{font-size:12px;color:#64748b}.controls-text{font-size:13px;color:#93a5c8}.ai-detection-cell{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:#818cf8}.ai-detection-cell .material-symbols-outlined{font-size:14px;flex-shrink:0;margin-top:2px}.category-badge.compliance{background:#f973161a;color:#f97316;border:1px solid rgba(249,115,22,.2)}.category-badge.fraud---misconduct{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.category-badge.harassment{background:#ec48991a;color:#ec4899;border:1px solid rgba(236,72,153,.2)}.category-badge.mental-health{background:#a855f71a;color:#a855f7;border:1px solid rgba(168,85,247,.2)}.category-badge.data-security{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.mapping-section{display:flex;flex-direction:column;gap:24px}.mapping-info{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#3b82f61a;border-radius:8px;color:#3b82f6;font-size:14px}.mapping-info .material-symbols-outlined{font-size:18px}.mapping-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mapping-row{display:flex;flex-direction:column;gap:8px}.mapping-label{font-size:13px;font-weight:500;color:#93a5c8}.ai-detection-option{padding:16px;background:linear-gradient(135deg,#6366f11a,#111722);border:1px solid rgba(99,102,241,.2);border-radius:12px}.option-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.option-header .material-symbols-outlined{font-size:20px;color:#818cf8}.option-header h4{font-size:14px;font-weight:600;color:#fff;margin:0}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:13px;color:#93a5c8;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#818cf8}.upload-formats{background:#111722;border-radius:12px;padding:20px}.upload-formats h4{font-size:14px;font-weight:600;color:#fff;margin:0 0 12px}.format-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.format-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#1a2230;border-radius:6px;font-size:13px;color:#93a5c8}.format-item .material-symbols-outlined{font-size:18px;color:#64748b}.risk-definition-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.risk-definition-card{background:#1a2230;border:1px solid #243047;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s}.risk-definition-card:hover{border-color:#195de680}.risk-definition-card.selected{border-color:#195de6;background:#195de60d}.risk-def-header{display:flex;align-items:center;gap:12px}.risk-def-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.risk-def-icon .material-symbols-outlined{font-size:22px}.risk-def-title{flex:1}.risk-def-title h4{font-size:15px;font-weight:600;color:#fff;margin:0 0 2px}.risk-count{font-size:12px;color:#64748b}.risk-def-details{margin-top:20px;padding-top:20px;border-top:1px solid #243047;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.risk-def-section{margin-bottom:20px}.risk-def-section h5{font-size:12px;font-weight:600;text-transform:uppercase;color:#93a5c8;margin:0 0 12px;letter-spacing:.05em}.detection-setting{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(36,48,71,.5)}.detection-setting:last-child{border-bottom:none}.detection-setting span{font-size:13px;color:#93a5c8}.sensitivity-slider{display:flex;align-items:center;gap:8px}.sensitivity-slider input[type=range]{width:80px;accent-color:#195de6}.sensitivity-label{font-size:11px;color:#64748b;width:50px}.toggle-switch.small .toggle-slider:before{width:14px;height:14px}.alert-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.risk-def-actions{display:flex;gap:8px;margin-top:16px}.ai-model-info{background:linear-gradient(135deg,#6366f11a,#1a2230);border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:24px}.ai-model-header{display:flex;align-items:center;gap:8px;margin-bottom:20px}.ai-model-header .material-symbols-outlined{font-size:24px;color:#818cf8}.ai-model-header h3{font-size:16px;font-weight:600;color:#fff;margin:0}.model-version{margin-left:auto;padding:4px 10px;background:#6366f133;border-radius:999px;font-size:11px;font-weight:600;color:#818cf8}.ai-model-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.model-stat{text-align:center;padding:16px;background:#11162180;border-radius:8px}.model-stat-value{font-size:24px;font-weight:700;color:#fff;display:block}.model-stat-label{font-size:11px;color:#93a5c8}.model-description{font-size:13px;color:#93a5c8;line-height:1.6;margin:0}.log-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.detection-log-table-wrapper{background:#1a2230;border:1px solid #243047;border-radius:12px;overflow:hidden;margin-bottom:16px}.detection-log-table{width:100%;border-collapse:collapse}.detection-log-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;color:#93a5c8;background:#11162180;letter-spacing:.05em;white-space:nowrap}.detection-log-table td{padding:12px 16px;border-top:1px solid #243047;vertical-align:middle}.detection-log-table tr:hover{background:#2430474d}.detection-id{font-family:SF Mono,Fira Code,monospace;font-size:12px;padding:4px 8px;background:#111722;border-radius:4px;color:#93a5c8}.timestamp-cell{font-size:12px;color:#93a5c8;white-space:nowrap}.risk-cell{display:flex;flex-direction:column;gap:4px;max-width:250px}.risk-cell .risk-name{font-size:14px;font-weight:500;color:#fff}.risk-cell .risk-context{font-size:11px;color:#64748b;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.confidence-cell{display:flex;align-items:center;gap:8px}.confidence-bar{width:60px;height:6px;background:#374151;border-radius:3px;overflow:hidden}.confidence-fill{height:100%;border-radius:3px}.confidence-fill.high{background:#10b981}.confidence-fill.medium{background:#eab308}.confidence-fill.low{background:#f97316}.confidence-value{font-size:12px;font-weight:600;color:#fff}.log-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:500}.log-status-badge.pending{background:#eab3081a;color:#eab308}.log-status-badge.reviewed{background:#10b9811a;color:#10b981}.log-status-badge.escalated{background:#ef44441a;color:#ef4444}.log-status-badge.dismissed{background:#64748b1a;color:#94a3b8}.log-actions{display:flex;gap:4px}.log-actions .icon-btn{padding:4px}.log-actions .icon-btn .material-symbols-outlined{font-size:18px}.log-pagination{display:flex;align-items:center;justify-content:space-between}@media (max-width: 1200px){.risk-stats-grid{grid-template-columns:repeat(2,1fr)}.risk-content-grid{grid-template-columns:1fr}.department-cards-grid,.detail-stats-row{grid-template-columns:repeat(2,1fr)}.detail-content-grid,.risk-definition-grid{grid-template-columns:1fr}.ai-model-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.risk-stats-grid,.department-cards-grid,.detail-stats-row,.mapping-grid,.format-list,.alert-options,.ai-model-stats{grid-template-columns:1fr}}.server-card.disabled{opacity:.6}.server-card.disabled .server-name h3{text-decoration:line-through;color:#64748b}.auth-badge{font-size:10px;padding:3px 8px;border-radius:4px;text-transform:uppercase;font-weight:600;background:#1e293b;color:#94a3b8;letter-spacing:.02em}.auth-badge.api_key{background:#fbbf2426;color:#fbbf24}.auth-badge.basic{background:#60a5fa26;color:#60a5fa}.auth-badge.oauth{background:#a78bfa26;color:#a78bfa}.auth-badge.certificate{background:#34d39926;color:#34d399}.auth-badge.none{background:#1e293b;color:#64748b}.status-indicator{display:inline-flex;align-items:center;margin-left:8px}.status-indicator .material-symbols-outlined{font-size:16px}.status-indicator.connected{color:#34d399}.status-indicator.disconnected{color:#64748b}.status-indicator.testing{color:#fbbf24}.status-indicator.error{color:#f87171}.toggle-switch.small{width:36px;height:20px}.toggle-switch.small .toggle-slider:before{width:14px;height:14px;left:3px;bottom:3px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;color:#94a3b8;gap:16px}.loading-state .material-symbols-outlined{font-size:48px;color:#a855f7}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;color:#94a3b8;gap:12px}.empty-state .material-symbols-outlined{font-size:64px;color:#475569}.empty-state h3{font-size:18px;font-weight:600;color:#e2e8f0;margin:8px 0 4px}.empty-state p{color:#64748b;margin-bottom:16px}.error-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#f87171;margin-bottom:16px}.error-banner .material-symbols-outlined:first-child{font-size:20px}.error-banner button{margin-left:auto;background:none;border:none;color:#f87171;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s}.error-banner button:hover{opacity:1}.form-error-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#f87171;margin-bottom:16px}.form-error-banner .material-symbols-outlined{font-size:20px}.form-hint{font-size:12px;color:#64748b;margin-top:6px}.test-result{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;margin-top:16px}.test-result.success{background:#34d3991a;border:1px solid rgba(52,211,153,.2);color:#34d399}.test-result.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171}.test-result .material-symbols-outlined{font-size:24px}.test-result-title{font-weight:600;margin-bottom:4px}.test-result-info{font-size:13px;opacity:.8}.modal-footer-right{display:flex;gap:8px;margin-left:auto}.modal-container.modal-small{max-width:420px}.modal-container.modal-small .modal-body{padding:16px 24px}.modal-container.modal-small .modal-body p{margin-bottom:8px}.btn.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.btn.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn.btn-danger:disabled{opacity:.6;cursor:not-allowed}.type-badge.database{background:#60a5fa26;color:#60a5fa}.type-badge.storage{background:#a78bfa26;color:#a78bfa}.type-badge.api{background:#34d39926;color:#34d399}.type-badge.code{background:#fbbf2426;color:#fbbf24}.type-badge.search{background:#f8717126;color:#f87171}.type-badge.custom{background:#94a3b826;color:#94a3b8}.server-icon.database{background:#60a5fa26;color:#60a5fa}.server-icon.storage{background:#a78bfa26;color:#a78bfa}.server-icon.api{background:#34d39926;color:#34d399}.server-icon.code{background:#fbbf2426;color:#fbbf24}.server-icon.search{background:#f8717126;color:#f87171}.server-icon.custom{background:#94a3b826;color:#94a3b8}.text-secondary{color:#64748b}.role-select{padding:6px 12px;background:#1a2230;border:1px solid #243047;border-radius:6px;color:#e2e8f0;font-size:13px;cursor:pointer}.role-select:focus{outline:none;border-color:#195de680}.role-badge.owner{background:linear-gradient(135deg,#8b5cf633,#a855f733);color:#a78bfa;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500}.btn-danger-outline{background:transparent;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.btn-danger-outline:hover{background:#ef44441a;border-color:#ef4444}.btn-danger-outline .material-symbols-outlined{font-size:16px}.btn-sm{padding:4px 10px;font-size:12px}.user-row{transition:background .2s}.user-row:hover{background:#195de60d}.user-avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover}.confirm-dialog{max-width:400px}.confirm-dialog .modal-header{padding-bottom:12px}.modal-icon.red{background:#ef44441a}.modal-icon.red .material-symbols-outlined{color:#ef4444}.text-slate{color:#64748b}.text-purple{color:#a78bfa}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f141e,#1a2230);padding:20px}.auth-container{width:100%;max-width:400px;background:#1a2230;border:1px solid #243047;border-radius:16px;padding:40px;box-shadow:0 25px 50px -12px #00000080}.auth-logo{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.auth-logo-img{width:100%;height:100%;object-fit:contain}.auth-logo .material-symbols-outlined{font-size:32px;color:#fff}.auth-header h1{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.auth-header p{color:#93a5c8;font-size:14px;margin:0}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#fff;font-size:14px;font-weight:500}.form-group input{width:100%;padding:12px 16px;background:#111621;border:1px solid #243047;border-radius:8px;color:#fff;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input::placeholder{color:#637588}.form-group input:focus{outline:none;border-color:#195de6;box-shadow:0 0 0 3px #195de633}.form-group input:disabled{opacity:.6;cursor:not-allowed}.btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:linear-gradient(135deg,#195de6,#6366f1);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #195de666}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px 16px;color:#f87171;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.error-close{background:none;border:none;color:#f87171;font-size:20px;cursor:pointer;padding:0;line-height:1}.auth-footer{margin-top:24px;text-align:center}.auth-footer p{color:#93a5c8;font-size:14px;margin:0}.auth-footer a{color:#195de6;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.mock-page{flex:1;display:flex;overflow:hidden;background:var(--bg-primary)}.mock-iframe{width:100%;height:100%;border:none;background:var(--bg-primary)}.conversation-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius);cursor:pointer;transition:all .2s;position:relative}.conversation-item:hover{background:var(--bg-tertiary)}.conversation-item.active{background:var(--accent)}.conversation-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:#fff;border-radius:0 2px 2px 0}.conversation-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0;position:relative}.online-indicator{position:absolute;bottom:0;right:0;width:10px;height:10px;background:var(--success);border:2px solid var(--bg-secondary);border-radius:50%}.conversation-item.active .online-indicator{border-color:var(--accent)}.conversation-content{flex:1;min-width:0}.conversation-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.conversation-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item.active .conversation-name{color:#fff}.conversation-time{font-size:11px;color:var(--text-muted);flex-shrink:0}.conversation-item.active .conversation-time{color:#ffffffb3}.conversation-preview{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.conversation-item.active .conversation-preview{color:#fffc}.unread-badge{background:var(--accent);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.conversation-item.active .unread-badge{background:#fff;color:var(--accent)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-header h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.modal-body{display:flex;flex-direction:column;gap:16px}.members-list{max-height:300px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-primary)}.members-loading,.members-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-muted)}.members-empty .material-symbols-outlined{font-size:40px;margin-bottom:8px;opacity:.5}.members-empty p{font-size:13px;margin:0}.member-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--border)}.member-item:last-child{border-bottom:none}.member-item:hover{background:var(--bg-tertiary)}.member-item.selected{background:#195de61a}.member-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:600;flex-shrink:0}.member-info{flex:1;min-width:0}.member-name{display:block;font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-email{display:block;font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-checkbox{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border);border-radius:50%;flex-shrink:0;transition:all .2s}.member-item.selected .member-checkbox{background:var(--accent);border-color:var(--accent)}.member-checkbox .material-symbols-outlined{font-size:16px;color:#fff}.selected-count{font-size:13px;color:var(--accent);font-weight:500}.language-settings-group{margin-top:8px}.language-settings-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:14px;color:var(--text-primary);transition:all .2s}.language-settings-toggle:hover{background:var(--bg-tertiary);border-color:var(--accent)}.language-settings-toggle .material-symbols-outlined{font-size:20px;color:var(--text-secondary)}.language-settings-toggle .toggle-arrow{margin-left:auto}.language-badge{background:var(--accent);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.language-options{margin-top:12px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius)}.language-hint{font-size:12px;color:var(--text-muted);margin:0 0 12px}.language-chips{display:flex;flex-wrap:wrap;gap:8px}.language-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-primary);border:1px solid var(--border);border-radius:20px;cursor:pointer;font-size:13px;color:var(--text-primary);transition:all .2s}.language-chip:hover{border-color:var(--accent)}.language-chip.selected{background:#3b82f61a;border-color:var(--accent);color:var(--accent)}.language-chip .lang-native{font-weight:500}.language-chip .check{font-size:16px}.inbox-sidebar{width:280px;min-width:280px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.inbox-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.inbox-header h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.inbox-search{padding:12px 16px;border-bottom:1px solid var(--border)}.inbox-list{flex:1;overflow-y:auto;padding:8px}.inbox-loading{display:flex;align-items:center;justify-content:center;padding:40px 20px}.inbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-muted)}.inbox-empty .material-symbols-outlined{font-size:48px;margin-bottom:12px;opacity:.5}.inbox-empty p{font-size:13px;margin-bottom:16px}.translation-badge{margin-top:8px;padding:10px 12px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius)}.translation-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.translation-header .material-symbols-outlined{font-size:14px;color:#818cf8}.translation-label{font-size:11px;font-weight:500;color:#818cf8;text-transform:uppercase;letter-spacing:.5px}.translation-toggle{margin-left:auto;padding:2px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .2s}.translation-badge:hover .translation-toggle{opacity:1}.translation-toggle:hover{color:var(--text-primary)}.translation-toggle .material-symbols-outlined{font-size:14px}.translation-text{margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary)}.reaction-picker{display:flex;gap:4px;padding:8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 12px #0000004d;margin-top:8px}.emoji-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;font-size:18px;cursor:pointer;transition:all .2s}.emoji-btn:hover{background:var(--bg-tertiary);transform:scale(1.2)}.link-embed{display:flex;max-width:520px;margin-top:8px;padding:8px 16px 16px 12px;background:#2b2d31;border-radius:4px;border-left:4px solid #5865f2;text-decoration:none;transition:background .2s}.link-embed:hover{background:#303238}.link-embed-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.link-embed-provider{display:flex;align-items:center;gap:8px;font-size:12px;color:#b5bac1}.link-embed-favicon{width:16px;height:16px;border-radius:2px}.link-embed-title{font-size:16px;font-weight:600;color:#00aff4;line-height:1.25;word-break:break-word}.link-embed-title:hover{text-decoration:underline}.link-embed-description{font-size:14px;color:#dbdee1;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.link-embed-image{margin-left:16px;flex-shrink:0}.link-embed-image img{max-width:80px;max-height:80px;border-radius:4px;object-fit:cover}.link-embed.large-image{flex-direction:column}.link-embed.large-image .link-embed-image{margin-left:0;margin-top:12px}.link-embed.large-image .link-embed-image img{max-width:400px;max-height:300px;width:100%}.discord-message{position:relative;padding:2px 48px 2px 72px;min-height:44px;margin-top:17px;transition:background-color .1s ease}.discord-message:first-child{margin-top:0}.discord-message:hover{background-color:#0000000f}.discord-message.pinned{background-color:#faa81a14}.discord-message.pinned:hover{background-color:#faa81a1f}.discord-message.deleted{opacity:.6}.discord-message.has-reply{margin-top:8px}.reply-reference{display:flex;align-items:center;position:relative;margin-left:36px;margin-bottom:0;height:18px}.reply-line{position:absolute;left:-36px;top:50%;width:34px;height:13px;border-left:2px solid #4e5058;border-top:2px solid #4e5058;border-top-left-radius:6px;border-right:none;border-bottom:none}.reply-line svg{display:none}.reply-content-wrapper{display:flex;align-items:center;gap:4px;font-size:.875rem;color:#b5bac1;cursor:pointer;white-space:nowrap;overflow:hidden}.reply-content-wrapper:hover{color:#dbdee1}.reply-content-wrapper:hover .reply-text{color:#f2f3f5}.reply-avatar{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:600;color:#fff;flex-shrink:0}.reply-author{font-weight:500;color:#f2f3f5;font-size:.875rem;flex-shrink:0}.reply-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b5bac1;font-size:.875rem}.message-row{display:flex;align-items:flex-start;position:relative}.discord-message .message-avatar{position:absolute;left:-52px;top:2px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0;cursor:pointer}.discord-message.has-reply .message-avatar{margin-top:0}.discord-message .message-avatar:hover{opacity:.9}.discord-message .message-body{flex:1;min-width:0}.message-header{display:flex;align-items:baseline;gap:8px;line-height:1.375}.message-author{font-size:15px;font-weight:600;color:var(--text-primary);cursor:pointer}.message-author:hover{text-decoration:underline}.message-timestamp{font-size:11px;color:var(--text-muted);font-weight:400}.pin-badge{display:inline-flex;align-items:center;color:#faa81a;margin-left:4px}.pin-badge .material-symbols-outlined{font-size:14px}.discord-message .message-content{line-height:1.375;margin-top:2px}.discord-message .message-text{margin:0;font-size:15px;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.discord-message .message-text.deleted-text{font-style:italic;color:var(--text-muted)}.edited-indicator{font-size:10px;color:var(--text-muted);margin-left:4px}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:var(--bg-tertiary);border:1px solid transparent;border-radius:8px;font-size:14px;cursor:pointer;transition:all .15s}.reaction-chip:hover{background:var(--bg-secondary);border-color:var(--border)}.reaction-chip.own{background:#5865f226;border-color:#5865f2}.reaction-count{font-size:12px;color:var(--text-secondary);font-weight:500}.reaction-chip.own .reaction-count{color:#5865f2}.message-actions{position:absolute;top:-16px;right:0;display:flex;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;box-shadow:0 2px 8px #00000026;z-index:10}.message-actions .action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .15s}.message-actions .action-btn.active{color:#5865f2}.message-actions .action-btn.copied{color:#43b581}.message-actions .action-btn.delete:hover{background:#ed42451a;color:#ed4245}.edit-form{margin-top:4px}.edit-form textarea{width:100%;padding:10px;background:var(--bg-tertiary);border:none;border-radius:8px;font-size:15px;font-family:inherit;color:var(--text-primary);resize:none;line-height:1.375}.edit-form textarea:focus{outline:none}.edit-hint{font-size:11px;color:var(--text-muted);margin-top:4px}.edit-hint button{background:none;border:none;color:#00aff4;cursor:pointer;font-size:11px;padding:0}.edit-hint button:hover{text-decoration:underline}.message-embeds{display:flex;flex-direction:column;gap:4px;margin-top:4px}.file-attachment{display:flex;align-items:center;gap:12px;padding:10px;background:#2b2d31;border:1px solid #1e1f22;border-radius:8px;max-width:400px;margin-top:8px}.file-attachment-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#5865f2;border-radius:6px;color:#fff;flex-shrink:0}.file-attachment-icon .material-symbols-outlined{font-size:22px}.file-attachment-info{flex:1;min-width:0}.file-attachment-name{font-size:14px;font-weight:500;color:#00aff4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.file-attachment-name:hover{text-decoration:underline}.file-attachment-size{font-size:12px;color:#b5bac1;margin-top:2px}.file-attachment-download{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#b5bac1;cursor:pointer;transition:all .15s;flex-shrink:0}.file-attachment-download:hover{background:#383a40;color:#dbdee1}.file-attachment-download .material-symbols-outlined{font-size:20px}.image-attachment{margin-top:8px;max-width:400px;border-radius:8px;overflow:hidden}.image-attachment img{display:block;max-width:100%;max-height:300px;object-fit:contain;cursor:pointer}.image-attachment img:hover{opacity:.9}.image-attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px;margin-top:8px;max-width:450px}.image-attachments-grid .image-attachment{margin-top:0}.image-attachments-grid .image-attachment img{width:100%;height:150px;object-fit:cover}.message-input-container{border-top:1px solid var(--border);background:var(--bg-secondary);padding:16px 24px}.message-input-toolbar{display:flex;align-items:center;gap:4px;margin-bottom:12px}.toolbar-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:transparent;border:none;border-radius:var(--radius);color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .2s}.toolbar-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toolbar-btn .material-symbols-outlined{font-size:18px}.toolbar-divider{width:1px;height:20px;background:var(--border);margin:0 8px}.toolbar-btn.ai-btn{background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;padding:6px 12px}.toolbar-btn.ai-btn:hover{opacity:.9}.message-input-area{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s}.message-input-area:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #195de61a}.message-textarea{width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.5;resize:none;min-height:44px;max-height:150px}.message-textarea:focus{outline:none}.message-textarea::placeholder{color:var(--text-muted)}.message-textarea:disabled{opacity:.7}.message-input-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.auto-translate-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:16px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s}.auto-translate-btn:hover{background:var(--bg-primary)}.auto-translate-btn.active{background:#195de61a;border-color:var(--accent);color:var(--accent)}.auto-translate-btn .material-symbols-outlined{font-size:16px}.toggle-indicator{width:8px;height:8px;border-radius:50%;background:var(--text-muted);transition:background .2s}.toggle-indicator.on{background:var(--success)}.send-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent);border:none;border-radius:var(--radius);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.send-btn:hover:not(:disabled){background:var(--accent-hover)}.send-btn .material-symbols-outlined{font-size:18px}.encryption-notice{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:12px;font-size:11px;color:var(--text-muted)}.encryption-notice .material-symbols-outlined{font-size:12px}.reply-preview{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:12px;background:var(--bg-tertiary);border-left:3px solid var(--accent);border-radius:0 6px 6px 0}.reply-preview-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0;font-size:13px;color:var(--text-secondary)}.reply-preview-content .material-symbols-outlined{font-size:16px;color:var(--accent);flex-shrink:0}.reply-preview-label{color:var(--text-muted);flex-shrink:0}.reply-preview-sender{font-weight:600;color:var(--text-primary);flex-shrink:0}.reply-preview-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.reply-preview-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .2s;flex-shrink:0}.reply-preview-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.reply-preview-close .material-symbols-outlined{font-size:18px}.date-separator{display:flex;align-items:center;justify-content:center;margin:24px 0 16px}.date-separator-text{padding:6px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;font-size:12px;font-weight:500;color:var(--text-muted)}.stacked-avatars-container{position:relative}.stacked-avatars{display:flex;align-items:center;gap:0;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius);transition:background-color .15s ease}.member-popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.member-popover{position:absolute;top:100%;right:0;margin-top:8px;width:280px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000004d;z-index:100;overflow:hidden}.member-popover-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text-primary)}.member-popover-header .material-symbols-outlined{font-size:18px;color:var(--text-muted)}.member-popover-list{max-height:300px;overflow-y:auto;padding:8px 12px}.message-stream{flex:1;display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;background:var(--bg-primary)}.message-stream-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-secondary);min-height:48px}.message-stream-header-left{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;flex:1;flex-wrap:nowrap;overflow:hidden}.header-icon{font-size:20px;color:var(--text-muted);flex-shrink:0}.message-stream-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.target-language-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;background:var(--accent-bg);color:var(--accent);border-radius:4px;font-size:11px;font-weight:500;flex-shrink:0;white-space:nowrap}.target-language-badge .material-symbols-outlined{font-size:12px}.message-stream-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.member-count{font-size:13px;color:var(--text-muted)}.message-stream-content{flex:1;overflow-y:auto;padding:24px}.message-stream-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);padding:40px}.message-stream-empty .material-symbols-outlined{font-size:64px;color:var(--text-muted);margin-bottom:16px;opacity:.5}.message-stream-empty h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.message-stream-empty p{font-size:14px;color:var(--text-muted);margin:0}.message-stream-loading{display:flex;align-items:center;justify-content:center;height:100%}.message-stream-empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-muted)}.message-stream-empty-chat .material-symbols-outlined{font-size:48px;margin-bottom:12px;opacity:.5}.message-stream-empty-chat p{font-size:14px}.message-group{margin-bottom:8px}.context-panel{width:300px;min-width:300px;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.context-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.context-panel-header h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.context-panel-content{flex:1;overflow-y:auto;padding:16px}.context-section{margin-bottom:24px}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.section-header .material-symbols-outlined{font-size:18px;color:var(--text-muted)}.section-header h4{font-size:13px;font-weight:600;color:var(--text-primary);margin:0}.live-indicator{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}.section-content{background:var(--bg-primary);border-radius:var(--radius);padding:12px}.summary-list{list-style:none;margin:0;padding:0}.summary-list li{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:13px;color:var(--text-secondary)}.summary-list li:last-child{margin-bottom:0}.bullet{width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0;margin-top:6px}.members-section .section-header{cursor:default}.members-section:not(.expanded) .section-content{display:none}.stacked-avatars{display:flex;align-items:center;gap:0;margin-left:auto;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius);transition:background-color .15s ease}.stacked-avatars:hover{background:var(--bg-tertiary)}.stacked-avatar{position:relative;margin-left:-8px;border:2px solid var(--bg-secondary);border-radius:50%}.stacked-avatar:first-child{margin-left:0}.stacked-avatar .member-avatar{width:28px;height:28px}.stacked-avatar.remaining{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-tertiary);border-radius:50%}.remaining-count{font-size:10px;font-weight:600;color:var(--text-secondary)}.expand-icon{font-size:18px;color:var(--text-muted);margin-left:4px}.collapse-btn{margin-left:auto;background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:background-color .15s ease}.collapse-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.member-count{margin-left:auto;font-size:12px;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:10px}.members-list{display:flex;flex-direction:column;gap:8px}.member-item{display:flex;align-items:center;gap:10px;padding:6px 0}.member-avatar{position:relative;width:32px;height:32px;flex-shrink:0}.member-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--accent);color:#fff;border-radius:50%;font-size:12px;font-weight:600}.ai-badge{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;background:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.ai-badge .material-symbols-outlined{font-size:12px;color:var(--accent)}.member-info{display:flex;flex-direction:column;gap:2px;min-width:0}.member-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-role{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.member-role .material-symbols-outlined{font-size:12px}.member-role.role-owner{color:var(--warning)}.member-role.role-admin{color:var(--accent)}.member-role.role-ai_agent{color:var(--success)}.members-empty{display:flex;flex-direction:column;align-items:center;padding:20px;text-align:center;color:var(--text-muted)}.members-empty .material-symbols-outlined{font-size:32px;margin-bottom:8px;opacity:.5}.members-empty p{font-size:12px;margin:0}.workflow-empty,.files-empty{display:flex;flex-direction:column;align-items:center;padding:20px;text-align:center;color:var(--text-muted)}.workflow-empty .material-symbols-outlined,.files-empty .material-symbols-outlined{font-size:32px;margin-bottom:8px;opacity:.5}.workflow-empty p,.files-empty p{font-size:12px;margin:0}.pro-promo{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:var(--radius-lg);margin-top:auto}.pro-promo .material-symbols-outlined{font-size:24px;color:#fff}.promo-content{flex:1}.promo-content h5{font-size:14px;font-weight:600;color:#fff;margin:0 0 4px}.promo-content p{font-size:12px;color:#fffc;margin:0}.pro-promo .btn{background:#fff;color:var(--accent);flex-shrink:0}.pro-promo .btn:hover{background:#ffffffe6}.messages-page{display:flex;flex:1;height:100%;overflow:hidden;background:var(--bg-primary);position:relative}.context-panel-fab{position:absolute;right:20px;bottom:100px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#5865f2,#8b5cf6);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #5865f266;transition:all .3s ease;z-index:100}.context-panel-fab:hover{transform:scale(1.1);box-shadow:0 6px 20px #5865f280}.context-panel-fab:active{transform:scale(.95)}.context-panel-fab .material-symbols-outlined{font-size:24px}@media (max-width: 1279px){.messages-page .context-panel{display:none}}@media (max-width: 1023px){.messages-page .inbox-sidebar{display:none}}.settings-page{display:flex;flex:1;height:100%;overflow:hidden}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;gap:16px;color:var(--text-secondary)}.settings-sidebar{width:280px;min-width:280px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.settings-nav{flex:1;padding:20px}.settings-nav-group{margin-bottom:24px}.settings-nav-group-title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;padding:0 12px}.settings-nav-items{display:flex;flex-direction:column;gap:2px}.settings-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:var(--radius);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s;width:100%;text-align:left}.settings-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.settings-nav-item.active{background:var(--accent);color:#fff}.settings-nav-item .material-symbols-outlined{font-size:20px}.settings-version{padding:16px 20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:12px}.settings-version .material-symbols-outlined{font-size:16px}.settings-version div{display:flex;flex-direction:column;gap:2px}.version-number{color:var(--text-secondary)}.version-date{color:var(--text-muted);font-size:11px}.settings-content{flex:1;overflow-y:auto;padding:32px;position:relative}.settings-saving{position:fixed;top:80px;right:32px;padding:8px 16px;background:var(--accent);color:#fff;border-radius:var(--radius);font-size:13px;z-index:100;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-section{max-width:800px}.section-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:32px}.section-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-icon .material-symbols-outlined{font-size:24px;color:#fff}.section-icon.general{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.section-icon.purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.section-icon.emerald{background:linear-gradient(135deg,#10b981,#059669)}.section-icon.blue{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.section-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.section-icon.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.section-icon.gray{background:linear-gradient(135deg,#6b7280,#4b5563)}.section-icon.amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.section-icon.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.section-icon.platform{background:linear-gradient(135deg,#f59e0b,#d97706)}.section-header>div:last-child{flex:1}.section-header h2{font-size:24px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.section-header p{color:var(--text-secondary);font-size:14px}.section-header .btn{margin-left:auto}.settings-group{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.settings-group h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.settings-group h3 .material-symbols-outlined{font-size:18px;color:var(--text-muted)}.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.model-card{display:flex;flex-direction:column;padding:16px;background:var(--bg-primary);border:2px solid var(--border);border-radius:var(--radius-lg);transition:all .2s;position:relative}.model-card:hover{border-color:var(--accent)}.model-card.selected{border-color:var(--accent);background:#195de61a}.model-card-main{display:flex;flex-direction:column;cursor:pointer;flex:1}.model-settings-btn{position:absolute;bottom:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:all .2s;opacity:0}.model-card:hover .model-settings-btn{opacity:1}.model-settings-btn:hover{background:var(--accent);color:#fff}.model-settings-btn .material-symbols-outlined{font-size:18px}.model-settings-btn .api-key-indicator{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--success);border-radius:50%;border:2px solid var(--bg-primary)}.model-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.model-icon{width:40px;height:40px;background:var(--bg-tertiary);border-radius:10px;display:flex;align-items:center;justify-content:center}.model-icon .material-symbols-outlined{font-size:20px;color:var(--text-secondary)}.model-card.selected .model-icon{background:var(--accent)}.model-card.selected .model-icon .material-symbols-outlined{color:#fff}.model-card input[type=radio]{width:18px;height:18px;accent-color:var(--accent)}.model-info{display:flex;flex-direction:column;gap:4px}.model-name{font-weight:600;font-size:14px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.secure-badge{font-size:10px;padding:2px 6px;background:#10b98133;color:var(--success);border-radius:4px;text-transform:uppercase;font-weight:600}.model-desc{font-size:12px;color:var(--text-secondary);line-height:1.4}.toggle-list{display:flex;flex-direction:column;gap:12px}.toggle-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-primary);border-radius:var(--radius);transition:background .2s}.toggle-item:hover{background:var(--bg-tertiary)}.toggle-item.compact{padding:12px}.toggle-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toggle-icon .material-symbols-outlined{font-size:20px;color:#fff}.toggle-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toggle-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.toggle-icon.emerald{background:linear-gradient(135deg,#10b981,#059669)}.toggle-icon.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.toggle-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.toggle-icon.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.toggle-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.toggle-icon.yellow{background:linear-gradient(135deg,#eab308,#ca8a04)}.toggle-info{flex:1;min-width:0}.toggle-title{display:block;font-weight:500;font-size:14px;color:var(--text-primary);margin-bottom:2px}.toggle-desc{display:block;font-size:12px;color:var(--text-secondary)}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--bg-tertiary);border-radius:24px;transition:all .2s}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.settings-section .mcp-list{display:flex;flex-direction:column;gap:12px}.settings-section .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:var(--bg-secondary);border-radius:var(--radius-lg);text-align:center}.settings-section .empty-state .material-symbols-outlined{font-size:48px;color:var(--text-muted);margin-bottom:16px}.settings-section .empty-state p{color:var(--text-secondary);margin-bottom:16px}.mcp-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:var(--radius-lg)}.mcp-card-icon{width:48px;height:48px;background:var(--bg-tertiary);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mcp-card-icon .material-symbols-outlined{font-size:24px;color:var(--text-secondary)}.mcp-card-info{flex:1;min-width:0}.mcp-card-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.mcp-card .mcp-name{font-weight:600;font-size:14px;color:var(--text-primary)}.mcp-card .mcp-status{display:flex;align-items:center;gap:6px;font-size:11px;padding:3px 8px;border-radius:4px;font-weight:500}.mcp-card .mcp-status.connected{background:#10b98133;color:var(--success)}.mcp-card .mcp-status.disconnected{background:var(--bg-tertiary);color:var(--text-muted)}.mcp-card .mcp-status .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.mcp-card .mcp-url{font-size:12px;color:var(--text-muted);font-family:monospace}.mcp-card-actions{display:flex;gap:8px}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--border);color:var(--text-primary)}.btn-icon.danger:hover{background:#ef444433;color:var(--danger)}.btn-icon .material-symbols-outlined{font-size:20px}.profile-section{display:flex;align-items:flex-start;gap:24px;padding:20px;background:var(--bg-primary);border-radius:var(--radius)}.profile-form{flex:1;display:flex;flex-direction:column;gap:16px}.profile-form .form-group{display:flex;flex-direction:column;gap:6px}.profile-form .form-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.profile-form .form-group input{padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px}.profile-form .form-group input:focus{outline:none;border-color:var(--accent)}.profile-form .form-group input.disabled{opacity:.6;cursor:not-allowed}.profile-form .form-hint{font-size:11px;color:var(--text-muted)}.avatar-upload{position:relative;width:72px;height:72px;border-radius:50%;overflow:hidden;cursor:pointer}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center}.avatar-placeholder .material-symbols-outlined{font-size:32px;color:#fff}.avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.avatar-upload:hover .avatar-overlay{opacity:1}.avatar-overlay .material-symbols-outlined{font-size:24px;color:#fff}.profile-info{display:flex;flex-direction:column;gap:4px}.profile-email{font-weight:500;font-size:14px;color:var(--text-primary)}.profile-hint{font-size:12px;color:var(--text-muted)}.warning-card{display:flex;gap:16px;padding:20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg)}.warning-icon{font-size:24px;color:var(--danger);flex-shrink:0}.warning-content h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.warning-content p{font-size:14px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.btn-outline-danger{padding:8px 16px;background:transparent;border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline-danger:hover{background:var(--danger);color:#fff}.settings-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.settings-page .modal{background:var(--bg-secondary);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:18px;font-weight:600;color:var(--text-primary)}.modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.modal-body .form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.modal-body .form-group input,.modal-body .form-group select{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px}.modal-body .form-group input:focus,.modal-body .form-group select:focus{outline:none;border-color:var(--accent)}.modal-body .form-group input::placeholder{color:var(--text-muted)}.modal-body .form-hint{font-size:12px;color:var(--text-muted);margin-top:8px}.modal-body .form-hint a{color:var(--accent);text-decoration:none}.modal-body .form-hint a:hover{text-decoration:underline}.api-key-model-info{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-primary);border-radius:var(--radius);margin-bottom:8px}.api-key-model-info .material-symbols-outlined{font-size:24px;color:var(--accent)}.api-key-model-info span:last-child{font-weight:600;font-size:16px;color:var(--text-primary)}.api-key-input-wrapper{display:flex;gap:8px}.api-key-input-wrapper input{flex:1}.api-key-input-wrapper .btn-icon{flex-shrink:0}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);background:var(--bg-tertiary)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.form-grid .form-group{display:flex;flex-direction:column;gap:6px}.form-grid .form-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.form-grid .form-group input,.form-grid .form-group select{padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px}.form-grid .form-group input:focus,.form-grid .form-group select:focus{outline:none;border-color:var(--accent)}.form-grid .form-group input[type=number]{-moz-appearance:textfield}.form-grid .form-group input[type=number]::-webkit-outer-spin-button,.form-grid .form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.settings-group textarea{width:100%;min-height:100px;padding:12px 14px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px;font-family:inherit;resize:vertical;margin-top:8px}.settings-group textarea:focus{outline:none;border-color:var(--accent)}.settings-group textarea::placeholder{color:var(--text-muted)}.platform-warning{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius);margin-bottom:24px}.platform-warning .material-symbols-outlined{font-size:20px;color:#f59e0b;flex-shrink:0}.platform-warning p{font-size:13px;color:var(--text-secondary);margin:0}@media (max-width: 768px){.settings-sidebar{display:none}.settings-content{padding:20px}.model-grid,.tools-grid,.form-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:12px}.section-header .btn{margin-left:0;width:100%}.language-grid{grid-template-columns:repeat(2,1fr)}}.language-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.language-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.language-chip:hover{border-color:var(--accent);background:var(--bg-tertiary)}.language-chip.selected{border-color:var(--accent);background:#3b82f61a}.language-chip .language-native{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.language-chip .language-name{font-size:12px;color:var(--text-secondary)}.language-chip .check-icon{position:absolute;top:8px;right:8px;font-size:16px;color:var(--accent)}.settings-group-description{font-size:14px;color:var(--text-secondary);margin-bottom:16px}@media (max-width: 1024px){.language-grid{grid-template-columns:repeat(3,1fr)}}.admin-page{display:flex;width:100%;height:100%;overflow:hidden;background:#111621}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;gap:16px;color:#93a5c8;background:#111621}.admin-content-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#93a5c8}.admin-content-loading .loading-spinner,.admin-loading .loading-spinner{width:40px;height:40px;border:3px solid #243047;border-top-color:#a855f7;border-radius:50%;animation:spin 1s linear infinite}.admin-sidebar{width:256px;min-width:256px;background:#0d1117;border-right:1px solid #243047;display:flex;flex-direction:column;height:100%}.admin-sidebar-content{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:16px}.admin-nav-wrapper{flex:1;overflow-y:auto;overflow-x:visible}.admin-nav{display:flex;flex-direction:column;gap:4px;padding-left:4px}.admin-nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:#94a3b8;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;background:none;border:none;cursor:pointer;text-align:left;width:100%}.admin-nav-link:hover{background:#ffffff0d;color:#fff}.admin-nav-link.active{background:#a855f71a;border-left:4px solid #a855f7;color:#fff;margin-left:-4px;padding-left:12px}.admin-nav-link .material-symbols-outlined{font-size:20px;color:#64748b}.admin-nav-link.active .material-symbols-outlined{color:#a855f7}.admin-nav-link.active .icon-fill{font-variation-settings:"FILL" 1}.admin-nav-divider{margin:12px 0;border-top:1px solid #243047}.admin-nav-section-title{padding:0 12px;margin-bottom:8px;font-size:11px;font-weight:700;text-transform:uppercase;color:#64748b;letter-spacing:.05em}.admin-sidebar-footer{border-top:1px solid #243047;padding-top:16px}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:24px;width:100%;box-sizing:border-box;position:relative}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-shrink:0}.admin-header-info h1{font-size:24px;font-weight:700;color:#fff;margin:0}.admin-header-info p{font-size:14px;color:#93a5c8;margin:4px 0 0}.admin-header-stats{display:flex;align-items:center;gap:16px}.admin-stat{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#1a2230;border:1px solid #243047;border-radius:12px}.admin-stat.saving{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.admin-stat .material-symbols-outlined{font-size:24px}.admin-stat .text-purple{color:#a855f7}.admin-stat .text-emerald{color:#10b981}.admin-stat .text-blue{color:#3b82f6}.admin-stat-label{font-size:11px;color:#93a5c8;margin:0}.admin-stat-value{font-size:18px;font-weight:700;color:#fff;margin:0}.admin-tabs{display:flex;gap:8px;margin-bottom:24px}.admin-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#1a2230;border:1px solid #243047;border-radius:8px;color:#93a5c8;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.admin-tab:hover{background:#242e42;color:#fff}.admin-tab.active{background:#a855f7;border-color:#a855f7;color:#fff}.admin-tab .material-symbols-outlined{font-size:18px}.admin-settings-content{width:100%;box-sizing:border-box}.settings-panel{background:#1a2230;border:1px solid #243047;border-radius:12px;padding:24px;width:100%;box-sizing:border-box}.settings-panel-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.settings-panel-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-panel-icon .material-symbols-outlined{font-size:24px;color:#fff}.settings-panel-icon.amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.settings-panel-icon.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.settings-panel-icon.emerald{background:linear-gradient(135deg,#10b981,#059669)}.settings-panel-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.settings-panel-header h2{font-size:20px;font-weight:600;color:#fff;margin:0 0 4px}.settings-panel-header p{font-size:14px;color:#93a5c8;margin:0}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.settings-field{display:flex;flex-direction:column;gap:8px}.settings-field.full-width{grid-column:1 / -1}.settings-field label{font-size:13px;font-weight:500;color:#fff}.settings-field input,.settings-field select,.settings-field textarea{padding:12px 16px;background:#111621;border:1px solid #243047;border-radius:8px;color:#fff;font-size:14px;font-family:inherit;transition:border-color .2s}.settings-field input:focus,.settings-field select:focus,.settings-field textarea:focus{outline:none;border-color:#195de6}.settings-field input::placeholder,.settings-field textarea::placeholder{color:#93a5c880}.settings-field textarea{resize:vertical;min-height:80px}.settings-field input[type=number]{-moz-appearance:textfield}.settings-field input[type=number]::-webkit-outer-spin-button,.settings-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.feature-list{display:flex;flex-direction:column;gap:8px}.feature-toggle{display:flex;align-items:center;gap:16px;padding:16px;background:#111621;border:1px solid #243047;border-radius:8px;transition:all .2s}.feature-toggle:hover{background:#1a2230;border-color:#374151}.feature-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon .material-symbols-outlined{font-size:20px;color:#fff}.feature-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.feature-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.feature-icon.emerald{background:linear-gradient(135deg,#10b981,#059669)}.feature-icon.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.feature-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.feature-icon.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.feature-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.feature-icon.yellow{background:linear-gradient(135deg,#eab308,#ca8a04)}.feature-info{flex:1;min-width:0}.feature-title{display:block;font-weight:500;font-size:14px;color:#fff;margin-bottom:2px}.feature-desc{display:block;font-size:12px;color:#93a5c8}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#374151;border-radius:24px;transition:all .2s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .2s}.toggle-switch input:checked+.toggle-slider{background:#195de6}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.maintenance-warning{display:flex;gap:16px;padding:16px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:16px}.maintenance-warning>.material-symbols-outlined{font-size:24px;color:#ef4444;flex-shrink:0}.maintenance-warning h3{font-size:14px;font-weight:600;color:#fff;margin:0 0 4px}.maintenance-warning p{font-size:13px;color:#93a5c8;margin:0}@media (max-width: 1024px){.admin-sidebar{width:200px;min-width:200px}}@media (max-width: 768px){.admin-sidebar{display:none}.admin-content{padding:16px}.admin-header{flex-direction:column;align-items:flex-start;gap:16px}.admin-header-stats,.admin-tabs{flex-wrap:wrap}.settings-grid{grid-template-columns:1fr}}.admin-section-content{width:100%}.placeholder-card{background:#1a2230;border:1px solid #243047;border-radius:12px;padding:48px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.placeholder-icon{font-size:48px;color:#a855f7;background:#a855f71a;padding:16px;border-radius:16px}.placeholder-card h3{font-size:20px;font-weight:600;color:#fff;margin:0}.placeholder-card p{font-size:14px;color:#93a5c8;margin:0;max-width:400px}.placeholder-actions{display:flex;gap:12px;margin-top:8px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#a855f7;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#9333ea}.btn-primary .material-symbols-outlined{font-size:18px}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#1a2230;border:1px solid #243047;border-radius:8px;color:#93a5c8;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#242e42;color:#fff;border-color:#374151}.btn-secondary .material-symbols-outlined{font-size:18px}.health-stats{display:flex;flex-direction:column;gap:12px;margin-top:8px}.health-stat{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#111621;border:1px solid #243047;border-radius:8px;font-size:14px;color:#93a5c8}.health-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.health-indicator.green{background:#10b981;box-shadow:0 0 8px #10b98180}.health-indicator.yellow{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.health-indicator.red{background:#ef4444;box-shadow:0 0 8px #ef444480}.settings-actions{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #243047}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary:disabled:hover{background:#a855f7}.btn-secondary:disabled:hover{background:#1a2230;color:#93a5c8;border-color:#243047}.save-status{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;margin-left:auto}.save-status .material-symbols-outlined{font-size:18px}.save-status.success{color:#10b981}.save-status.error{color:#ef4444}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;gap:16px;color:#93a5c8}.loading-state .spin{animation:spin 1s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;background:#1a2230;border:1px solid #243047;border-radius:12px;text-align:center}.empty-state .material-symbols-outlined{font-size:64px;color:#a855f7;background:#a855f71a;padding:20px;border-radius:16px;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 8px}.empty-state p{font-size:14px;color:#93a5c8;margin:0}.error-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:16px;color:#fca5a5;font-size:14px}.error-banner .material-symbols-outlined{color:#ef4444}.action-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.action-bar-info{display:flex;align-items:center;gap:16px}.tenant-count{font-size:14px;color:#93a5c8;font-weight:500}.action-bar-actions{display:flex;align-items:center;gap:12px}.tenant-list{display:grid;gap:16px}.tenant-card{background:#1a2230;border:1px solid #243047;border-radius:12px;overflow:hidden;transition:border-color .2s}.tenant-card:hover{border-color:#374151}.tenant-card-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 0}.tenant-info h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 4px}.tenant-slug{font-size:13px;color:#64748b;font-family:Monaco,Menlo,monospace}.tenant-badges{display:flex;gap:8px}.badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-plan,.badge-plan.free{background:#64748b33;color:#94a3b8}.badge-plan.starter{background:#3b82f633;color:#60a5fa}.badge-plan.professional{background:#a855f733;color:#c084fc}.badge-plan.enterprise{background:#10b98133;color:#34d399}.badge-demo{background:#f59e0b33;color:#fbbf24}.tenant-card-body{padding:16px 20px}.tenant-stats{display:flex;flex-wrap:wrap;gap:20px}.tenant-stat{display:flex;align-items:center;gap:8px;font-size:13px;color:#93a5c8}.tenant-stat .material-symbols-outlined{font-size:18px;color:#64748b}.tenant-card-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#0003;border-top:1px solid #243047}.tenant-created{font-size:12px;color:#64748b}.tenant-actions{display:flex;gap:8px}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid #243047;border-radius:8px;color:#93a5c8;cursor:pointer;transition:all .2s}.btn-icon:hover{background:#242e42;border-color:#374151;color:#fff}.btn-icon.danger:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.btn-icon .material-symbols-outlined{font-size:18px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-content{background:#1a2230;border:1px solid #243047;border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-content.modal-danger{border-color:#ef44444d}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #243047}.modal-header h2{font-size:18px;font-weight:600;color:#fff;margin:0}.modal-body{padding:24px;overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #243047;background:#0003}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:13px;font-weight:500;color:#93a5c8}.form-field input,.form-field select{padding:12px 16px;background:#111621;border:1px solid #243047;border-radius:8px;color:#fff;font-size:14px;font-family:inherit;transition:border-color .2s}.form-field input:focus,.form-field select:focus{outline:none;border-color:#a855f7}.form-field input:disabled{opacity:.5;cursor:not-allowed}.form-field input::placeholder{color:#93a5c880}.form-field.checkbox{flex-direction:row;align-items:center}.form-field.checkbox label{display:flex;align-items:center;gap:10px;cursor:pointer;color:#fff}.form-field.checkbox input[type=checkbox]{width:18px;height:18px;padding:0;cursor:pointer;accent-color:#a855f7}.form-field code{background:#111621;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:12px;color:#f59e0b}.delete-warning{display:flex;gap:16px;padding:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;margin-bottom:20px}.delete-warning .material-symbols-outlined{font-size:24px;color:#ef4444;flex-shrink:0}.delete-warning p{font-size:14px;color:#93a5c8;margin:0 0 8px}.delete-warning p:last-child{margin-bottom:0}.delete-warning strong{color:#fff}.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#dc2626;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#b91c1c}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-danger:disabled:hover{background:#dc2626}.btn-danger .material-symbols-outlined{font-size:18px}.spin{animation:spin 1s linear infinite}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}.action-bar{flex-direction:column;gap:12px;align-items:stretch}.action-bar-actions{justify-content:flex-end}.tenant-stats{flex-direction:column;gap:8px}}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.stat-card{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#1a2230;border:1px solid #243047;border-radius:12px}.stat-card-action{cursor:pointer;transition:all .2s;border:none;text-align:left}.stat-card-action:hover{background:#242e42;border-color:#374151}.stat-icon{font-size:24px}.stat-icon.purple{color:#a855f7}.stat-icon.emerald{color:#10b981}.stat-icon.blue{color:#3b82f6}.stat-icon.cyan{color:#06b6d4}.stat-content{display:flex;flex-direction:column}.stat-label{font-size:12px;color:#93a5c8;margin:0}.stat-value{font-size:20px;font-weight:700;color:#fff;margin:0}.filters-row{display:flex;align-items:center;gap:12px;margin-bottom:20px}.search-input{position:relative;flex:1}.search-input .material-symbols-outlined{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#93a5c8;font-size:20px}.search-input input{width:100%;padding:10px 16px 10px 44px;background:#1a2230;border:1px solid #243047;border-radius:8px;color:#fff;font-size:14px}.search-input input:focus{outline:none;border-color:#195de6}.search-input input::placeholder{color:#93a5c880}.filters-row select{padding:10px 16px;background:#1a2230;border:1px solid #243047;border-radius:8px;color:#fff;font-size:14px;cursor:pointer}.filters-row select:focus{outline:none;border-color:#195de6}.tenant-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tenant-card-v2{position:relative;padding:20px;background:#1a2230;border:1px solid #243047;border-radius:12px;transition:border-color .2s}.tenant-card-v2:hover{border-color:#195de64d}.tenant-card-v2.demo{border:2px solid rgba(16,185,129,.3);background:linear-gradient(135deg,#10b9810d,#06b6d40d)}.demo-badge{position:absolute;top:12px;right:12px;padding:4px 10px;background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:20px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.05em;box-shadow:0 2px 8px #10b9814d}.tenant-card-v2-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.tenant-avatar-row{display:flex;align-items:center;gap:12px}.tenant-avatar{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.tenant-avatar.blue{background:#3b82f626;color:#60a5fa}.tenant-avatar.purple{background:#a855f726;color:#c084fc}.tenant-avatar.emerald{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff}.tenant-avatar.orange{background:#f9731626;color:#fb923c}.tenant-avatar.slate{background:#64748b26;color:#94a3b8}.tenant-avatar.cyan{background:#06b6d426;color:#22d3ee}.tenant-avatar .material-symbols-outlined{font-size:24px}.tenant-name-info{min-width:0}.tenant-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tenant-name-row h3{font-size:16px;font-weight:600;color:#fff;margin:0}.plan-badge{padding:2px 8px;border-radius:20px;font-size:11px;font-weight:500;text-transform:capitalize}.plan-badge.free{background:#64748b33;color:#94a3b8}.plan-badge.starter{background:#10b98133;color:#34d399}.plan-badge.professional{background:#3b82f633;color:#60a5fa}.plan-badge.enterprise{background:#a855f733;color:#c084fc}.tenant-slug-text{font-size:13px;color:#64748b;margin:4px 0 0}.tenant-status{display:flex;align-items:center;gap:6px;font-size:12px}.tenant-status.active{color:#34d399}.tenant-status.trial{color:#fbbf24}.tenant-status.suspended{color:#f87171}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.tenant-status.suspended .status-dot{animation:none}.tenant-status.active .status-dot{animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.tenant-card-v2-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.mini-stat{display:flex;flex-direction:column;gap:2px}.mini-stat-label{font-size:12px;color:#93a5c8;margin:0}.mini-stat-value{font-size:16px;font-weight:700;color:#fff;margin:0}.demo-features{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.demo-feature-tag{padding:4px 8px;background:#10b9811a;border-radius:4px;color:#34d399;font-size:10px;font-weight:500}.tenant-card-v2-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #243047}.tenant-card-v2.demo .tenant-card-v2-footer{border-color:#10b98133}.tenant-meta{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b}.meta-divider{margin:0 4px}.tenant-card-actions{display:flex;gap:4px}.btn-icon-sm{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:#93a5c8;cursor:pointer;transition:all .2s}.btn-icon-sm:hover{background:#ffffff0d;color:#fff}.btn-icon-sm.danger:hover{background:#ef44441a;color:#ef4444}.btn-icon-sm.success:hover{background:#10b9811a;color:#10b981}.btn-icon-sm.warning:hover{background:#f59e0b1a;color:#f59e0b}.btn-icon-sm .material-symbols-outlined{font-size:20px}.tenant-card-v2.suspended{opacity:.6}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.pagination-buttons{display:flex;align-items:center;gap:8px}.pagination-btn{padding:8px 12px;background:#1a2230;border:1px solid #243047;border-radius:8px;color:#93a5c8;font-size:14px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#242e42;color:#fff}.pagination-btn.active{background:#a855f7;border-color:#a855f7;color:#fff}@media (max-width: 1200px){.stats-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width: 900px){.tenant-grid{grid-template-columns:1fr}}@media (max-width: 768px){.stats-row{grid-template-columns:repeat(2,1fr)}.filters-row{flex-wrap:wrap}.search-input{flex:1 1 100%}.filters-row select{flex:1}.pagination{flex-direction:column;gap:12px}.pagination-buttons{flex-wrap:wrap;justify-content:center}}.users-table-container{overflow-x:auto;background:#1a2230;border:1px solid #243047;border-radius:12px}.users-table{width:100%;border-collapse:collapse;min-width:800px}.users-table thead{background:#0003}.users-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#93a5c8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #243047}.users-table td{padding:12px 16px;border-bottom:1px solid #243047;vertical-align:middle;color:#93a5c8;font-size:14px}.users-table tbody tr:hover{background:#ffffff05}.users-table tbody tr:last-child td{border-bottom:none}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar.red{background:#ef444426;color:#f87171}.user-avatar.purple{background:#a855f726;color:#c084fc}.user-avatar.blue{background:#3b82f626;color:#60a5fa}.user-avatar.slate{background:#64748b26;color:#94a3b8}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:13px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:capitalize}.role-badge.global-role.super_admin{background:#ef444426;color:#f87171}.role-badge.global-role.tenant_admin{background:#a855f726;color:#c084fc}.role-badge.global-role.member{background:#3b82f626;color:#60a5fa}.role-badge.global-role.none{background:#64748b26;color:#94a3b8}.role-badge.tenant-role.owner{background:#f59e0b26;color:#fbbf24}.role-badge.tenant-role.admin{background:#a855f726;color:#c084fc}.role-badge.tenant-role.member{background:#3b82f626;color:#60a5fa}.role-badge.tenant-role.viewer{background:#64748b26;color:#94a3b8}.tenant-badges{display:flex;flex-wrap:wrap;gap:4px}.tenant-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;background:#64748b26;color:#94a3b8;white-space:nowrap}.tenant-badge.free{background:#64748b26;color:#94a3b8}.tenant-badge.starter{background:#10b98126;color:#34d399}.tenant-badge.professional{background:#3b82f626;color:#60a5fa}.tenant-badge.enterprise{background:#a855f726;color:#c084fc}.tenant-badge.more{background:#ffffff1a;color:#93a5c8}.no-tenants{font-size:12px;color:#64748b;font-style:italic}.table-actions{display:flex;gap:4px}.stat-icon.red{color:#ef4444}.modal-content.modal-lg{max-width:640px}.user-details-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #243047}.user-avatar-lg{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.user-avatar-lg img{width:100%;height:100%;object-fit:cover}.user-avatar-lg.super_admin{background:#ef444426;color:#f87171}.user-avatar-lg.tenant_admin{background:#a855f726;color:#c084fc}.user-avatar-lg.member{background:#3b82f626;color:#60a5fa}.user-avatar-lg.none{background:#64748b26;color:#94a3b8}.user-details-info h3{font-size:20px;font-weight:600;color:#fff;margin:0 0 4px}.user-email-lg{font-size:14px;color:#64748b;margin:0 0 8px}.user-details-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:12px;color:#93a5c8}.meta-value{font-size:14px;color:#fff}.meta-value.mono{font-family:Monaco,Menlo,monospace;font-size:12px;word-break:break-all}.user-details-section{background:#0003;border-radius:8px;padding:16px}.user-details-section h4{font-size:14px;font-weight:600;color:#fff;margin:0 0 12px}.no-data{font-size:14px;color:#64748b;font-style:italic;margin:0}.tenant-membership-list{display:flex;flex-direction:column;gap:8px}.tenant-membership-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#1a2230;border:1px solid #243047;border-radius:8px}.tm-info{display:flex;align-items:center;gap:8px}.tm-name{font-weight:500;color:#fff}.tm-slug{font-size:12px;color:#64748b}.tm-meta{display:flex;align-items:center;gap:8px}.user-edit-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.user-edit-info h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 2px}.edit-section{margin-bottom:24px}.edit-section h4{font-size:14px;font-weight:600;color:#fff;margin:0 0 4px}.edit-section-desc{font-size:13px;color:#93a5c8;margin:0 0 12px}.edit-row{display:flex;align-items:center;gap:12px}.edit-row select{flex:1;padding:10px 16px;background:#111621;border:1px solid #243047;border-radius:8px;color:#fff;font-size:14px}.edit-row select:focus{outline:none;border-color:#195de6}.btn-sm{padding:8px 12px!important;font-size:12px!important}.btn-sm .material-symbols-outlined{font-size:16px!important}.tenant-edit-list{display:flex;flex-direction:column;gap:8px}.tenant-edit-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#111621;border:1px solid #243047;border-radius:8px}.te-info{display:flex;align-items:center;gap:10px}.te-name{font-weight:500;color:#fff}.te-actions{display:flex;align-items:center;gap:8px}.te-actions select{padding:6px 10px;background:#1a2230;border:1px solid #243047;border-radius:6px;color:#fff;font-size:12px;min-width:100px}.te-actions select:focus{outline:none;border-color:#195de6}@media (max-width: 1024px){.user-details-meta{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.user-details-meta{grid-template-columns:1fr}.tenant-edit-item{flex-direction:column;align-items:stretch;gap:12px}.te-actions{justify-content:flex-end}}.ai-models-list{display:flex;flex-direction:column;gap:8px;margin-bottom:1.5rem}.ai-model-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#1a2332;border:1px solid #243047;border-radius:8px;transition:all .2s}.ai-model-item:hover{border-color:#3b5998}.ai-model-item.disabled{opacity:.6}.ai-model-info{display:flex;align-items:center;gap:16px}.ai-model-name{display:flex;flex-direction:column;gap:4px}.ai-model-name span{font-weight:500;color:#e2e8f0}.ai-model-id{font-size:12px;color:#64748b;background:#0d1117;padding:2px 6px;border-radius:4px;font-family:monospace}.provider-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.provider-badge.emerald{background:#10b98126;color:#10b981}.provider-badge.orange{background:#f9731626;color:#f97316}.provider-badge.blue{background:#3b82f626;color:#3b82f6}.provider-badge.slate{background:#64748b26;color:#94a3b8}.ai-model-actions{display:flex;align-items:center;gap:8px}.toggle-switch.small,.toggle-switch.small .toggle-slider{width:36px;height:20px}.toggle-switch.small .toggle-slider:before{width:16px;height:16px;left:2px;bottom:2px}.toggle-switch.small input:checked+.toggle-slider:before{transform:translate(16px)}@media (max-width: 768px){.ai-model-item{flex-direction:column;align-items:stretch;gap:12px}.ai-model-actions{justify-content:flex-end}}.section-header-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.section-header-row h2{font-size:24px;font-weight:700;color:#fff;margin:0}.section-header-row p{font-size:14px;color:#93a5c8;margin:4px 0 0}.stat-icon.green{color:#10b981}.stat-icon.orange{color:#f97316}.stat-icon.slate{color:#94a3b8}.stat-icon.teal{color:#14b8a6}.distribution-section{background:#1a2230;border:1px solid #243047;border-radius:12px;padding:20px;margin-bottom:20px}.distribution-section h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 16px}.distribution-grid{display:flex;flex-wrap:wrap;gap:8px}.distribution-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#111621;border:1px solid #243047;border-radius:8px}.distribution-label{font-size:13px;color:#93a5c8}.distribution-count{font-size:14px;font-weight:600;color:#a855f7}.filter-row{display:flex;align-items:center;gap:12px;margin-bottom:20px}.search-group{display:flex;align-items:center;flex:1;max-width:400px;background:#1a2230;border:1px solid #243047;border-radius:8px;overflow:hidden}.search-group input{flex:1;padding:10px 16px;background:transparent;border:none;color:#fff;font-size:14px}.search-group input:focus{outline:none}.search-group input::placeholder{color:#93a5c880}.filter-row select{padding:10px 16px;background:#1a2230;border:1px solid #243047;border-radius:8px;color:#fff;font-size:14px;cursor:pointer}.filter-row select:focus{outline:none;border-color:#195de6}.search-results{background:#1a2230;border:1px solid #243047;border-radius:12px;padding:16px;margin-bottom:20px}.search-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.search-results-header h4{font-size:14px;font-weight:600;color:#fff;margin:0}.no-results{font-size:14px;color:#64748b;margin:0;padding:20px 0;text-align:center}.search-results-list{display:flex;flex-direction:column;gap:12px}.search-result-item{padding:12px 16px;background:#111621;border:1px solid #243047;border-radius:8px}.result-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.result-company{font-weight:600;color:#fff}.result-year{font-size:12px;padding:2px 8px;background:#64748b33;border-radius:4px;color:#94a3b8}.result-score{font-size:12px;padding:2px 8px;background:#a855f733;border-radius:4px;color:#c084fc;margin-left:auto}.result-content{font-size:13px;color:#93a5c8;margin:0;line-height:1.5}.reports-table-container{background:#1a2230;border:1px solid #243047;border-radius:12px;overflow:hidden}.reports-table{width:100%;border-collapse:collapse}.reports-table thead{background:#0003}.reports-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#93a5c8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #243047}.reports-table td{padding:12px 16px;border-bottom:1px solid #243047;vertical-align:middle;color:#93a5c8;font-size:14px}.reports-table tbody tr:hover{background:#ffffff05}.reports-table tbody tr:last-child td{border-bottom:none}.year-cell{width:80px;font-weight:600;color:#fff}.company-cell{min-width:200px}.company-info{display:flex;flex-direction:column;gap:2px}.company-info .company-name{font-weight:500;color:#fff}.company-info .company-code{font-size:12px;color:#64748b}.purpose-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pages-cell{width:60px;text-align:center}.status-cell{width:100px}.actions-cell{width:220px;display:flex;gap:8px}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.indexed{background:#10b98126;color:#34d399}.status-badge.pending{background:#f59e0b26;color:#fbbf24}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#1a2230;border:1px solid #243047;border-radius:8px;color:#93a5c8;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn:hover{background:#242e42;color:#fff}.btn.primary{background:#a855f7;border-color:#a855f7;color:#fff}.btn.primary:hover{background:#9333ea}.btn.secondary{background:transparent;border-color:#374151}.btn.secondary:hover{background:#242e42}.btn.small{padding:6px 10px;font-size:12px}.btn.icon{padding:8px}.btn.text{background:transparent;border:none;color:#93a5c8;padding:4px 8px}.btn.text:hover{color:#fff;background:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn .material-symbols-outlined{font-size:18px}.btn.small .material-symbols-outlined{font-size:16px}.modal-content.large{max-width:700px}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:#93a5c8;cursor:pointer;transition:all .2s}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-close .material-symbols-outlined{font-size:20px}.report-info{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #243047}.report-info h4{font-size:18px;font-weight:600;color:#fff;margin:0 0 8px}.report-meta{display:flex;gap:8px;margin:0}.report-meta .badge{padding:4px 10px;background:#a855f726;border-radius:20px;font-size:12px;font-weight:500;color:#c084fc}.report-meta .badge.secondary{background:#64748b26;color:#94a3b8}.classification-details{display:flex;flex-direction:column;gap:20px}.detail-section{padding:16px;background:#111621;border:1px solid #243047;border-radius:8px}.detail-section h5{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff;margin:0 0 12px}.detail-section h5 .material-symbols-outlined{font-size:18px;color:#a855f7}.detail-section p{font-size:14px;color:#93a5c8;margin:0;line-height:1.6}.detail-section.metadata{background:transparent;border:none;padding:12px 0 0;border-top:1px solid #243047}.detail-section.metadata p{font-size:12px;color:#64748b;margin:4px 0}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#64748b26;border-radius:20px;font-size:12px;font-weight:500;color:#94a3b8}.tag.primary{background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.tag.mechanism{background:#3b82f626;color:#60a5fa}.tag .confidence{font-size:10px;padding:2px 6px;background:#0000004d;border-radius:10px;color:#fff}.confidence-text{font-size:12px;color:#64748b;margin:12px 0 0!important}.culture-list{display:flex;flex-direction:column;gap:12px}.culture-item{display:flex;flex-direction:column;gap:6px}.culture-name{font-size:13px;font-weight:500;color:#fff}.culture-score{display:flex;align-items:center;gap:10px;height:20px;background:#1a2230;border-radius:10px;overflow:hidden;padding-right:8px}.score-bar{height:100%;background:linear-gradient(90deg,#a855f7,#ec4899);border-radius:10px;transition:width .3s ease}.score-value{font-size:12px;font-weight:600;color:#fff;min-width:40px;text-align:right}.culture-evidence{font-size:12px;color:#64748b;margin:0;font-style:italic}.overall-score{font-size:14px;font-weight:600;color:#a855f7;margin:12px 0 0!important;padding-top:12px;border-top:1px solid #243047}@media (max-width: 768px){.section-header-row{flex-direction:column;gap:12px}.filter-row{flex-direction:column}.search-group{max-width:none;width:100%}.filter-row select{width:100%}.reports-table-container{overflow-x:auto}.reports-table{min-width:700px}}.api-keys-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #243047}.api-keys-list{display:flex;flex-direction:column;gap:12px}.api-key-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#1a2332;border:1px solid #243047;border-radius:8px;gap:16px}.api-key-provider{display:flex;align-items:center;gap:12px;min-width:160px}.provider-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.provider-icon.emerald{background:#10b98126;color:#10b981}.provider-icon.orange{background:#f9731626;color:#f97316}.provider-icon.blue{background:#3b82f626;color:#3b82f6}.provider-info{display:flex;flex-direction:column;gap:2px}.provider-name{font-weight:500;color:#e2e8f0}.api-key-status{font-size:12px}.api-key-status.set{color:#10b981}.api-key-status.not-set{color:#64748b}.api-key-input-wrapper{flex:1;display:flex;align-items:center;gap:8px;max-width:400px}.api-key-input{flex:1;padding:10px 12px;background:#0d1117;border:1px solid #243047;border-radius:6px;color:#e2e8f0;font-size:14px;font-family:monospace}.api-key-input:focus{outline:none;border-color:#3b82f6}.api-key-input::placeholder{color:#64748b}@media (max-width: 768px){.api-key-item{flex-direction:column;align-items:stretch}.api-key-provider{min-width:auto}.api-key-input-wrapper{max-width:none}}.admin-actions-row{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:16px;background:#1a2230;border:1px solid #243047;border-radius:12px}.admin-actions-row .btn{min-width:140px;justify-content:center}.message-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.message-banner.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#34d399}.message-banner.success .material-symbols-outlined{color:#10b981}.message-banner.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.message-banner.error .material-symbols-outlined{color:#ef4444}.upload-dropzone{border:2px dashed #374151;border-radius:12px;padding:32px;text-align:center;transition:all .2s;cursor:pointer;margin-bottom:20px;background:#111621}.upload-dropzone:hover,.upload-dropzone.active{border-color:#a855f7;background:#a855f70d}.upload-dropzone.has-file{border-color:#10b981;background:#10b9810d}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.dropzone-content .material-symbols-outlined{font-size:48px;color:#64748b}.dropzone-content .material-symbols-outlined.success{color:#10b981}.dropzone-content p{margin:0;color:#93a5c8;font-size:14px}.dropzone-content .file-name{font-weight:600;color:#fff}.dropzone-content .file-size{font-size:12px;color:#64748b}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;color:#93a5c8;margin-bottom:8px}.form-group input{width:100%;padding:12px 16px;background:#111621;border:1px solid #243047;border-radius:8px;color:#fff;font-size:14px;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#a855f7}.form-group input::placeholder{color:#93a5c880}.modal-header h3{font-size:18px;font-weight:600;color:#fff;margin:0}.result-page{font-size:12px;padding:2px 8px;background:#06b6d433;border-radius:4px;color:#22d3ee}.result-footer{margin-top:10px;display:flex;justify-content:flex-end}.result-footer .btn.small.text{font-size:12px;color:#a855f7}.result-footer .btn.small.text:hover{color:#c084fc}@media (max-width: 768px){.admin-actions-row{flex-direction:column}.admin-actions-row .btn{width:100%}}.primary-type{font-size:13px;color:#c084fc;margin:12px 0 0!important;font-weight:500}.security-page{flex:1;padding:32px;overflow-y:auto;background:var(--bg-primary)}.security-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;gap:16px;color:var(--text-secondary)}.security-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:32px}.security-header-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.security-header-icon .material-symbols-outlined{font-size:24px}.security-header-text h1{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.security-header-text p{font-size:14px;color:var(--text-secondary);margin:0}.security-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1200px}@media (max-width: 1024px){.security-content{grid-template-columns:1fr}}.security-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden}.security-card.full-width{grid-column:1 / -1}.security-card-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.security-card-header h2{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.security-card-header .material-symbols-outlined{font-size:20px;color:var(--accent)}.security-card-body{padding:24px}.key-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.key-status-item{background:var(--bg-tertiary);padding:16px;border-radius:8px}.key-status-item.full-width{grid-column:1 / -1}.key-status-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.key-status-value{font-size:20px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.key-status-value.warning{color:var(--warning)}.key-status-value.danger{color:var(--danger)}.key-status-subvalue{font-size:12px;color:var(--text-secondary);margin-top:4px}.key-age-badge{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:500}.key-age-badge.good{background:#22c55e1a;color:var(--success)}.key-age-badge.warning{background:#eab3081a;color:var(--warning)}.key-age-badge.danger{background:#ef44441a;color:var(--danger)}.security-actions{display:flex;flex-direction:column;gap:16px}.security-action-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-tertiary);border-radius:8px;cursor:pointer;transition:all .2s}.security-action-item:hover{background:var(--bg-tertiary-hover)}.security-action-item.disabled{opacity:.5;cursor:not-allowed}.security-action-icon{width:40px;height:40px;background:var(--accent-muted);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent)}.security-action-icon .material-symbols-outlined{font-size:20px}.security-action-text{flex:1}.security-action-text h3{font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 2px}.security-action-text p{font-size:12px;color:var(--text-secondary);margin:0}.security-action-arrow{color:var(--text-muted)}.key-history-table{width:100%;border-collapse:collapse}.key-history-table th,.key-history-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.key-history-table th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:500}.key-history-table td{font-size:14px;color:var(--text-primary)}.key-history-table tr:last-child td{border-bottom:none}.key-version-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.key-version-badge.active{background:#22c55e1a;color:var(--success)}.key-version-badge.inactive{background:var(--bg-tertiary);color:var(--text-muted)}.audit-log-empty{text-align:center;padding:32px;color:var(--text-secondary)}.audit-log-list{display:flex;flex-direction:column;gap:8px}.audit-log-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border-radius:8px}.audit-log-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.audit-log-icon.success{background:#22c55e1a;color:var(--success)}.audit-log-icon.failure{background:#ef44441a;color:var(--danger)}.audit-log-icon .material-symbols-outlined{font-size:18px}.audit-log-content{flex:1;min-width:0}.audit-log-action{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.audit-log-meta{font-size:12px;color:var(--text-secondary);display:flex;gap:12px;flex-wrap:wrap}.audit-log-time{font-size:12px;color:var(--text-muted);white-space:nowrap}.security-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.security-modal{background:var(--bg-secondary);border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0000004d}.security-modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.security-modal-header h3{font-size:18px;font-weight:600;margin:0;color:var(--text-primary)}.security-modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px}.security-modal-close:hover{color:var(--text-primary)}.security-modal-body{padding:24px;overflow-y:auto}.security-modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end}.security-form-group{margin-bottom:20px}.security-form-group:last-child{margin-bottom:0}.security-form-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.security-form-input{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text-primary);transition:border-color .2s}.security-form-input:focus{outline:none;border-color:var(--accent)}.security-form-input::placeholder{color:var(--text-muted)}.security-form-hint{font-size:12px;color:var(--text-secondary);margin-top:6px}.security-form-error{font-size:12px;color:var(--danger);margin-top:6px}.password-requirements{background:var(--bg-tertiary);border-radius:8px;padding:12px 16px;margin-top:12px}.password-requirements h4{font-size:12px;font-weight:500;color:var(--text-secondary);margin:0 0 8px}.password-requirements ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:4px}.password-requirements li{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.password-requirements li.met{color:var(--success)}.password-requirements li .material-symbols-outlined{font-size:14px}.security-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.security-btn-primary{background:var(--accent);color:#fff;border:none}.security-btn-primary:hover:not(:disabled){background:var(--accent-dark)}.security-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.security-btn-secondary:hover:not(:disabled){background:var(--bg-tertiary-hover)}.security-btn-danger{background:var(--danger);color:#fff;border:none}.security-btn-danger:hover:not(:disabled){opacity:.9}.security-btn:disabled{opacity:.5;cursor:not-allowed}.confirmation-warning{background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:8px;padding:16px;margin-bottom:20px}.confirmation-warning-icon{display:flex;align-items:center;gap:8px;color:var(--warning);font-weight:500;margin-bottom:8px}.confirmation-warning p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.file-upload-zone{border:2px dashed var(--border);border-radius:8px;padding:32px;text-align:center;cursor:pointer;transition:all .2s}.file-upload-zone:hover{border-color:var(--accent);background:var(--accent-muted)}.file-upload-zone.has-file{border-color:var(--success);background:#22c55e0d}.file-upload-icon{color:var(--text-muted);margin-bottom:12px}.file-upload-icon .material-symbols-outlined{font-size:32px}.file-upload-text{font-size:14px;color:var(--text-secondary)}.file-upload-text strong{color:var(--accent)}.file-upload-hint{font-size:12px;color:var(--text-muted);margin-top:8px}.file-selected{display:flex;align-items:center;gap:8px;color:var(--success)}.file-selected .material-symbols-outlined{font-size:20px}.export-result{margin-top:20px}.export-result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.export-result-header h4{font-size:14px;font-weight:500;color:var(--text-primary);margin:0}.export-data{background:var(--bg-tertiary);border-radius:8px;padding:12px;font-family:monospace;font-size:12px;color:var(--text-secondary);word-break:break-all;max-height:120px;overflow-y:auto}.export-checksum{margin-top:12px;font-size:12px;color:var(--text-secondary)}.export-checksum code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:monospace}.loading-spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.encryption-not-initialized{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px}.encryption-not-initialized-icon{width:64px;height:64px;background:#eab3081a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.encryption-not-initialized-icon .material-symbols-outlined{font-size:32px;color:var(--warning)}.encryption-not-initialized h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.encryption-not-initialized p{font-size:14px;color:var(--text-secondary);margin:0 0 20px;max-width:360px;line-height:1.5}.agents-page{padding:0 2rem 2rem;max-width:1200px;margin:0 auto;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;flex:1}.agents-loading,.agents-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem;color:var(--text-secondary)}.agents-error{color:var(--error)}.spinning{animation:spin 1s linear infinite}.agents-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.agents-hero-content{max-width:600px}.agents-hero-title{font-size:2rem;font-weight:900;background:linear-gradient(135deg,var(--text-primary),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.agents-hero-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6}.agents-hero-badges{display:flex;gap:.5rem}.badge{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge .material-symbols-outlined{font-size:1rem}.badge-secure{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.badge-active{background:#22c55e1a;color:#22c55e}.agents-filters{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.agents-search{position:relative;flex:1}.agents-search .material-symbols-outlined{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.agents-search input{width:100%;padding:1rem 1rem 1rem 3rem;border-radius:.75rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;transition:border-color .2s,box-shadow .2s}.agents-search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #195de61a}.agents-category-chips{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.category-chip{white-space:nowrap;padding:.75rem 1.5rem;border-radius:.75rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s}.category-chip:hover{border-color:var(--primary);color:var(--primary)}.category-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #195de64d}.agents-category-section{margin-bottom:3rem}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.category-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700}.category-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem}.category-icon-purple{background:#9333ea1a;color:#9333ea}.category-icon-blue{background:#3b82f61a;color:#3b82f6}.category-icon-green{background:#22c55e1a;color:#22c55e}.category-icon-orange{background:#f973161a;color:#f97316}.category-icon-teal{background:#14b8a61a;color:#14b8a6}.category-icon-red{background:#ef44441a;color:#ef4444}.category-icon-gray{background:#6b72801a;color:#6b7280}.category-icon-indigo{background:#6366f11a;color:#6366f1}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.skill-card{position:relative;display:flex;flex-direction:column;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;transition:all .3s}.skill-card:hover{border-color:#195de680;box-shadow:0 8px 24px #0000001a}.skill-card.disabled{opacity:.6}.skill-card-badge{position:absolute;top:1.5rem;right:1.5rem}.skill-card-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:.75rem;margin-bottom:1.5rem;transition:transform .3s}.skill-card:hover .skill-card-icon{transform:scale(1.1)}.skill-card-icon .material-symbols-outlined{font-size:1.75rem}.skill-card-icon-purple{background:#9333ea1a;color:#9333ea}.skill-card-icon-blue{background:#3b82f61a;color:#3b82f6}.skill-card-icon-green{background:#22c55e1a;color:#22c55e}.skill-card-icon-orange{background:#f973161a;color:#f97316}.skill-card-icon-teal{background:#14b8a61a;color:#14b8a6}.skill-card-icon-red{background:#ef44441a;color:#ef4444}.skill-card-icon-gray{background:#6b72801a;color:#6b7280}.skill-card-icon-indigo{background:#6366f11a;color:#6366f1}.skill-card-title{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;transition:color .2s}.skill-card:hover .skill-card-title{color:var(--primary)}.skill-card-description{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:1rem;flex-grow:1}.skill-card-capabilities{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1rem}.capability-tag{padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:.25rem;font-size:.625rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.skill-card-result{padding:.75rem;background:#195de60d;border-radius:.5rem;margin-bottom:1rem;font-size:.8rem;color:var(--text-secondary);white-space:pre-wrap}.skill-card-actions{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-color);margin-top:auto}.skill-card-toggle{display:flex;align-items:center;gap:.5rem}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.3s;border-radius:20px}.toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-label{font-size:.75rem;color:var(--text-secondary)}.skill-card-buttons{display:flex;gap:.5rem}.btn-start{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .2s;box-shadow:0 4px 12px #195de64d}.btn-start:hover:not(:disabled){background:#1450cc}.btn-start:disabled{opacity:.5;cursor:not-allowed}.btn-start .material-symbols-outlined{font-size:1.125rem}.btn-info{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-color);border-radius:.5rem;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-info:hover{background:var(--bg-tertiary)}.agents-custom-request{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem 2.5rem;background:linear-gradient(135deg,#1f2937,#111827);border-radius:1rem;border:1px solid var(--border-color);margin-top:3rem}.custom-request-content h3{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.5rem}.custom-request-content p{color:#ffffffb3;font-size:.875rem;max-width:500px}.custom-request-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:#1f2937;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.custom-request-button:hover{background:#f3f4f6}.agents-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:0}.agents-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:.95rem;cursor:pointer;position:relative;transition:color .2s}.agents-tab:hover{color:var(--text-primary)}.agents-tab.active{color:var(--primary)}.agents-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary);border-radius:2px 2px 0 0}.agents-tab .material-symbols-outlined{font-size:1.25rem}.internal-tools-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.internal-tools-header{margin-bottom:2rem}.internal-tools-header h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.internal-tools-header p{color:var(--text-secondary);font-size:.95rem;max-width:600px}.internal-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.internal-tools-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:1rem}.internal-tools-empty .material-symbols-outlined{font-size:3rem;margin-bottom:1rem;opacity:.5}.internal-tools-empty p{font-size:.95rem}.internal-tool-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1.25rem;transition:all .3s}.internal-tool-card:hover{border-color:#195de666;box-shadow:0 4px 16px #00000014}.internal-tool-card.disabled{opacity:.6}.internal-tool-card-header{display:flex;gap:1rem;align-items:flex-start}.internal-tool-card-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.75rem;background:#195de61a;color:var(--primary);flex-shrink:0}.internal-tool-card-icon .material-symbols-outlined{font-size:1.5rem}.internal-tool-card-info{flex:1;min-width:0}.internal-tool-card-title{font-size:1rem;font-weight:700;margin-bottom:.25rem}.internal-tool-card-description{color:var(--text-secondary);font-size:.8rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.internal-tool-card-toggle{flex-shrink:0}.internal-tool-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.tool-count{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-secondary)}.tool-count .material-symbols-outlined{font-size:1rem}.expand-btn{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border:none;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.75rem;font-weight:500;border-radius:.375rem;cursor:pointer;transition:all .2s}.expand-btn:hover{background:var(--border-color);color:var(--text-primary)}.expand-btn .material-symbols-outlined{font-size:1rem}.internal-tool-card-tools{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;padding:.75rem;background:var(--bg-tertiary);border-radius:.5rem}.tool-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:.375rem;font-size:.8rem}.tool-name{font-family:Monaco,Menlo,monospace;color:var(--text-primary)}.tool-risk{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.125rem .375rem;border-radius:.25rem}.risk-safe{background:#22c55e1a;color:#22c55e}.risk-moderate{background:#f973161a;color:#f97316}.risk-dangerous{background:#ef44441a;color:#ef4444}@media (max-width: 768px){.agents-page{padding:0 1rem 1rem}.agents-hero{flex-direction:column;align-items:flex-start}.agents-hero-title{font-size:1.5rem}.agents-custom-request{flex-direction:column;text-align:center}.custom-request-content p{max-width:none}.agents-tabs{gap:0}.agents-tab{flex:1;justify-content:center;padding:.75rem .5rem;font-size:.85rem}.internal-tools-grid{grid-template-columns:1fr}.internal-tool-card-header{flex-wrap:wrap}.internal-tool-card-toggle{order:-1;width:100%;display:flex;justify-content:flex-end;margin-bottom:.5rem}}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.workflow-page{display:flex;height:100%;width:100%;overflow:hidden;background-color:var(--bg-primary)}.workflow-toolbox{width:280px;flex-shrink:0;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.toolbox-header{padding:16px;border-bottom:1px solid var(--border-color)}.toolbox-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#e2e8f0;margin-bottom:12px}.toolbox-search{position:relative}.toolbox-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-secondary)}.toolbox-search input{width:100%;padding:8px 12px 8px 36px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;font-size:14px;color:var(--text-primary)}.toolbox-search input:focus{outline:none;border-color:var(--accent-color)}.toolbox-search input::placeholder{color:var(--text-secondary)}.toolbox-content{flex:1;overflow-y:auto;padding:8px}.node-category{margin-bottom:8px}.category-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;background:transparent;border:none;cursor:pointer;border-radius:4px}.category-header:hover{background-color:var(--bg-tertiary)}.category-toggle{font-size:16px;transition:transform .2s}.category-toggle.collapsed{transform:rotate(-90deg)}.category-items{padding-left:8px;margin-top:4px}.draggable-node{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;cursor:grab;transition:all .15s}.draggable-node:hover{background-color:var(--bg-tertiary)}.draggable-node:active{cursor:grabbing}.draggable-node.dragging{opacity:.5}.node-icon-wrapper{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s}.node-icon-wrapper.trigger{background-color:#f973161a;color:#f97316}.node-icon-wrapper.ai{background-color:#195de61a;color:#195de6}.node-icon-wrapper.logic{background-color:#14b8a61a;color:#14b8a6}.node-icon-wrapper.data{background-color:#a855f71a;color:#a855f7}.node-icon-wrapper.output{background-color:#22c55e1a;color:#22c55e}.draggable-node:hover .node-icon-wrapper{color:#fff}.draggable-node:hover .node-icon-wrapper.trigger{background-color:#f97316}.draggable-node:hover .node-icon-wrapper.ai{background-color:#195de6}.draggable-node:hover .node-icon-wrapper.logic{background-color:#14b8a6}.draggable-node:hover .node-icon-wrapper.data{background-color:#a855f7}.draggable-node:hover .node-icon-wrapper.output{background-color:#22c55e}.node-icon{font-size:20px}.node-info{display:flex;flex-direction:column}.node-name{font-size:14px;font-weight:500;color:#e2e8f0}.node-description{font-size:10px;color:#94a3b8}.workflow-canvas-area{flex:1;position:relative;background-color:var(--bg-primary);overflow:hidden}.canvas-header{position:absolute;top:16px;left:16px;right:16px;z-index:10;display:flex;justify-content:flex-start;align-items:flex-start;gap:12px;pointer-events:none}.canvas-header>*{pointer-events:auto}.back-to-list-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0}.back-to-list-btn:hover{background:var(--bg-tertiary);color:var(--primary);border-color:var(--primary)}.back-to-list-btn .material-symbols-outlined{font-size:1.25rem}.workflow-info{background-color:var(--bg-secondary-transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px;border-radius:12px;border:1px solid var(--border-color);flex:1;min-width:0;max-width:400px}.workflow-title-row{display:flex;align-items:center;gap:12px}.workflow-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.workflow-title-input{font-size:18px;font-weight:700;color:var(--text-primary);background:transparent;border:1px solid transparent;border-radius:6px;padding:4px 8px;margin:-4px -8px;min-width:200px;transition:all .2s ease}.workflow-title-input:hover{background:var(--surface-secondary);border-color:var(--border-color)}.workflow-title-input:focus{outline:none;background:var(--surface-primary);border-color:var(--accent-color);box-shadow:0 0 0 3px #195de61a}.workflow-status{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.workflow-status.draft{background-color:#eab30833;color:#eab308;border:1px solid rgba(234,179,8,.3)}.workflow-status.published{background-color:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.workflow-status.archived{background-color:#64748b33;color:#64748b;border:1px solid rgba(100,116,139,.3)}.workflow-status-dropdown{display:flex;align-items:center;gap:6px}.status-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.status-action-btn .material-symbols-outlined{font-size:16px}.status-action-btn.publish{background-color:#22c55e33;color:#22c55e}.status-action-btn.publish:hover{background-color:#22c55e4d}.status-action-btn.archive{background-color:#64748b33;color:#64748b}.status-action-btn.archive:hover{background-color:#64748b4d}.workflow-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);margin-top:4px}.canvas-actions{display:flex;gap:8px;margin-left:auto;flex-shrink:0}.zoom-controls{display:flex;background-color:var(--bg-secondary-transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;border:1px solid var(--border-color);padding:4px}.zoom-btn{padding:8px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:4px}.zoom-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.canvas-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.canvas-btn.primary{background-color:var(--accent-color);color:#fff;border:none;box-shadow:0 4px 12px #195de64d}.canvas-btn.primary:hover{background-color:#1450c0}.canvas-btn.secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.canvas-btn.secondary:hover{background-color:var(--bg-tertiary)}.workflow-canvas{width:100%;height:100%}.react-flow__background{background-color:var(--bg-primary)!important}.workflow-minimap{position:absolute;bottom:24px;right:24px;width:192px;height:128px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;z-index:10}.workflow-properties{width:320px;flex-shrink:0;background-color:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.properties-header{padding:16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-tertiary)}.properties-title{font-size:14px;font-weight:700;color:var(--text-primary)}.properties-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px}.properties-close:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.properties-content{flex:1;overflow-y:auto;padding:20px}.properties-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary)}.properties-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.properties-empty-text{font-size:14px}.selected-node-info{display:flex;align-items:center;gap:12px;margin-bottom:24px}.selected-node-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.selected-node-details h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.selected-node-details p{font-size:12px;color:var(--text-secondary);margin:0}.form-field{margin-bottom:16px}.form-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:6px}.form-input{width:100%;padding:8px 12px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;font-size:14px;color:var(--text-primary)}.form-input:focus{outline:none;border-color:var(--accent-color)}.form-select{width:100%;padding:8px 12px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;font-size:14px;color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-select:focus{outline:none;border-color:var(--accent-color)}.form-textarea{width:100%;padding:8px 12px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;font-size:14px;color:var(--text-primary);resize:vertical;min-height:80px;font-family:inherit}.form-textarea:focus{outline:none;border-color:var(--accent-color)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.properties-divider{height:1px;background-color:var(--border-color);margin:24px 0}.outputs-section h4{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.output-item{display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:4px;cursor:pointer}.output-item:hover{background-color:var(--bg-tertiary)}.output-info{display:flex;align-items:center;gap:8px}.output-dot{width:8px;height:8px;border-radius:50%}.output-dot.success{background-color:#22c55e}.output-dot.error{background-color:#ef4444}.output-name{font-size:14px;color:var(--text-secondary);font-family:monospace}.output-drag{font-size:16px;color:var(--text-secondary);opacity:0;transition:opacity .15s}.output-item:hover .output-drag{opacity:1}.add-output-btn{width:100%;padding:8px;margin-top:8px;background:transparent;border:1px dashed var(--accent-color);border-radius:6px;color:var(--accent-color);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .15s}.add-output-btn:hover{background-color:#195de61a}.properties-footer{padding:16px;border-top:1px solid var(--border-color);background-color:var(--bg-tertiary)}.view-logs-btn{width:100%;padding:10px;background-color:var(--bg-primary);border:none;border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s}.view-logs-btn:hover{background-color:var(--bg-tertiary)}.workflow-node{background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 12px #00000026;min-width:200px;border:2px solid transparent;transition:all .15s}.workflow-node:hover{box-shadow:0 8px 24px #0003;transform:scale(1.02)}.workflow-node.selected{border-color:var(--accent-color);box-shadow:0 0 0 2px #195de64d}.workflow-node.running{border-color:var(--accent-color);box-shadow:0 0 15px #195de666}.workflow-node.start{border-left:4px solid #f97316}.workflow-node.end{border-left:4px solid #22c55e}.workflow-node.llm{border-left:4px solid #195de6}.workflow-node.condition{border-left:4px solid #14b8a6}.workflow-node.code{border-left:4px solid #a855f7}.workflow-node.http{border-left:4px solid #f59e0b}.node-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--border-color)}.node-header-left{display:flex;align-items:center;gap:8px}.node-header-icon{font-size:20px}.node-header-title{font-size:14px;font-weight:700;color:var(--text-primary)}.node-header-menu{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.node-body{padding:12px}.node-description-text{font-size:12px;color:var(--text-secondary);margin-bottom:8px}.node-meta{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-secondary);background-color:var(--bg-tertiary);padding:4px 8px;border-radius:4px}.node-progress{margin-top:12px}.progress-bar{width:100%;height:6px;background-color:var(--bg-tertiary);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background-color:var(--accent-color);border-radius:3px;transition:width .3s}.progress-text{display:flex;justify-content:space-between;font-size:10px;color:var(--text-secondary);margin-top:4px}.node-status-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 4px #0003}.node-status-badge.running{background-color:var(--accent-color);color:#fff}.node-status-badge.completed{background-color:#22c55e;color:#fff}.node-status-badge.failed{background-color:#ef4444;color:#fff}.react-flow__handle{width:12px;height:12px;border-radius:50%;background-color:var(--bg-tertiary);border:2px solid var(--bg-secondary)}.react-flow__handle-left{left:-6px}.react-flow__handle-right{right:-6px}.react-flow__handle:hover{background-color:var(--accent-color)}.react-flow__edge-path{stroke:#64748b;stroke-width:2}.react-flow__edge.selected .react-flow__edge-path{stroke:var(--accent-color)}.react-flow__edge.animated .react-flow__edge-path{stroke-dasharray:5;animation:dash .5s linear infinite}@keyframes dash{to{stroke-dashoffset:-10}}.import-error-toast{position:absolute;top:80px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:#ef4444;color:#fff;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #ef444466;animation:slideDown .3s ease-out}.import-error-toast .material-symbols-outlined{font-size:20px}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.import-success-toast{position:absolute;top:80px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:#22c55e;color:#fff;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #22c55e66;animation:slideDown .3s ease-out}.workflow-list-page{padding:0 2rem 2rem;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;flex:1}.workflow-list-page>*{max-width:1200px;margin-left:auto;margin-right:auto}.workflow-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.workflow-hero-content{max-width:600px}.workflow-hero-title{font-size:2rem;font-weight:900;background:linear-gradient(135deg,var(--text-primary),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.workflow-hero-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6}.workflow-hero-actions{display:flex;gap:.75rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.action-btn .material-symbols-outlined{font-size:1.25rem}.action-btn.primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #195de64d}.action-btn.primary:hover{background:#1450cc}.action-btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.action-btn.secondary:hover{border-color:var(--primary);color:var(--primary)}.workflow-filters{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.workflow-search{position:relative;flex:1}.workflow-search .material-symbols-outlined{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.workflow-search input{width:100%;padding:1rem 1rem 1rem 3rem;border-radius:.75rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;transition:border-color .2s,box-shadow .2s}.workflow-search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #195de61a}.workflow-search input::placeholder{color:var(--text-secondary)}.workflow-status-chips{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.status-chip{white-space:nowrap;padding:.75rem 1.5rem;border-radius:.75rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s}.status-chip:hover{border-color:var(--primary);color:var(--primary)}.status-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #195de64d}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.workflow-card{position:relative;display:flex;flex-direction:column;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;cursor:pointer;transition:all .3s}.workflow-card:hover{border-color:#195de680;box-shadow:0 8px 24px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.75rem;background:#195de61a;transition:transform .3s}.workflow-card:hover .card-icon{transform:scale(1.1)}.card-icon .material-symbols-outlined{font-size:1.5rem;color:var(--primary)}.card-status{padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-draft{background:#f973161a;color:#f97316;border:1px solid rgba(249,115,22,.2)}.status-published{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.status-archived{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2)}.card-body{flex-grow:1;margin-bottom:1rem}.card-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:700;color:var(--text-primary);transition:color .2s}.workflow-card:hover .card-title{color:var(--primary)}.card-description{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.meta-item{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:var(--text-secondary)}.meta-item .material-symbols-outlined{font-size:1rem}.card-actions{display:flex;gap:.5rem}.card-action-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid var(--border-color);border-radius:.5rem;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.card-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.card-action-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.card-action-btn.primary:hover{background:#1450cc}.card-action-btn.danger:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.card-action-btn .material-symbols-outlined{font-size:1.125rem}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:1rem}.empty-icon{font-size:4rem;color:var(--text-secondary);opacity:.5;margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.empty-state p{margin:0 0 1.5rem;font-size:.95rem;color:var(--text-secondary)}.empty-actions{display:flex;gap:.75rem}.import-error-toast{position:fixed;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:#ef4444;color:#fff;border-radius:.75rem;font-size:.875rem;font-weight:500;box-shadow:0 8px 24px #ef44444d;z-index:1000;animation:slideIn .3s ease}.import-error-toast .material-symbols-outlined{font-size:1.25rem}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.workflow-list-page{padding:0 1rem 1rem}.workflow-hero{flex-direction:column;align-items:flex-start}.workflow-hero-title{font-size:1.5rem}.workflow-hero-actions{width:100%}.action-btn{flex:1;justify-content:center}.workflow-grid{grid-template-columns:1fr}}.video-gen-page{background:#111722;height:100%;width:100%;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}.video-gen-content{max-width:1400px;width:100%;margin:0 auto;padding:20px 24px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden}.video-gen-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;flex-shrink:0}@media (min-width: 768px){.video-gen-header{flex-direction:row;align-items:flex-end;justify-content:space-between}}.video-gen-header-content h1{font-size:24px;font-weight:900;color:#fff;margin:0 0 4px;letter-spacing:-.025em}.video-gen-header-content p{color:#93a5c8;font-size:13px;margin:0;max-width:640px}.header-badges{display:flex;align-items:center;gap:8px}.badge{display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:500}.badge .material-symbols-outlined{font-size:14px}.badge-encrypted{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.video-gen-grid{display:grid;grid-template-columns:1fr;gap:24px;flex:1;min-height:0;overflow:hidden}@media (min-width: 1024px){.video-gen-grid{grid-template-columns:340px 1fr;gap:32px}}.video-gen-left{display:flex;flex-direction:column;gap:16px;overflow-y:auto;overflow-x:hidden;min-height:0;padding-right:8px}.video-gen-left::-webkit-scrollbar{width:6px}.video-gen-left::-webkit-scrollbar-track{background:transparent}.video-gen-left::-webkit-scrollbar-thumb{background:#344465;border-radius:3px}.video-gen-left::-webkit-scrollbar-thumb:hover{background:#4a5a7a}.card{background:#1e2736;border:1px solid #243047;border-radius:12px;overflow:hidden;flex-shrink:0}.card-header{padding:16px}.card-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#fff;margin:0}.card-title .material-symbols-outlined{color:#195de6;font-size:18px}.card-body{padding:0 16px 16px}.upload-zone{border:2px dashed #344465;border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .2s}.upload-zone:hover{background:#24304780;border-color:#195de680}.upload-zone-icon{width:40px;height:40px;border-radius:50%;background:#243047;display:flex;align-items:center;justify-content:center;margin-bottom:8px;transition:all .2s}.upload-zone:hover .upload-zone-icon{background:#195de633}.upload-zone-icon .material-symbols-outlined{font-size:20px;color:#fff}.upload-zone-text{font-size:13px;font-weight:500;color:#fff;margin:0 0 2px}.upload-zone-hint{font-size:11px;color:#93a5c8;margin:0}.upload-zone.processing{cursor:default;background:#195de61a;border-color:#195de64d}.upload-zone.processing .upload-zone-icon{background:#195de633}.upload-zone.processing .upload-zone-icon svg{width:24px;height:24px;color:#6ba3ff}.animate-spin{animation:spin 1s linear infinite}.upload-input{display:none}.file-list{margin-top:16px;display:flex;flex-direction:column;gap:8px}.file-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#243047;border:1px solid #344465;border-radius:6px}.file-item-info{display:flex;align-items:center;gap:8px;min-width:0}.file-item-icon{background:#f9731633;color:#fb923c;padding:4px;border-radius:4px;flex-shrink:0}.file-item-icon .material-symbols-outlined{font-size:16px}.file-item-details{min-width:0}.file-item-name{font-size:12px;font-weight:500;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item-meta{font-size:11px;color:#93a5c8;margin:0}.file-item-delete{background:transparent;border:none;color:#93a5c8;cursor:pointer;padding:4px;transition:color .2s}.file-item-delete:hover{color:#f87171}.settings-accordion{background:#1e2736;border:1px solid #243047;border-radius:12px;overflow:hidden;flex-shrink:0}.settings-section{padding:12px 16px}.settings-section+.settings-section{border-top:1px solid #243047}.settings-section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#fff;margin:0 0 12px}.settings-section-title .material-symbols-outlined{color:#195de6;font-size:18px}.settings-group{display:flex;flex-direction:column;gap:12px}.setting-row{display:flex;flex-direction:column;gap:4px}.setting-row label{font-size:12px;font-weight:500;color:#93a5c8}.setting-row input[type=number],.setting-row input[type=text],.setting-row select{width:100%;padding:8px 10px;background:#243047;border:1px solid #344465;border-radius:6px;color:#fff;font-size:13px;outline:none}.setting-row input[type=text]::placeholder{color:#5a6a87}.setting-row input:focus,.setting-row select:focus{border-color:#195de6}.setting-row-inline{display:flex;align-items:center;gap:8px}.setting-row-inline input{flex:1}.setting-row-inline span{font-size:14px;color:#93a5c8}.toggle-row{display:flex;align-items:center;justify-content:space-between}.toggle-row span{font-size:14px;font-weight:500;color:#fff}.toggle{position:relative;width:44px;height:24px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#243047;border-radius:24px;transition:.2s}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:.2s}.toggle input:checked+.toggle-slider{background:#195de6}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.narration-settings{margin-top:12px;padding:12px;background:#243047;border:1px solid #344465;border-radius:8px}.voice-buttons{display:flex;gap:8px;margin-top:8px}.voice-btn{flex:1;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.voice-btn-active{background:#195de6;color:#fff;border:1px solid transparent}.voice-btn-inactive{background:#111722;color:#93a5c8;border:1px solid #344465}.voice-btn-inactive:hover{border-color:#93a5c8}.script-source{margin-top:12px}.script-source label{display:block;font-size:12px;color:#93a5c8;margin-bottom:4px}.script-source select{width:100%;padding:6px 8px;background:#111722;border:1px solid #344465;border-radius:4px;color:#fff;font-size:12px}.video-gen-right{display:flex;flex-direction:column;gap:16px;min-height:0;overflow:hidden}.preview-card{background:#1e2736;border:1px solid #243047;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0;box-shadow:0 25px 50px -12px #00000040}.preview-header{padding:16px;border-bottom:1px solid #243047;display:flex;justify-content:space-between;align-items:center}.preview-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#fff;margin:0}.preview-title .material-symbols-outlined{color:#195de6}.preview-duration{font-size:14px;color:#93a5c8;font-family:monospace}.video-area{flex:1;background:#000;position:relative;display:flex;align-items:center;justify-content:center;min-height:200px}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.6}.slide-preview-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:#fff;overflow:hidden}.additional-prompt-section{margin-top:12px}.additional-prompt-input{width:100%;padding:8px;background:#111722;border:1px solid #344465;border-radius:4px;color:#fff;font-size:12px;resize:vertical;min-height:60px;margin-top:4px;font-family:inherit}.additional-prompt-input::placeholder{color:#6b7c9a}.additional-prompt-input:focus{outline:none;border-color:#195de6}.video-play-btn{width:64px;height:64px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10}.video-play-btn:hover{background:#fff3;transform:scale(1.05)}.video-play-btn .material-symbols-outlined{font-size:36px;color:#fff;margin-left:4px}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:16px;opacity:0;transition:opacity .2s}.video-area:hover .video-controls{opacity:1}.video-progress{width:100%;height:6px;background:#4b5563;border-radius:3px;margin-bottom:16px;cursor:pointer}.video-progress-fill{height:100%;background:#195de6;border-radius:3px;width:35%}.video-controls-row{display:flex;justify-content:space-between;align-items:center;color:#fff}.video-controls-left,.video-controls-right{display:flex;align-items:center;gap:16px}.video-controls button{background:transparent;border:none;color:#fff;cursor:pointer;padding:0}.video-time{font-size:12px;font-family:monospace}.timeline{height:120px;min-height:120px;max-height:120px;background:#111722;border-top:1px solid #243047;padding:12px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.timeline-header{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.timeline-label{font-size:11px;font-weight:700;color:#93a5c8;text-transform:uppercase;letter-spacing:.05em}.timeline-zoom{display:flex;gap:8px}.timeline-zoom button{background:transparent;border:none;color:#93a5c8;cursor:pointer;padding:4px}.timeline-zoom button:hover{color:#fff}.timeline-slides{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.timeline-slides::-webkit-scrollbar{display:none}.slide-thumb{flex-shrink:0;width:128px;aspect-ratio:16 / 9;background:#243047;border-radius:4px;border:2px solid #344465;position:relative;cursor:pointer;overflow:hidden;transition:border-color .2s}.slide-thumb:hover{border-color:#93a5c8}.slide-thumb.active{border-color:#195de6}.slide-thumb-number{position:absolute;top:4px;left:4px;background:#0009;color:#fff;font-size:10px;padding:2px 4px;border-radius:2px;font-family:monospace}.slide-thumb-placeholder{width:100%;height:100%;background:#374151;opacity:.5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px}.slide-thumb-title{font-size:9px;color:#93a5c8;text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.slide-notes-indicator{position:absolute;bottom:4px;right:4px}.slide-notes-indicator .material-symbols-outlined{font-size:14px;color:#4ade80}.slide-notes-missing{position:absolute;bottom:4px;right:4px}.slide-notes-missing .material-symbols-outlined{font-size:14px;color:#f59e0b}.slide-add{flex-shrink:0;width:48px;display:flex;align-items:center;justify-content:center;border:1px dashed #344465;border-radius:4px;color:#344465;cursor:pointer;transition:all .2s}.slide-add:hover{background:#243047;border-color:#195de680;color:#195de6}.actions-card{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:16px;background:#1e2736;border:1px solid #243047;border-radius:12px;flex-shrink:0;position:relative;z-index:10}.actions-status{margin-right:auto;display:flex;align-items:center;gap:8px;font-size:14px;color:#93a5c8}.actions-status .material-symbols-outlined{color:#4ade80}.btn{display:flex;align-items:center;gap:8px;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary{background:transparent;border:1px solid #344465;color:#fff}.btn-secondary:hover{background:#243047}.btn-primary{background:#195de6;border:none;color:#fff;box-shadow:0 4px 12px #195de633}.btn-primary:hover{background:#2563eb}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn .material-symbols-outlined{font-size:20px}.progress-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20}.progress-spinner{width:64px;height:64px;margin-bottom:16px}.progress-spinner svg{animation:spin 1s linear infinite}.progress-text{font-size:16px;font-weight:500;color:#fff;margin:0 0 4px}.progress-detail{font-size:14px;color:#93a5c8;margin:0 0 16px}.progress-bar-container{width:200px;height:6px;background:#243047;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:#195de6;border-radius:3px;transition:width .3s}.complete-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20}.complete-icon{width:64px;height:64px;border-radius:50%;background:#22c55e33;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.complete-icon .material-symbols-outlined{font-size:32px;color:#4ade80}.complete-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 8px}.complete-stats{display:flex;gap:24px;margin-bottom:24px}.complete-stat{text-align:center}.complete-stat-value{font-size:20px;font-weight:700;color:#fff}.complete-stat-label{font-size:12px;color:#93a5c8}.complete-actions{display:flex;gap:12px}.video-gen-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;text-align:center}.video-gen-error .material-symbols-outlined{font-size:64px;color:#f87171;margin-bottom:16px}.video-gen-error h2{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.video-gen-error p{font-size:14px;color:#93a5c8;max-width:400px}@media (max-width: 768px){.video-gen-content{padding:16px}.video-gen-grid{overflow-y:auto}.preview-card{min-height:400px;flex:none}.timeline{height:120px;min-height:120px;max-height:120px}.actions-card{flex-wrap:wrap}.actions-status{width:100%;margin-bottom:8px}}.generated-videos-page{background:#111722;min-height:100%;padding:32px;overflow-y:auto;flex:1;width:100%}.generated-videos-page-content{max-width:1200px;width:100%;margin:0 auto;padding:0 32px}.generated-videos-header{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}@media (min-width: 768px){.generated-videos-header{flex-direction:row;align-items:flex-end;justify-content:space-between}}.generated-videos-header-content h1{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:900;color:#fff;margin:0 0 8px;letter-spacing:-.025em}.generated-videos-header-content h1 .material-symbols-outlined{font-size:36px;color:#195de6}.generated-videos-header-content p{color:#93a5c8;font-size:16px;margin:0;max-width:640px}.create-video-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#195de6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .2s;box-shadow:0 4px 12px #195de633}.create-video-btn:hover{background:#2563eb}.create-video-btn .material-symbols-outlined{font-size:20px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:#1e2736;border:1px solid #243047;border-radius:12px;padding:16px}.stat-card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.stat-card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.stat-card-icon .material-symbols-outlined{font-size:24px}.stat-icon-total{background:#195de633}.stat-icon-total .material-symbols-outlined{color:#195de6}.stat-icon-completed{background:#22c55e33}.stat-icon-completed .material-symbols-outlined{color:#4ade80}.stat-icon-processing{background:#eab30833}.stat-icon-processing .material-symbols-outlined{color:#facc15}.stat-icon-failed{background:#ef444433}.stat-icon-failed .material-symbols-outlined{color:#f87171}.stat-card-value{font-size:24px;font-weight:700;color:#fff}.stat-card-label{color:#93a5c8;font-size:14px}.filters-bar{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}@media (min-width: 768px){.filters-bar{flex-direction:row;align-items:center;justify-content:space-between}}.filters-left,.filters-right{display:flex;align-items:center;gap:12px}.filters-bar select{background:#243047;border:1px solid #344465;color:#fff;font-size:14px;border-radius:8px;padding:8px 12px;cursor:pointer;outline:none}.filters-bar select:focus{border-color:#195de6}.sort-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;color:#93a5c8;font-size:14px;cursor:pointer;border-radius:8px;transition:all .2s}.sort-btn:hover{color:#fff;background:#243047}.sort-btn .material-symbols-outlined{font-size:18px}.view-toggle{display:flex;background:#243047;border-radius:8px;padding:4px}.view-toggle button{padding:6px;border:none;background:transparent;color:#93a5c8;cursor:pointer;border-radius:4px;transition:all .2s}.view-toggle button:hover{color:#fff}.view-toggle button.active{background:#195de6;color:#fff}.view-toggle button .material-symbols-outlined{font-size:18px}.videos-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 640px){.videos-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.videos-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.videos-grid{grid-template-columns:repeat(4,1fr)}}.video-card{background:#1e2736;border:1px solid #243047;border-radius:12px;overflow:hidden;transition:border-color .2s}.video-card:hover{border-color:#344465}.video-card-failed{border-color:#ef44444d}.video-card-thumbnail{position:relative;aspect-ratio:16 / 9;background:#111722;overflow:hidden}.video-card-thumbnail img{width:100%;height:100%;object-fit:cover}.video-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.video-card:hover .video-card-overlay{opacity:1}.play-btn{width:48px;height:48px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.play-btn:hover{background:#ffffff4d}.play-btn .material-symbols-outlined{font-size:28px;color:#fff}.video-duration{position:absolute;bottom:8px;right:8px;background:#000000b3;color:#fff;font-size:12px;padding:2px 8px;border-radius:4px;font-family:monospace}.video-status-badge{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-completed{background:#22c55ee6;color:#fff}.status-processing{background:#eab308e6;color:#fff}.status-failed{background:#ef4444e6;color:#fff}.status-badge-icon{font-size:12px}.video-card-content{padding:12px}.video-title{font-size:14px;font-weight:500;color:#fff;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta{font-size:12px;color:#93a5c8;margin:0 0 12px}.video-progress{margin-bottom:0}.progress-bar{height:6px;background:#243047;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:#195de6;border-radius:999px;transition:width .3s}.progress-text{font-size:12px;color:#93a5c8;text-align:right;margin-top:8px}.video-card-actions{display:flex;align-items:center;gap:8px}.action-btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;background:#195de61a;color:#195de6;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.action-btn-primary:hover{background:#195de633}.action-btn-primary .material-symbols-outlined{font-size:16px}.action-btn-icon{padding:6px;background:transparent;border:none;color:#93a5c8;cursor:pointer;border-radius:4px;transition:all .2s}.action-btn-icon:hover{color:#fff;background:#243047}.action-btn-icon.action-delete:hover{color:#f87171;background:#ef44441a}.action-btn-icon .material-symbols-outlined{font-size:18px}.video-processing-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:#111722}.processing-spinner{width:48px;height:48px;margin-bottom:12px}.processing-spinner svg{animation:spin 1s linear infinite}.processing-text{font-size:14px;font-weight:500;color:#fff;margin:0}.processing-detail{font-size:12px;color:#93a5c8;margin:4px 0 0}.video-failed-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:#111722}.failed-icon{width:48px;height:48px;border-radius:50%;background:#ef444433;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.failed-icon .material-symbols-outlined{font-size:28px;color:#f87171}.failed-text{font-size:14px;font-weight:500;color:#fff;margin:0}.failed-detail{font-size:12px;color:#93a5c8;margin:4px 0 0;text-align:center;padding:0 16px}.video-placeholder{display:flex;align-items:center;justify-content:center;height:100%;background:#111722}.video-placeholder .material-symbols-outlined{font-size:48px;color:#344465}.videos-list{display:flex;flex-direction:column;gap:8px}.video-list-item{display:flex;align-items:center;gap:16px;padding:12px;background:#1e2736;border:1px solid #243047;border-radius:12px;transition:border-color .2s}.video-list-item:hover{border-color:#344465}.video-list-item.video-failed{border-color:#ef44444d}.video-list-thumbnail{width:120px;height:68px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#111722;position:relative}.video-list-thumbnail img{width:100%;height:100%;object-fit:cover}.video-processing-overlay,.video-failed-overlay{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#111722}.video-failed-overlay .material-symbols-outlined{font-size:24px;color:#f87171}.video-list-info{flex:1;min-width:0}.video-list-info .video-title{margin-bottom:4px}.video-list-info .video-meta{margin:0}.video-list-item .video-status-badge{position:static;flex-shrink:0}.video-list-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.video-list-actions .action-btn{padding:8px;background:transparent;border:none;color:#93a5c8;cursor:pointer;border-radius:8px;transition:all .2s}.video-list-actions .action-btn:hover{color:#fff;background:#243047}.video-list-actions .action-btn.action-download:hover{color:#195de6;background:#195de61a}.video-list-actions .action-btn.action-retry:hover{color:#facc15;background:#eab3081a}.video-list-actions .action-btn.action-delete:hover{color:#f87171;background:#ef44441a}.video-list-actions .action-btn .material-symbols-outlined{font-size:20px}.videos-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;color:#93a5c8}.videos-loading .loading-spinner{width:48px;height:48px;margin-bottom:16px}.videos-loading .loading-spinner svg{animation:spin 1s linear infinite}.videos-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;background:#1e2736;border:1px solid #243047;border-radius:12px}.videos-empty .material-symbols-outlined{font-size:64px;color:#344465;margin-bottom:16px}.videos-empty h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 8px}.videos-empty p{font-size:14px;color:#93a5c8;margin:0 0 24px}.generated-videos-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;background:#1e2736;border:1px solid #243047;border-radius:12px}.generated-videos-error .material-symbols-outlined{font-size:64px;color:#f87171;margin-bottom:16px}.generated-videos-error h2{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.generated-videos-error p{font-size:14px;color:#93a5c8;margin:0}.videos-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:32px}.pagination-info{font-size:14px;color:#93a5c8;margin:0}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{padding:8px;background:transparent;border:none;color:#93a5c8;cursor:pointer;border-radius:8px;transition:all .2s}.pagination-btn:hover:not(:disabled){color:#fff;background:#243047}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn .material-symbols-outlined{font-size:20px}.pagination-page{padding:6px 12px;background:transparent;border:none;color:#93a5c8;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s}.pagination-page:hover{color:#fff;background:#243047}.pagination-page.active{background:#195de6;color:#fff}@media (max-width: 768px){.generated-videos-page{padding:16px}.video-list-item{flex-wrap:wrap}.video-list-thumbnail{width:100%;height:auto;aspect-ratio:16 / 9}.video-list-info{width:100%}.video-list-actions{width:100%;justify-content:flex-end}}.document-editor{display:flex;flex-direction:column;flex:1;width:100%;height:100%;min-height:600px;background:var(--bg-secondary);overflow:hidden}.document-editor__upload-area{flex:1;display:flex;align-items:center;justify-content:center;margin:24px;border:2px dashed var(--border-color);border-radius:16px;background:var(--bg-primary);cursor:pointer;transition:all .2s ease}.document-editor__upload-area:hover{border-color:var(--primary-color);background:var(--bg-hover)}.upload-content{text-align:center;padding:48px}.upload-icon{font-size:64px;color:var(--text-tertiary);margin-bottom:16px}.upload-content h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.upload-content p{font-size:14px;color:var(--text-secondary);margin:0}.upload-formats{margin-top:16px!important;font-size:12px!important;color:var(--text-tertiary)!important}.document-editor__loading,.document-editor__unavailable{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary)}.document-editor__unavailable .material-symbols-outlined{font-size:48px;color:var(--error-color)}.document-editor__unavailable h2{margin:0;color:var(--text-primary)}.spinner{width:48px;height:48px;animation:spin 1s linear infinite}.spinner-track{opacity:.25}.spinner-head{opacity:.75}.spinner-small{width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.document-editor__workspace{flex:1;display:grid;grid-template-columns:1fr 400px;gap:16px;padding:16px;min-height:0}@media (max-width: 1200px){.document-editor__workspace{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.document-editor__preview-panel{position:relative;display:flex;flex-direction:column;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.preview-toolbar__tabs{display:flex;gap:4px;background:var(--bg-tertiary);padding:4px;border-radius:8px}.preview-toolbar__tabs .tab{padding:6px 12px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.preview-toolbar__tabs .tab:hover{color:var(--text-primary)}.preview-toolbar__tabs .tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.preview-toolbar__actions{display:flex;align-items:center;gap:4px}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn .material-symbols-outlined{font-size:20px}.zoom-level{font-size:12px;font-weight:500;color:var(--text-secondary);min-width:40px;text-align:center}.toolbar-divider{width:1px;height:20px;background:var(--border-color);margin:0 8px}.preview-content{flex:1;overflow:auto;background:#fff}.preview-processing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:100;color:#fff;font-size:16px;font-weight:500;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.preview-processing-overlay .spinner{width:48px;height:48px;color:#fff}.preview-iframe{width:100%;height:100%;border:none;background:#fff}.preview-text{padding:24px;font-family:Courier New,monospace;font-size:13px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.preview-text pre{margin:0}.preview-info-bar{display:flex;align-items:center;gap:16px;padding:8px 12px;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:12px;color:var(--text-tertiary)}.info-item{display:flex;align-items:center;gap:4px}.info-item .material-symbols-outlined{font-size:16px}.document-editor__chat-panel{display:flex;flex-direction:column;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color)}.chat-header__title{display:flex;align-items:center;gap:8px}.chat-header__title .material-symbols-outlined{font-size:24px;color:var(--primary-color)}.chat-header__title h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.chat-message{display:flex;gap:12px}.chat-message--user{flex-direction:row-reverse}.chat-message__avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-message--user .chat-message__avatar{background:var(--bg-tertiary)}.chat-message--assistant .chat-message__avatar{background:var(--primary-color);color:#fff}.chat-message__avatar .material-symbols-outlined{font-size:16px}.chat-message__content{max-width:80%;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5}.chat-message--user .chat-message__content{background:var(--bg-tertiary);color:var(--text-primary);border-top-right-radius:4px}.chat-message--assistant .chat-message__content{background:var(--primary-color-light);color:var(--text-primary);border:1px solid var(--primary-color-border);border-top-left-radius:4px}.chat-message__text{word-break:break-word}.chat-message__text strong{font-weight:600}.chat-message__loading{display:flex;gap:4px;padding:4px 0}.chat-message__loading .dot{width:8px;height:8px;background:var(--text-tertiary);border-radius:50%;animation:bounce 1.4s ease-in-out infinite}.chat-message__loading .dot:nth-child(1){animation-delay:0s}.chat-message__loading .dot:nth-child(2){animation-delay:.2s}.chat-message__loading .dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.chat-input-container{padding:12px 16px 16px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.chat-input-wrapper{display:flex;gap:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:4px 4px 4px 16px}.chat-input{flex:1;border:none;background:transparent;font-size:14px;color:var(--text-primary);outline:none}.chat-input::placeholder{color:var(--text-tertiary)}.send-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.send-btn:hover:not(:disabled){background:var(--primary-color-hover)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn .material-symbols-outlined{font-size:20px}.chat-suggestions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.chat-suggestions button{padding:6px 12px;font-size:12px;color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;transition:all .2s ease}.chat-suggestions button:hover{background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color)}.document-editor__error-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--error-color);color:#fff;border-radius:8px;font-size:14px;box-shadow:0 4px 12px #0000004d;z-index:1000;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.document-editor__error-toast .material-symbols-outlined{font-size:20px}.document-editor{--primary-color-light: rgba(25, 93, 230, .1);--primary-color-border: rgba(25, 93, 230, .3);--primary-color-hover: #1450c8}.field-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;font-size:11px;font-weight:600;color:#fff;background:var(--primary-color);border-radius:9px}.selection-context-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--primary-color-light);border-bottom:1px solid var(--primary-color-border);font-size:13px}.selection-context-bar>.material-symbols-outlined{font-size:18px;color:var(--primary-color)}.selection-info{flex:1;display:flex;align-items:center;gap:8px;overflow:hidden}.line-badge,.section-badge{display:inline-flex;padding:2px 8px;font-size:11px;font-weight:600;border-radius:4px;white-space:nowrap}.line-badge{background:var(--primary-color);color:#fff}.section-badge{background:var(--bg-tertiary);color:var(--text-secondary)}.selection-text{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-selection-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease}.clear-selection-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.clear-selection-btn .material-symbols-outlined{font-size:16px}.preview-text--with-lines{display:flex;padding:0;background:#fff}.line-numbers{flex-shrink:0;padding:16px 0;background:var(--bg-secondary);border-right:1px solid var(--border-color);-webkit-user-select:none;user-select:none}.line-number{padding:0 12px;font-size:12px;line-height:1.6;color:var(--text-tertiary);text-align:right;min-width:40px}.line-contents{flex:1;padding:16px;overflow-x:auto}.line-content{font-family:Courier New,monospace;font-size:13px;line-height:1.6;padding:0 4px;margin:0 -4px;border-radius:4px;cursor:pointer;transition:background .1s ease;color:#1a1a1a}.line-content:hover{background:var(--bg-hover)}.line-content--selected{background:var(--primary-color-light);border:1px solid var(--primary-color-border);margin:-1px -5px;padding:0 4px}.preview-fields{padding:16px;overflow-y:auto;background:var(--bg-secondary)}.fields-sections{display:flex;flex-direction:column;gap:16px}.field-section{background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color);overflow:hidden}.section-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-weight:600;color:var(--text-primary)}.section-header .material-symbols-outlined{font-size:18px;color:var(--primary-color)}.section-lines{margin-left:auto;font-size:11px;font-weight:400;color:var(--text-tertiary)}.section-fields{padding:8px;display:flex;flex-direction:column;gap:4px}.fields-flat{display:flex;flex-direction:column;gap:8px}.field-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.field-item:hover{border-color:var(--primary-color);background:var(--primary-color-light)}.field-type-icon{font-size:16px}.field-label{font-weight:500;color:var(--text-primary)}.field-value{flex:1;font-size:12px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-line{font-size:11px;font-weight:500;color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 6px;border-radius:4px}.no-fields{padding:8px 12px;font-size:13px;color:var(--text-tertiary);font-style:italic}.no-fields-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center;color:var(--text-tertiary)}.no-fields-message .material-symbols-outlined{font-size:48px;margin-bottom:16px;opacity:.5}.no-fields-message p{margin:0}.no-fields-message .hint{font-size:12px;margin-top:8px;opacity:.7}.sheet-tabs-bar{display:flex;gap:2px;padding:4px 8px;background:var(--bg-tertiary);border-top:1px solid var(--border-color);overflow-x:auto;flex-shrink:0}.sheet-tab{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-bottom:none;border-radius:6px 6px 0 0;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.sheet-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.sheet-tab--active{background:var(--bg-primary);color:var(--primary-color);border-color:var(--primary-color);border-bottom:2px solid var(--bg-primary);margin-bottom:-1px;font-weight:500}.sheet-tab .material-symbols-outlined{font-size:14px}.sheet-tab-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.video-tile{position:relative;background:#1a2232;border-radius:12px;overflow:hidden}.video-tile.speaking{box-shadow:0 0 0 2px #195de6,0 0 20px #195de626}.video-element{width:100%;height:100%;object-fit:cover}.no-video{display:flex;align-items:center;justify-content:center;height:100%;background:#1a2232}.avatar-placeholder{width:80px;height:80px;border-radius:50%;background:#243047;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:#fff}.mic-indicator{position:absolute;top:12px;right:12px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px;border-radius:6px;color:#fff}.mic-indicator .material-symbols-outlined{font-size:18px}.name-badge{position:absolute;bottom:12px;left:12px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 12px;border-radius:8px;display:flex;flex-direction:column;gap:2px}.participant-name{font-size:14px;font-weight:500;color:#fff}.speaking-label{font-size:10px;text-transform:uppercase;font-weight:600;letter-spacing:.05em;color:#195de6}.live-caption{position:absolute;bottom:64px;left:50%;transform:translate(-50%);max-width:90%;text-align:center}.caption-text{background:#000000b3;color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-tile.ai-participant{background:#1a223280;border:1px solid rgba(25,93,230,.3);display:flex;align-items:center;justify-content:center}.ai-avatar{display:flex;flex-direction:column;align-items:center;gap:12px}.ai-avatar-inner{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#195de633,#8b5cf633);display:flex;align-items:center;justify-content:center;position:relative}.ai-avatar-inner.processing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #195de6;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.5}to{transform:scale(2);opacity:0}}.ai-avatar-inner .material-symbols-outlined{font-size:36px;color:#195de6;filter:drop-shadow(0 0 10px rgba(25,93,230,.5))}.ai-label{font-weight:500;color:#fff;margin:0}.ai-processing-dots{display:flex;gap:6px}.ai-processing-dots .dot{width:6px;height:6px;background:#195de6;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.ai-processing-dots .dot:nth-child(1){animation-delay:0s}.ai-processing-dots .dot:nth-child(2){animation-delay:.16s}.ai-processing-dots .dot:nth-child(3){animation-delay:.32s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.ai-status{font-size:12px;color:#6b7280;margin:0}.ai-badge{position:absolute;top:12px;right:12px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px;border-radius:6px}.ai-badge .material-symbols-outlined{font-size:18px;color:#195de6}.control-bar{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1a2232f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0006;z-index:100;will-change:transform}.control-btn{width:48px;height:48px;border-radius:12px;border:none;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.control-btn:hover{background:#ffffff1a}.control-btn.muted,.control-btn.off{color:#dc2626}.control-btn.active{background:#195de61a;color:#195de6}.control-btn.ai-btn{position:relative}.control-btn.ai-btn .ai-indicator{position:absolute;top:8px;right:8px;width:8px;height:8px}.control-btn.ai-btn .ai-indicator:before{content:"";position:absolute;width:100%;height:100%;background:#195de6;border-radius:50%;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.control-btn.ai-btn .ai-indicator:after{content:"";position:absolute;width:100%;height:100%;background:#195de6;border-radius:50%}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.control-divider{width:1px;height:32px;background:#ffffff1a;margin:0 4px}.control-btn.end-call{width:auto;padding:0 20px;gap:8px;background:#dc2626;color:#fff;font-weight:600;font-size:14px}.control-btn.end-call:hover{background:#b91c1c}.end-label{display:none}@media (min-width: 768px){.end-label{display:inline}}@media (max-width: 768px){.control-bar{gap:8px;padding:8px 12px}.control-btn{width:40px;height:40px}}.transcript-panel{width:384px;display:flex;flex-direction:column;background:#111722;border-left:1px solid #243047;overflow:visible}.panel-expand-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);width:32px;height:64px;background:#1a2232;border:1px solid #243047;border-right:none;border-radius:8px 0 0 8px;color:#93a5c8;cursor:pointer;display:flex;align-items:center;justify-content:center}.panel-header{padding:16px;border-bottom:1px solid #243047;background:#161b26;overflow:visible;position:relative;z-index:10}.panel-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#fff;margin:0}.panel-title .material-symbols-outlined{color:#195de6}.panel-collapse-btn{background:none;border:none;color:#93a5c8;cursor:pointer;padding:4px}.panel-collapse-btn:hover{color:#fff}.language-selector{position:relative;z-index:20}.selector-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:#93a5c8;pointer-events:none}.language-select{width:100%;padding:10px 32px 10px 40px;background:#0b0e14;border:1px solid #243047;border-radius:8px;color:#fff;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.language-select:focus{outline:none;border-color:#195de6}.dropdown-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px;color:#93a5c8;pointer-events:none}.panel-tabs{display:flex;border-bottom:1px solid #243047;background:#161b26}.tab-btn{flex:1;padding:12px;background:none;border:none;border-bottom:2px solid transparent;color:#93a5c8;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.tab-btn:hover{color:#fff;background:#ffffff0d}.tab-btn.active{color:#195de6;border-bottom-color:#195de6}.panel-content{flex:1;overflow-y:auto;padding:16px}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:#111722}.panel-content::-webkit-scrollbar-thumb{background:#243047;border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:#344465}.transcript-list{display:flex;flex-direction:column;gap:16px}.transcript-item{display:flex;flex-direction:column;gap:4px}.transcript-header{display:flex;align-items:baseline;justify-content:space-between}.speaker-name{font-size:12px;font-weight:600}.transcript-time{font-size:10px;color:#6b7280}.transcript-content{background:#1a2232;padding:12px;border-radius:0 8px 8px;border:1px solid #243047}.transcript-content.partial{opacity:.6}.original-text{font-size:14px;color:#93a5c8;margin:0}.translation{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.translation-label{display:block;font-size:11px;color:#195de6b3;margin-bottom:4px}.translated-text{font-size:14px;font-weight:500;color:#fff;margin:0}.ai-insight-card{display:flex;gap:12px;padding:12px;background:linear-gradient(135deg,#195de61a,#8b5cf61a);border-radius:8px;border:1px solid rgba(25,93,230,.2);margin:8px 0}.insight-icon .material-symbols-outlined{font-size:20px;color:#195de6}.insight-content{flex:1}.insight-type{font-size:12px;font-weight:600;color:#195de6;margin:0 0 4px;text-transform:capitalize}.insight-text{font-size:14px;color:#fff;margin:0;line-height:1.5}.insight-action-btn{margin-top:8px;padding:4px 8px;background:#195de633;border:none;border-radius:4px;color:#195de6;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.insight-action-btn:hover{background:#195de64d}.summary-content,.action-items-content{padding:16px 0}.empty-state{text-align:center;color:#6b7280;font-size:14px;padding:32px 16px}.action-item{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#1a2232;border-radius:8px;margin-bottom:8px;color:#fff}.action-item .material-symbols-outlined{color:#10b981;font-size:20px}.panel-footer{padding:16px;border-top:1px solid #243047;background:#161b26}.generate-minutes-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#1a2232;border:1px solid #243047;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.generate-minutes-btn:hover:not(:disabled){background:#243047}.generate-minutes-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.transcript-panel{width:320px}}@media (max-width: 768px){.transcript-panel{width:100%;height:40%;border-left:none;border-top:1px solid #243047}}.background-selector{background:var(--surface-color, #1a1a2e);border-radius:12px;padding:16px;width:320px;max-height:400px;overflow-y:auto;box-shadow:0 8px 32px #0006}.background-selector-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.background-selector-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #ffffff)}.background-selector-header .close-btn{background:transparent;border:none;color:var(--text-secondary, #888);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.background-selector-header .close-btn:hover{background:#ffffff1a;color:var(--text-primary, #ffffff)}.category-tabs{display:flex;gap:4px;margin-bottom:12px;overflow-x:auto;padding-bottom:4px}.category-tab{background:#ffffff0d;border:none;border-radius:16px;padding:6px 12px;font-size:12px;color:var(--text-secondary, #888);cursor:pointer;white-space:nowrap;transition:all .2s}.category-tab:hover{background:#ffffff1a;color:var(--text-primary, #ffffff)}.category-tab.active{background:var(--primary-color, #6366f1);color:#fff}.blur-intensity-control{background:#ffffff0d;border-radius:8px;padding:12px;margin-bottom:12px}.blur-intensity-control label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary, #888);margin-bottom:8px}.blur-intensity-control label .material-symbols-outlined{font-size:18px}.blur-intensity-control input[type=range]{width:100%;height:4px;background:#ffffff1a;border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.blur-intensity-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--primary-color, #6366f1);border-radius:50%;cursor:pointer}.background-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.background-item{position:relative;aspect-ratio:16 / 9;background:#ffffff0d;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;padding:0;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center}.background-item:hover{border-color:#fff3;transform:scale(1.02)}.background-item.selected{border-color:var(--primary-color, #6366f1)}.background-item img{width:100%;height:100%;object-fit:cover}.background-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.background-icon .material-symbols-outlined{font-size:28px;color:var(--text-secondary, #888)}.background-icon.none .material-symbols-outlined{color:var(--error-color, #ef4444)}.background-icon.blur{background:linear-gradient(135deg,#667eea,#764ba2)}.background-icon.blur .material-symbols-outlined{color:#fff}.background-icon.upload{background:#6366f11a;border:2px dashed rgba(99,102,241,.5)}.background-icon.upload .material-symbols-outlined{color:var(--primary-color, #6366f1)}.background-label{position:absolute;bottom:0;left:0;right:0;padding:4px;font-size:10px;color:#fff;background:linear-gradient(transparent,#000000b3);text-align:center}.background-icon+.background-label{background:transparent;color:var(--text-secondary, #888)}.selected-indicator{position:absolute;top:4px;right:4px}.selected-indicator .material-symbols-outlined{font-size:20px;color:var(--primary-color, #6366f1);background:#fff;border-radius:50%}.background-selector::-webkit-scrollbar{width:6px}.background-selector::-webkit-scrollbar-track{background:transparent}.background-selector::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.background-selector::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.wake-word-settings{background:var(--bg-primary, #1a1a2e);border-radius:12px;padding:0;width:100%;max-width:400px;box-shadow:0 8px 32px #0006;overflow:hidden}.wake-word-settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-secondary, #16213e);border-bottom:1px solid var(--border-color, #2a2a4a)}.wake-word-settings-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #ffffff)}.wake-word-close-btn{background:none;border:none;color:var(--text-secondary, #8888aa);font-size:24px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.wake-word-close-btn:hover{color:var(--text-primary, #ffffff)}.wake-word-settings-content{padding:20px}.wake-word-description{font-size:13px;color:var(--text-secondary, #8888aa);margin:0 0 20px;line-height:1.5}.wake-word-input-group{margin-bottom:20px}.wake-word-input-group label{display:block;font-size:13px;font-weight:500;color:var(--text-primary, #ffffff);margin-bottom:8px}.wake-word-input-row{display:flex;gap:8px}.wake-word-input-group input{flex:1;padding:10px 12px;font-size:14px;border:1px solid var(--border-color, #2a2a4a);border-radius:8px;background:var(--bg-tertiary, #0f0f23);color:var(--text-primary, #ffffff);outline:none;transition:border-color .2s}.wake-word-input-group input:focus{border-color:var(--accent-color, #4a9eff)}.wake-word-input-group input.error{border-color:var(--error-color, #ff4a4a)}.wake-word-input-group input::placeholder{color:var(--text-muted, #666688)}.wake-word-clear-btn{padding:10px 16px;font-size:13px;border:1px solid var(--border-color, #2a2a4a);border-radius:8px;background:transparent;color:var(--text-secondary, #8888aa);cursor:pointer;transition:all .2s}.wake-word-clear-btn:hover{background:var(--bg-tertiary, #0f0f23);color:var(--text-primary, #ffffff)}.wake-word-error{font-size:12px;color:var(--error-color, #ff4a4a);margin:8px 0 0}.wake-word-hint{font-size:12px;color:var(--text-muted, #666688);margin:8px 0 0}.wake-word-suggestions{margin-bottom:20px}.wake-word-suggestions label{display:block;font-size:13px;font-weight:500;color:var(--text-primary, #ffffff);margin-bottom:8px}.wake-word-suggestion-list{display:flex;flex-wrap:wrap;gap:8px}.wake-word-suggestion{display:flex;flex-direction:column;align-items:flex-start;padding:8px 12px;border:1px solid var(--border-color, #2a2a4a);border-radius:8px;background:var(--bg-tertiary, #0f0f23);cursor:pointer;transition:all .2s}.wake-word-suggestion:hover{border-color:var(--accent-color, #4a9eff);background:#4a9eff1a}.wake-word-suggestion.selected{border-color:var(--accent-color, #4a9eff);background:#4a9eff33}.suggestion-word{font-size:14px;font-weight:500;color:var(--text-primary, #ffffff)}.suggestion-lang{font-size:11px;color:var(--text-muted, #666688);margin-top:2px}.wake-word-current{padding:12px;background:var(--bg-tertiary, #0f0f23);border-radius:8px}.wake-word-current label{display:block;font-size:12px;color:var(--text-muted, #666688);margin-bottom:4px}.wake-word-current-value{font-size:14px;color:var(--text-primary, #ffffff);margin:0}.wake-word-settings-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;background:var(--bg-secondary, #16213e);border-top:1px solid var(--border-color, #2a2a4a)}.wake-word-cancel-btn{padding:10px 20px;font-size:14px;border:1px solid var(--border-color, #2a2a4a);border-radius:8px;background:transparent;color:var(--text-secondary, #8888aa);cursor:pointer;transition:all .2s}.wake-word-cancel-btn:hover{background:var(--bg-tertiary, #0f0f23);color:var(--text-primary, #ffffff)}.wake-word-save-btn{padding:10px 24px;font-size:14px;border:none;border-radius:8px;background:var(--accent-color, #4a9eff);color:#fff;cursor:pointer;transition:background .2s}.wake-word-save-btn:hover{background:var(--accent-hover, #3a8eef)}/**
 * @license
 * Copyright 2025 Google LLC
 * SPDX-License-Identifier: Apache-2.0
 */.meetings-page{--bg-primary: #0b0e14;--bg-secondary: #111722;--bg-surface: #1a2232;--bg-surface-hover: #243047;--border-color: #243047;--text-primary: #ffffff;--text-secondary: #93a5c8;--text-muted: #6b7280;--accent-color: #195de6;--accent-hover: #1a4fd0;--danger-color: #dc2626;--danger-hover: #b91c1c;display:flex;height:100%;width:100%;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.meetings-page.pre-call{align-items:center;justify-content:center}.pre-call-container{display:flex;flex-direction:column;align-items:center;gap:32px;max-width:640px;width:100%;padding:32px}.preview-video{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg-surface);border-radius:16px;overflow:hidden}.local-preview{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.no-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.no-preview .material-symbols-outlined{font-size:48px;margin-bottom:8px}.preview-controls{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:12px}.preview-btn{width:48px;height:48px;border-radius:50%;border:none;background:var(--bg-surface);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.preview-btn:hover{background:var(--bg-surface-hover)}.preview-btn.off{background:var(--danger-color)}.preview-btn.off:hover{background:var(--danger-hover)}.preview-btn.active{background:var(--accent-color)}.preview-btn.active:hover{background:var(--accent-hover)}.background-processing-indicator{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:6px 10px;background:#0009;border-radius:16px;font-size:12px;color:var(--text-secondary)}.background-processing-indicator .material-symbols-outlined{font-size:16px;color:var(--accent-color)}.background-selector-precall{position:absolute;bottom:80px;left:50%;transform:translate(-50%);z-index:100}.join-section{text-align:center}.join-section h2{font-size:24px;font-weight:600;margin-bottom:8px}.join-section p{color:var(--text-secondary);margin-bottom:24px}.error-message{background:#dc26261a;border:1px solid var(--danger-color);color:var(--danger-color);padding:12px 16px;border-radius:8px;margin-bottom:16px}.join-btn{padding:14px 48px;font-size:16px;font-weight:600;background:var(--accent-color);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:background .2s}.join-btn:hover:not(:disabled){background:var(--accent-hover)}.join-btn:disabled{opacity:.6;cursor:not-allowed}.meetings-page.in-call{display:flex;position:relative}.video-area{flex:1;display:flex;flex-direction:column;padding:16px 16px 100px}.video-area.with-screen-share{flex-direction:column;gap:16px}.screen-share-container{position:relative;flex:1;min-height:0;background:var(--bg-surface);border-radius:16px;overflow:hidden;border:2px solid var(--accent-color)}.screen-share-video{width:100%;height:100%;object-fit:contain;background:#000}.screen-share-label{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--accent-color);color:#fff;border-radius:8px;font-size:14px;font-weight:500}.screen-share-label .material-symbols-outlined{font-size:18px}.participants-section{display:flex;flex-direction:column;flex:1 1 0;min-height:0;height:100%}.participants-section.minimized{flex:none;height:auto}.participants-header{display:flex;align-items:center;padding:8px 0}.participants-toggle-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.participants-toggle-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.participants-toggle-btn .material-symbols-outlined{font-size:18px}.video-grid{display:grid;gap:16px;flex:1 1 0;min-height:0;height:100%;max-width:1400px;margin:0 auto;width:100%;align-content:center;justify-content:center}.video-grid.grid-1{grid-template-columns:1fr;grid-template-rows:1fr;max-width:900px}.video-grid.grid-2{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;max-width:1200px}.video-grid.grid-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);max-width:1200px}.video-grid.grid-6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);max-width:1400px}.video-grid.grid-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);max-width:1400px}.video-grid.minimized{flex:none;height:140px;grid-template-columns:repeat(auto-fit,minmax(160px,200px));grid-template-rows:1fr;max-width:100%;justify-content:flex-start;align-content:stretch}.video-grid.minimized .video-tile{min-width:160px;max-width:200px}.background-selector-overlay{position:absolute;bottom:100px;left:50%;transform:translate(-50%);z-index:200;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.wake-word-settings-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:300;animation:fadeIn .2s ease-out}.wake-word-settings-btn{position:absolute;top:16px;right:16px;padding:8px 16px;font-size:13px;border:1px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:20px;background:var(--bg-secondary, rgba(22, 33, 62, .9));color:var(--text-primary, #ffffff);cursor:pointer;transition:all .2s;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:6px}.wake-word-settings-btn:hover{background:var(--bg-tertiary, rgba(15, 15, 35, .95));border-color:var(--accent-color, #4a9eff)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width: 768px){.meetings-page.in-call{flex-direction:column}.video-grid.grid-4,.video-grid.grid-6,.video-grid.grid-9{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.video-grid.minimized{height:100px;grid-template-columns:repeat(auto-fit,minmax(80px,120px))}.video-grid.minimized .video-tile{min-width:80px;max-width:120px}.screen-share-container{min-height:200px}.screen-share-label{padding:6px 12px;font-size:12px}.background-selector-overlay,.background-selector-precall{width:calc(100% - 32px);max-width:320px}.wake-word-settings-overlay{width:calc(100% - 32px);max-width:360px}.wake-word-settings-btn{top:8px;right:8px;padding:6px 12px;font-size:12px}}.meetings-page.checking-call,.meetings-page.rejoin-error{display:flex;align-items:center;justify-content:center;height:100%}.checking-container{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.checking-container h2{font-size:20px;font-weight:500;color:var(--text-primary)}.spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.error-container{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:32px}.error-container .material-symbols-outlined{font-size:64px;color:var(--danger-color)}.error-container h2{font-size:20px;font-weight:500;color:var(--text-primary)}.error-container p{font-size:14px;color:var(--text-secondary)}.meetings-page.maximized{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:9999;background:var(--bg-primary)}.meetings-page.maximized .video-area{flex:1;padding:24px 24px 100px}.meetings-page.maximized .screen-share-container{max-height:calc(100vh - 300px)}.meetings-page.maximized .video-grid:not(.minimized){max-width:1800px}.meetings-page.maximized .control-bar{bottom:24px}.whistleblower-portal{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 64px);padding:24px;background-color:var(--md-sys-color-surface-container-lowest)}.welcome-screen{max-width:600px;width:100%;background:var(--md-sys-color-surface);border-radius:16px;padding:32px;box-shadow:0 2px 8px #0000001a}.welcome-screen h1{font-size:28px;font-weight:500;color:var(--md-sys-color-on-surface);margin:0 0 8px;text-align:center}.welcome-screen .subtitle{color:var(--md-sys-color-on-surface-variant);text-align:center;margin-bottom:24px}.safety-assurance{display:flex;gap:16px;background:var(--md-sys-color-primary-container);border-radius:12px;padding:20px;margin-bottom:24px}.safety-icon{flex-shrink:0}.safety-icon .material-symbols-outlined{font-size:48px;color:var(--md-sys-color-primary)}.safety-content h3{font-size:16px;font-weight:500;color:var(--md-sys-color-on-primary-container);margin:0 0 12px}.safety-content ul{list-style:none;padding:0;margin:0}.safety-content li{display:flex;align-items:center;gap:8px;color:var(--md-sys-color-on-primary-container);font-size:14px;margin-bottom:8px}.safety-content li .material-symbols-outlined{font-size:18px;color:var(--md-sys-color-primary)}.start-options{margin-bottom:24px}.anonymity-option{margin-bottom:16px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:16px;color:var(--md-sys-color-on-surface)}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid var(--md-sys-color-outline);border-radius:4px;position:relative;transition:all .2s}.checkbox-label input:checked+.checkbox-custom{background:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.checkbox-label input:checked+.checkbox-custom:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.option-description{font-size:13px;color:var(--md-sys-color-on-surface-variant);margin:8px 0 0 32px}.start-report-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.start-report-btn:hover:not(:disabled){background:var(--md-sys-color-primary-hover, #1a5fb4);transform:translateY(-1px)}.start-report-btn:disabled{opacity:.6;cursor:not-allowed}.start-report-btn .material-symbols-outlined{font-size:20px}.info-section{border-top:1px solid var(--md-sys-color-outline-variant);padding-top:20px}.info-section h3{font-size:14px;font-weight:500;color:var(--md-sys-color-on-surface-variant);margin:0 0 12px}.info-section ul{padding-left:20px;margin:0}.info-section li{color:var(--md-sys-color-on-surface-variant);font-size:14px;margin-bottom:6px}.chat-container{display:flex;flex-direction:column;max-width:800px;width:100%;height:calc(100vh - 112px);background:var(--md-sys-color-surface);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--md-sys-color-outline-variant)}.header-info h2{font-size:18px;font-weight:500;margin:0;color:var(--md-sys-color-on-surface)}.report-id{font-size:12px;color:var(--md-sys-color-on-surface-variant);font-family:monospace}.header-actions{display:flex;gap:8px}.header-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:background .2s}.header-btn:hover{background:var(--md-sys-color-surface-container-high)}.header-btn.escalate{color:var(--md-sys-color-error)}.header-btn.escalate:hover{background:var(--md-sys-color-error-container)}.progress-indicator{display:flex;justify-content:center;gap:8px;padding:12px 20px;background:var(--md-sys-color-surface-container-low)}.progress-step{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;max-width:80px}.step-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant);font-size:12px;font-weight:500;border:2px solid var(--md-sys-color-outline-variant);transition:all .3s}.progress-step.completed .step-dot{background:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.progress-step.completed .step-dot .material-symbols-outlined{font-size:14px}.progress-step.current .step-dot{background:var(--md-sys-color-primary-container);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.step-label{font-size:10px;color:var(--md-sys-color-on-surface-variant);text-align:center}.progress-step.current .step-label{color:var(--md-sys-color-primary);font-weight:500}.messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.message{display:flex;gap:12px;max-width:85%}.message.user{margin-left:auto;flex-direction:row-reverse}.message.system{max-width:100%;justify-content:center}.message.system .message-content{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant);font-size:14px;text-align:center;padding:12px 20px;border-radius:8px}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.assistant-avatar{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary)}.user-avatar{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.avatar .material-symbols-outlined{font-size:18px}.message-content{background:var(--md-sys-color-surface-container);padding:12px 16px;border-radius:16px 16px 16px 4px}.message.user .message-content{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-radius:16px 16px 4px}.message-content p{margin:0;line-height:1.5}.message-content p+p{margin-top:8px}.suggested-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.suggested-option-btn{padding:8px 16px;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:20px;color:var(--md-sys-color-primary);font-size:14px;cursor:pointer;transition:all .2s}.suggested-option-btn:hover{background:var(--md-sys-color-primary-container);border-color:var(--md-sys-color-primary)}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--md-sys-color-on-surface-variant);animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.input-container{display:flex;align-items:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--md-sys-color-outline-variant)}.input-container textarea{flex:1;padding:12px 16px;border:1px solid var(--md-sys-color-outline);border-radius:24px;resize:none;font-size:15px;font-family:inherit;line-height:1.4;max-height:200px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface)}.input-container textarea:focus{outline:none;border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px var(--md-sys-color-primary)}.input-container textarea::placeholder{color:var(--md-sys-color-on-surface-variant)}.send-btn{width:44px;height:44px;border:none;border-radius:50%;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.send-btn:hover:not(:disabled){background:var(--md-sys-color-primary-hover, #1a5fb4)}.send-btn:disabled{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface-variant);cursor:not-allowed}.completed-message{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.completed-message .material-symbols-outlined{font-size:24px;color:var(--md-sys-color-tertiary)}.completed-message p{margin:0;font-size:15px}.status-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.status-panel{background:var(--md-sys-color-surface);border-radius:16px;width:90%;max-width:400px;overflow:hidden}.status-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--md-sys-color-outline-variant)}.status-header h3{margin:0;font-size:18px;font-weight:500}.close-btn{width:32px;height:32px;border:none;border-radius:8px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-surface-variant)}.close-btn:hover{background:var(--md-sys-color-surface-container-high)}.status-content{padding:20px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--md-sys-color-outline-variant)}.status-item:last-child{border-bottom:none}.status-item .label{color:var(--md-sys-color-on-surface-variant);font-size:14px}.status-item .value{color:var(--md-sys-color-on-surface);font-weight:500}.status-badge{display:inline-block;padding:4px 12px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:12px;font-size:13px}.risk-score{display:flex;align-items:center;gap:8px}.risk-level{display:inline-block;padding:2px 8px;border-radius:8px;font-size:11px;text-transform:uppercase}.risk-level.low{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.risk-level.attention,.risk-level.moderate{background:#fff3cd;color:#856404}.risk-level.high{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.risk-level.critical{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.whistleblower-portal{padding:12px}.welcome-screen{padding:20px}.chat-container{height:calc(100vh - 88px);border-radius:12px}.progress-indicator{gap:4px;padding:8px 12px}.progress-step{max-width:60px}.step-label{font-size:9px}.messages-container{padding:12px}.message{max-width:90%}.input-container{padding:12px}}.sidebar{width:256px;min-width:256px;height:100vh;background:var(--bg-primary);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .3s ease,min-width .3s ease;overflow:hidden}.sidebar.collapsed{width:72px;min-width:72px}.sidebar-content{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:16px}.sidebar-top{display:flex;flex-direction:column;gap:16px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sidebar-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.sidebar-logo{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center}.sidebar-logo-img{width:100%;height:100%;object-fit:contain}.sidebar-logo .material-symbols-outlined{color:var(--accent);font-size:24px}.sidebar-brand-text{display:flex;flex-direction:column}.sidebar-brand-title{font-size:16px;font-weight:700;color:var(--text-primary);line-height:1.2}.sidebar-brand-subtitle{font-size:12px;color:var(--text-muted)}.sidebar-toggle{width:28px;height:28px;background:transparent;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:background .2s,transform .2s}.sidebar-toggle:hover{background:var(--bg-tertiary)}.sidebar-toggle.rotated{transform:rotate(180deg)}.sidebar-toggle .material-symbols-outlined{font-size:20px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--text-secondary);transition:background .2s,color .2s;border-left:3px solid transparent}.sidebar-nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-nav-link.active{background:#195de626;border-left-color:var(--accent);color:var(--text-primary)}.sidebar-icon{font-size:22px;min-width:22px}.sidebar-nav-link.active .sidebar-icon{color:var(--accent)}.sidebar-label{font-size:14px;font-weight:500;white-space:nowrap}.sidebar-badge{background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;margin-left:auto}.sidebar-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.sidebar-section-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);padding:0 12px;margin-bottom:8px;letter-spacing:.5px}.sidebar-bottom{border-top:1px solid var(--border);padding-top:16px;display:flex;flex-direction:column;gap:4px}.sidebar.collapsed .sidebar-nav-link{justify-content:center;padding:10px}.sidebar.collapsed .sidebar-section{align-items:center}@media (max-width: 768px){.sidebar{display:none}}.tenant-switcher{position:relative}.tenant-switcher-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s;min-width:200px}.tenant-switcher-button:hover{border-color:var(--accent);background:var(--bg-secondary)}.tenant-info{display:flex;align-items:center;gap:10px;flex:1}.tenant-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:8px;display:flex;align-items:center;justify-content:center}.tenant-icon .material-symbols-outlined{font-size:18px;color:#fff}.tenant-details{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.tenant-name{font-size:14px;font-weight:600;color:var(--text-primary)}.tenant-meta{display:flex;gap:4px}.role-badge{font-size:10px;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:600}.role-owner{background:#8b5cf633;color:#a78bfa}.role-admin{background:#3b82f633;color:#60a5fa}.role-member{background:#10b98133;color:#34d399}.role-viewer{background:#9ca3af33;color:#9ca3af}.role-super{background:#f59e0b33;color:#fbbf24}.chevron{font-size:20px;color:var(--text-secondary);transition:transform .2s}.chevron.open{transform:rotate(180deg)}.tenant-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:280px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000004d;z-index:100;overflow:hidden}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);font-size:12px;text-transform:uppercase;color:var(--text-muted);font-weight:600}.super-admin-badge{display:flex;align-items:center;gap:4px;font-size:10px;padding:4px 8px;background:#f59e0b33;color:#fbbf24;border-radius:4px}.super-admin-badge .material-symbols-outlined{font-size:14px}.tenant-list{max-height:300px;overflow-y:auto;padding:8px}.tenant-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:none;border:none;border-radius:var(--radius);cursor:pointer;transition:background .2s;text-align:left}.tenant-option:hover{background:var(--bg-tertiary)}.tenant-option.active{background:#195de61a}.option-icon{width:36px;height:36px;background:var(--bg-tertiary);border-radius:8px;display:flex;align-items:center;justify-content:center}.tenant-option.active .option-icon{background:var(--accent)}.option-icon .material-symbols-outlined{font-size:20px;color:var(--text-secondary)}.tenant-option.active .option-icon .material-symbols-outlined{color:#fff}.option-details{flex:1;display:flex;flex-direction:column;gap:4px}.option-name{font-size:14px;font-weight:500;color:var(--text-primary)}.option-meta{display:flex;gap:6px}.plan-badge{font-size:9px;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:600}.plan-enterprise{background:#8b5cf633;color:#a78bfa}.plan-professional{background:#3b82f633;color:#60a5fa}.plan-starter{background:#10b98133;color:#34d399}.plan-free{background:#9ca3af33;color:#9ca3af}.check{font-size:20px;color:var(--accent)}.dropdown-footer{padding:8px;border-top:1px solid var(--border)}.manage-tenants-link{display:flex;align-items:center;gap:8px;padding:10px 12px;color:var(--text-secondary);text-decoration:none;font-size:13px;border-radius:var(--radius);transition:all .2s}.manage-tenants-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.manage-tenants-link .material-symbols-outlined{font-size:18px}.tenant-switcher.no-tenant{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted)}.no-tenant .material-symbols-outlined{font-size:20px}.no-tenant .tenant-name{font-size:14px;font-weight:500}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-primary);border-bottom:1px solid var(--border);flex-shrink:0}.header-left{display:flex;flex-direction:column;gap:2px}.header-title{font-size:24px;font-weight:900;color:var(--text-primary);margin:0;line-height:1.2;letter-spacing:-.02em}.header-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.header-right{display:flex;align-items:center;gap:16px}.status-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:20px}.status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-size:12px;font-weight:500;color:#10b981}.user-menu-container{position:relative;border-left:1px solid var(--border);padding-left:16px}.user-profile{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;cursor:pointer;transition:background .2s;background:transparent;border:none;color:inherit}.user-profile:hover{background:var(--bg-tertiary)}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}.user-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-name{font-size:14px;font-weight:500;color:var(--text-primary)}.user-dropdown-icon{font-size:18px;color:var(--text-secondary)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px;box-shadow:0 4px 12px #0000004d;z-index:100;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:var(--radius);color:var(--text-primary);font-size:14px;cursor:pointer;transition:background .2s;text-align:left}.user-dropdown-item:hover{background:var(--bg-tertiary)}.user-dropdown-item .material-symbols-outlined{font-size:20px;color:var(--text-secondary)}.user-dropdown-item.danger,.user-dropdown-item.danger .material-symbols-outlined{color:var(--danger)}.user-dropdown-item.danger:hover{background:#ef44441a}.user-dropdown-divider{height:1px;background:var(--border);margin:8px 0}.btn-sm{padding:6px 12px;font-size:13px}.btn-sm .material-symbols-outlined{font-size:18px}.btn-text{margin-left:4px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;height:100%;background:var(--bg-primary, #111621);color:var(--text-secondary, #93a5c8);gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border, #243047);border-top-color:var(--primary, #195de6);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.status-indicator,.user-name,.btn-text{display:none}.header-title{font-size:20px}.header-subtitle{font-size:12px}.app-header{padding:12px 16px}}:root{--bg-primary: #111621;--bg-secondary: #1a202c;--bg-tertiary: #243047;--text-primary: #f1f5f9;--text-secondary: #93a5c8;--text-muted: #637588;--accent: #195de6;--accent-hover: #1349c4;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--border: #243047;--border-light: #e5e7eb;--radius: 8px;--radius-lg: 12px;--sidebar-width: 256px;--sidebar-collapsed: 72px}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) var(--bg-secondary)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--bg-secondary)}*::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}html,body,#root{height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}.app{height:100vh;display:flex;flex-direction:row;overflow:hidden}.app-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.main{flex:1;display:flex;overflow:hidden}.sidebar{height:100vh;overflow-y:auto;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sidebar-toggle{transition:transform .2s ease}.sidebar-toggle.rotate-180{transform:rotate(180deg)}.nav-link,.nav-link:hover{text-decoration:none}.header{background:var(--bg-primary);border-bottom:1px solid var(--border);flex-shrink:0}.btn{padding:10px 20px;border-radius:var(--radius);font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-full{width:100%}.chat-page{display:flex;flex:1;height:100%;overflow:hidden}.chat-sidebar{width:280px;min-width:280px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.sidebar-header h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.btn-icon-sm{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-icon-sm:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-icon-sm .material-symbols-outlined{font-size:18px}.history-list{flex:1;overflow-y:auto;padding:8px}.empty-history{text-align:center;color:var(--text-muted);font-size:13px;padding:40px 20px}.history-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius);cursor:pointer;transition:all .2s}.history-item:hover{background:var(--bg-tertiary)}.history-item.active{background:var(--accent)}.history-item.active .history-title,.history-item.active .history-date{color:#fff}.history-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.history-title{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-date{font-size:11px;color:var(--text-muted)}.history-item .delete-btn{opacity:0;color:var(--text-muted)}.history-item:hover .delete-btn{opacity:1}.history-item .delete-btn:hover{color:var(--danger);background:#ef44441a}.history-item.active .delete-btn{color:#ffffffb3}.history-item.active .delete-btn:hover{color:#fff;background:#ffffff1a}.sidebar-section h3{font-size:12px;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.tenant-name{font-weight:600;margin-bottom:4px}.tenant-preset{font-size:13px;color:var(--text-secondary)}.tool-list{display:flex;flex-wrap:wrap;gap:6px}.tool-badge{background:var(--bg-tertiary);padding:4px 8px;border-radius:4px;font-size:11px;color:var(--text-secondary)}.tool-badge.full{background:var(--success);color:#fff}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden}.chat-main__header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.voice-container{flex:1;overflow-y:auto;padding:16px}.messages-container{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:24px 32px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary)}.empty-icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.empty-icon-img{width:100%;height:100%;object-fit:contain}.empty-state h2{margin-bottom:8px;color:var(--text-primary)}.message{display:flex;gap:12px;margin-bottom:16px;width:100%;max-width:100%}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.message.user .message-avatar{background:var(--accent)}.message.agent .message-avatar{background:var(--bg-tertiary)}.message-content{background:var(--bg-secondary);padding:12px 16px;border-radius:var(--radius-lg);flex:1;min-width:0;overflow-x:auto}.message.user .message-content{background:var(--bg-tertiary)}.message-text{word-break:break-word;line-height:1.6}.message.user .message-text{white-space:pre-wrap}.message.agent .message-text{white-space:normal}.markdown-body{line-height:1.7}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin:16px 0 8px;font-weight:600;line-height:1.3}.markdown-body h1{font-size:1.5em}.markdown-body h2{font-size:1.3em}.markdown-body h3{font-size:1.1em}.markdown-body p{margin:8px 0}.markdown-body ul,.markdown-body ol{margin:8px 0;padding-left:24px}.markdown-body li{margin:4px 0}.markdown-body code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9em}.markdown-body pre{margin:12px 0;border-radius:var(--radius);overflow-x:auto;max-width:100%}.markdown-body pre code{background:transparent;padding:0}.markdown-body pre>div{border-radius:var(--radius)!important;margin:0!important}.code-block-wrapper{position:relative}.code-copy-btn{position:absolute;top:8px;right:8px;padding:4px 8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:12px;cursor:pointer;opacity:0;transition:opacity .2s,background .2s;z-index:10;display:flex;align-items:center;gap:4px}.code-block-wrapper:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.code-copy-btn.copied{background:var(--success);color:#fff;border-color:var(--success)}.markdown-body blockquote{margin:8px 0;padding:6px 12px;border-left:3px solid var(--border);background:transparent;border-radius:0 var(--radius) var(--radius) 0;color:var(--text-muted);font-size:.9em}.markdown-body blockquote p{margin:0}.markdown-body blockquote em{font-style:italic;opacity:.6;color:var(--text-muted)}.markdown-body blockquote:has(em){opacity:.5;font-size:.85em}.markdown-body table{width:100%;border-collapse:collapse;margin:12px 0}.markdown-body th,.markdown-body td{padding:8px 12px;border:1px solid var(--border);text-align:left}.markdown-body th{background:var(--bg-tertiary);font-weight:600}.markdown-body a{color:var(--accent);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:16px 0}.markdown-body img{max-width:100%;border-radius:var(--radius)}.markdown-body strong{font-weight:600}.mermaid-container{margin:16px 0;padding:16px;background:var(--bg-secondary);border-radius:var(--radius-lg);overflow-x:auto;display:flex;justify-content:center}.mermaid-container svg{max-width:100%;height:auto}.mermaid-loading{display:flex;align-items:center;gap:8px;padding:16px;color:var(--text-secondary);font-size:14px}.mermaid-error{margin:16px 0;border:1px solid var(--danger);border-radius:var(--radius);overflow:hidden}.mermaid-error-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ef44441a;color:var(--danger);font-size:13px}.mermaid-source{margin:0;padding:12px;background:var(--bg-tertiary);font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;color:var(--text-secondary);overflow-x:auto;white-space:pre-wrap}.message-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:12px}.message-time{font-size:11px;color:var(--text-muted)}.message-actions{display:flex;align-items:center;gap:4px}.message-actions .action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:background .2s,color .2s}.message-actions .action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.message-actions .action-btn.copied{color:var(--success)}.message-actions .action-btn.active{color:var(--accent)}.message-actions .action-btn.delete:hover{background:#ef44441a;color:var(--error)}.message-actions .action-btn .material-symbols-outlined{font-size:18px}.message-actions .action-btn.loading{cursor:wait;opacity:.7}.export-dropdown{position:relative;display:flex;align-items:center}.export-menu{position:absolute;bottom:100%;right:0;margin-bottom:4px;min-width:120px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden}.export-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--text-primary);font-size:13px;cursor:pointer;transition:background .15s}.export-menu-item:hover{background:var(--bg-tertiary)}.export-menu-item .material-symbols-outlined{font-size:18px;color:var(--text-muted)}.export-error{position:absolute;bottom:100%;right:0;margin-bottom:4px;padding:6px 10px;background:var(--error);color:#fff;font-size:12px;border-radius:var(--radius);white-space:nowrap;z-index:101}.message-edit-container{display:flex;flex-direction:column;gap:8px}.message-edit-textarea{width:100%;min-height:60px;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.5;resize:vertical}.message-edit-textarea:focus{outline:none;border-color:var(--accent)}.message-edit-actions{display:flex;justify-content:flex-end;gap:8px}.edit-cancel-btn,.edit-submit-btn{padding:6px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.edit-cancel-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.edit-cancel-btn:hover{background:var(--bg-tertiary)}.edit-submit-btn{background:var(--accent);border:none;color:#fff}.edit-submit-btn:hover{background:var(--accent-hover)}.edit-submit-btn:disabled{opacity:.5;cursor:not-allowed}.input-form{display:flex;flex-direction:column;flex-shrink:0;gap:12px;padding:20px 32px;border-top:1px solid var(--border);background:var(--bg-secondary)}.chat-input{flex:1;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px}.chat-input:focus{outline:none;border-color:var(--accent)}.chat-input::placeholder{color:var(--text-muted)}.input-row{display:flex;gap:12px;width:100%}.file-upload-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:all .2s}.file-upload-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--accent);border-color:var(--accent)}.file-upload-btn:disabled{opacity:.5;cursor:not-allowed}.attached-file{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px}.attached-file .material-symbols-outlined{font-size:18px;color:var(--accent)}.attached-file-name{flex:1;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attached-file-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s}.attached-file-remove:hover{background:#ef44441a;color:var(--danger)}.attached-file-remove .material-symbols-outlined{font-size:16px;color:inherit}.error-banner{background:#ef44441a;border:1px solid var(--danger);color:var(--danger);padding:12px 16px;margin:12px 20px;border-radius:var(--radius)}.auth-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:20px}.auth-dialog{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:40px;width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{width:64px;height:64px;background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 16px}.auth-header h1{font-size:24px;margin-bottom:8px}.auth-header p{color:var(--text-secondary)}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-error{background:#ef44441a;border:1px solid var(--danger);color:var(--danger);padding:12px;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center}.error-close{background:none;border:none;color:var(--danger);cursor:pointer;font-size:20px;line-height:1}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500}.form-group input{padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px}.form-group input:focus{outline:none;border-color:var(--accent)}.auth-footer{margin-top:24px;text-align:center;font-size:13px;color:var(--text-secondary)}.auth-footer a{color:var(--accent)}.admin-page{display:flex;flex:1;height:100%;overflow:hidden}.admin-sidebar{width:300px;background:var(--bg-secondary);border-right:1px solid var(--border);padding:20px;overflow-y:auto}.admin-sidebar h2{font-size:14px;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}.tenant-list{display:flex;flex-direction:column;gap:8px}.tenant-item{padding:12px;background:var(--bg-tertiary);border-radius:var(--radius);cursor:pointer;transition:all .2s}.tenant-item:hover,.tenant-item.selected{background:var(--accent)}.tenant-item .tenant-name{font-weight:500}.tenant-item .tenant-preset{font-size:12px;opacity:.8}.admin-main{flex:1;padding:24px;overflow-y:auto}.tenant-details{max-width:900px}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.detail-section{margin-bottom:32px}.detail-section h3{font-size:14px;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.preset-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.preset-btn{padding:16px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius);text-align:left;cursor:pointer;transition:all .2s}.preset-btn:hover{border-color:var(--accent)}.preset-btn.active{border-color:var(--accent);background:#3b82f61a}.preset-name{display:block;font-weight:600;text-transform:capitalize;margin-bottom:4px;color:var(--text-primary)}.preset-desc{font-size:12px;color:var(--text-secondary)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.tool-card{background:var(--bg-secondary);border-radius:var(--radius);padding:16px;border-left:3px solid var(--border)}.tool-card.risk-low{border-left-color:var(--success)}.tool-card.risk-medium{border-left-color:var(--warning)}.tool-card.risk-high{border-left-color:var(--danger)}.tool-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tool-name{font-weight:600}.risk-badge{font-size:10px;text-transform:uppercase;padding:2px 6px;border-radius:4px}.risk-badge.low{background:#22c55e33;color:var(--success)}.risk-badge.medium{background:#f59e0b33;color:var(--warning)}.risk-badge.high{background:#ef444433;color:var(--danger)}.tool-desc{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.tool-actions{display:flex;gap:8px}.tool-action{flex:1;padding:8px;background:var(--bg-tertiary);border:none;border-radius:var(--radius);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s}.tool-action:hover{background:var(--border)}.tool-action.active{background:var(--success);color:#fff}.tool-action.exclude.active{background:var(--danger)}.info-list{display:grid;grid-template-columns:120px 1fr;gap:8px}.info-list dt{color:var(--text-muted);font-size:13px}.info-list dd{font-family:monospace;font-size:13px}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.loading-dots{display:inline-flex;align-items:center;gap:4px}.loading-dot{width:8px;height:8px;background:var(--text-secondary);border-radius:50%;animation:loading-dot-pulse 1.4s ease-in-out infinite}.loading-dot:nth-child(1){animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes loading-dot-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.empty-text{color:var(--text-muted);font-size:14px}.admin-tabs{display:flex;gap:4px;margin-bottom:16px;padding:4px;background:var(--bg-tertiary);border-radius:var(--radius)}.admin-tab{flex:1;padding:10px 16px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.admin-tab:hover{color:var(--text-primary)}.admin-tab.active{background:var(--bg-secondary);color:var(--text-primary)}.mcp-list{display:flex;flex-direction:column;gap:12px}.mcp-item{padding:16px;background:var(--bg-tertiary);border-radius:var(--radius)}.mcp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mcp-name{font-weight:600;font-size:14px}.mcp-status{font-size:11px;text-transform:uppercase;padding:3px 8px;border-radius:4px;font-weight:500}.mcp-status.connected{background:#22c55e33;color:var(--success)}.mcp-status.connecting{background:#f59e0b33;color:var(--warning)}.mcp-status.disconnected{background:var(--bg-secondary);color:var(--text-muted)}.mcp-status.error{background:#ef444433;color:var(--danger)}.mcp-info{margin-bottom:12px}.mcp-info p{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.mcp-info small{font-size:12px;color:var(--text-muted);display:block}.mcp-error{color:var(--danger)!important}.mcp-actions{display:flex;gap:8px}.btn-sm{padding:6px 12px;font-size:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal-content{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:32px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content h2{margin-bottom:24px;font-size:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.form-divider{display:flex;align-items:center;margin:20px 0 12px}.form-divider:before,.form-divider:after{content:"";flex:1;height:1px;background:var(--border)}.form-divider span{padding:0 12px;font-size:12px;color:var(--text-muted);text-transform:uppercase}.message-images{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.generated-image{position:relative;display:inline-block;border-radius:var(--radius);overflow:hidden;background:var(--bg-tertiary)}.generated-image img{max-width:100%;max-height:400px;display:block;object-fit:contain}.generated-image .download-btn{position:absolute;bottom:8px;right:8px;padding:6px 12px;background:#000000b3;color:#fff;font-size:12px;border-radius:4px;text-decoration:none;opacity:0;transition:opacity .2s}.generated-image:hover .download-btn{opacity:1}.generated-image .download-btn:hover{background:var(--accent)}.message-files{display:flex;flex-direction:column;gap:8px;margin-top:12px}.generated-file{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border-radius:var(--radius);border:1px solid var(--border)}.generated-file .file-icon{font-size:24px}.generated-file .file-name{flex:1;font-weight:500;color:var(--text-primary)}.generated-file .file-download-btn{padding:8px 16px;background:var(--accent);color:#fff;border-radius:var(--radius);text-decoration:none;font-size:14px;font-weight:500;transition:background .2s}.generated-file .file-download-btn:hover{background:var(--accent-hover)}.settings-panel h2{font-size:24px;margin-bottom:24px}.settings-section{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:24px}.settings-hint{padding:12px;color:var(--text-secondary);font-size:14px}.form-input{width:100%;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px}.form-input:focus{outline:none;border-color:var(--accent)}.form-hint{font-size:12px;color:var(--text-secondary);margin-top:8px}.form-hint a{color:var(--accent);text-decoration:none}.form-hint a:hover{text-decoration:underline}.success-banner{background:#10b9811a;border:1px solid var(--success);color:var(--success);padding:12px 16px;margin:12px 20px;border-radius:var(--radius)}.status-text{font-size:14px;margin-top:16px}.status-text.success{color:var(--success)}.hint-text{font-size:12px;color:var(--text-muted);margin-top:8px}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;gap:16px}.chat-header__left{display:flex;align-items:center;gap:12px}.chat-header__voice{display:flex;align-items:center;gap:12px;flex:1}.chat-header__right{display:flex;align-items:center;gap:8px}.copy-conversation-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease}.copy-conversation-btn:hover:not(:disabled){background:var(--bg-primary);color:var(--text-primary);border-color:var(--accent)}.copy-conversation-btn:disabled{opacity:.5;cursor:not-allowed}.copy-conversation-btn .material-symbols-outlined{font-size:18px}.copy-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--success);color:#fff;border-radius:var(--radius);font-size:14px;font-weight:500;box-shadow:0 4px 12px #0000004d;z-index:1000;animation:toast-in .3s ease}.copy-toast .material-symbols-outlined{font-size:20px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mode-toggle{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.mode-toggle:hover{background:var(--bg-primary);color:var(--text-primary)}.mode-toggle--voice{background:#195de626;border-color:var(--accent);color:var(--accent)}.mode-toggle--voice:hover{background:#195de640}.mode-toggle .material-symbols-outlined{font-size:18px}.voice-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500}.voice-status.connected{background:#10b98126;color:var(--success)}.voice-status.disconnected{background:#ef444426;color:var(--danger)}.voice-status__dot{width:8px;height:8px;border-radius:50%;background:currentColor}.voice-status.connected .voice-status__dot{animation:pulse 2s infinite}.voice-mic-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s}.voice-mic-btn:hover:not(:disabled){background:var(--bg-primary);color:var(--text-primary)}.voice-mic-btn:disabled{opacity:.5;cursor:not-allowed}.voice-mic-btn.listening{background:var(--danger);border-color:var(--danger);color:#fff;animation:pulse-ring 1.5s infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}.voice-mic-btn .material-symbols-outlined{font-size:18px}.voice-processing{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.spinner-sm{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.voice-transcript{font-size:12px;color:var(--text-muted);font-style:italic;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screenshot-preview{border-top:1px solid var(--border);background:var(--bg-secondary);padding:12px 24px}.screenshot-preview__header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;color:var(--text-secondary)}.screenshot-preview__header .material-symbols-outlined{font-size:16px}.screenshot-preview__url{color:var(--text-muted);font-size:11px;margin-left:auto;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screenshot-preview img{max-width:100%;max-height:200px;border-radius:var(--radius);border:1px solid var(--border);object-fit:contain}.voice-hint{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--bg-secondary);border-top:1px solid var(--border);color:var(--text-muted);font-size:13px}.voice-hint .material-symbols-outlined{font-size:16px}.sidebar-search{padding:12px 16px;border-bottom:1px solid var(--border)}.search-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.search-icon .material-symbols-outlined{font-size:18px}.search-input{width:100%;padding:8px 36px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:13px}.search-input:focus{outline:none;border-color:var(--accent)}.search-input::placeholder{color:var(--text-muted)}.clear-search{position:absolute;right:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .2s}.clear-search:hover{background:var(--bg-tertiary);color:var(--text-primary)}.clear-search .material-symbols-outlined{font-size:16px}.history-section{margin-bottom:8px}.history-section-header{display:flex;align-items:center;gap:6px;padding:8px 12px 4px;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.history-section-header .material-symbols-outlined{font-size:14px}.history-section-header.pinned{color:var(--warning)}.history-item-actions{display:flex;align-items:center;gap:2px;margin-left:auto}.history-item .edit-btn,.history-item .pin-btn{opacity:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .2s}.history-item .edit-btn .material-symbols-outlined,.history-item .pin-btn .material-symbols-outlined{font-size:16px}.history-item:hover .edit-btn,.history-item:hover .pin-btn{opacity:1}.history-item .edit-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.history-item .pin-btn:hover{background:var(--bg-tertiary);color:var(--warning)}.history-item .pin-btn.pinned{opacity:1;color:var(--warning)}.history-item.active .edit-btn,.history-item.active .pin-btn{color:#ffffffb3}.history-item.active .edit-btn:hover,.history-item.active .pin-btn:hover{background:#ffffff1a;color:#fff}.history-item.active .pin-btn.pinned{color:var(--warning)}.history-item.pinned{border-left:2px solid var(--warning);margin-left:-2px}.history-title-input{flex:1;padding:4px 8px;background:var(--bg-primary);border:1px solid var(--accent);border-radius:4px;color:var(--text-primary);font-size:13px;font-weight:500;min-width:0}.history-title-input:focus{outline:none}.no-results{text-align:center;padding:32px 16px;color:var(--text-muted);font-size:13px}.no-results .material-symbols-outlined{font-size:32px;margin-bottom:8px;display:block}@media (max-width: 768px){.chat-sidebar,.admin-sidebar{display:none}.chat-page,.admin-page{flex-direction:column}.chat-header{padding:10px 16px;flex-wrap:wrap}.chat-header__voice{width:100%;margin-top:8px;flex-wrap:wrap}.voice-transcript{display:none}}