.sidebar{width:200px;background-color:#2c3e50;color:#fff;padding:1.5rem 0;display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;transition:background-color .3s ease}.dark-mode .sidebar{background-color:#1a1a1a;border-right:1px solid #333}.sidebar-title{font-size:1.2rem;font-weight:600;padding:0 1.5rem;margin-bottom:2rem;color:#ecf0f1}.dark-mode .sidebar-title{color:#e0e0e0}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem;flex:1}.sidebar-link{color:#bdc3c7;text-decoration:none;padding:.75rem 1rem;border-radius:4px;transition:all .2s;display:flex;align-items:center;gap:.75rem}.sidebar-link:hover{background-color:#34495e;color:#ecf0f1}.dark-mode .sidebar-link{color:#b0b0b0}.dark-mode .sidebar-link:hover{background-color:#2a2a2a;color:#fff}.sidebar-link.active{background-color:#3498db;color:#fff}.dark-mode .sidebar-link.active{background-color:#2980b9;color:#fff}.sidebar-icon{font-size:1.1rem;flex-shrink:0}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.dark-mode .sidebar-footer{border-top-color:#333}.theme-toggle{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;color:#bdc3c7;cursor:pointer;border-radius:4px;transition:all .2s;font-size:.9rem}.theme-toggle:hover{background-color:#34495e;color:#ecf0f1}.dark-mode .theme-toggle{color:#b0b0b0}.dark-mode .theme-toggle:hover{background-color:#2a2a2a;color:#fff}.theme-toggle svg{font-size:1.1rem}.sidebar-user{padding:.5rem 1rem;margin-bottom:.25rem}.sidebar-user-email{font-size:.8rem;color:#95a5a6;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-mode .sidebar-user-email{color:#888}.sidebar-signout{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;color:#bdc3c7;cursor:pointer;border-radius:4px;transition:all .2s;font-size:.9rem;margin-top:.25rem}.sidebar-signout:hover{background-color:#34495e;color:#ecf0f1}.dark-mode .sidebar-signout:hover{background-color:#2a2a2a;color:#fff}.chart-renderer{background:var(--chart-bg, #ffffff);border:1px solid var(--chart-border, #e5e7eb);border-radius:8px;padding:1rem;margin:.75rem 0;transition:background-color .3s ease,border-color .3s ease}.dark-mode .chart-renderer{--chart-bg: #1e2530;--chart-border: #374151}.chart-renderer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:.5rem}.chart-renderer-title{font-weight:600;font-size:.95rem;color:#1e293b;flex:1;transition:color .3s ease}.dark-mode .chart-renderer-title{color:#e2e8f0}.chart-save-btn{flex-shrink:0;font-size:.8rem;padding:.35rem .75rem!important}.chart-renderer-body{width:100%}.chart-empty{text-align:center;padding:2rem;color:#94a3b8;font-size:.9rem}.chart-saved-msg{font-size:.82rem;color:#22c55e;margin-bottom:.5rem}.chart-save-modal{max-width:420px}.chart-new-dash-btn{margin-top:.5rem;font-size:.85rem;color:#3498db;background:none;border:none;cursor:pointer;padding:0;text-align:left}.chart-new-dash-btn:hover{text-decoration:underline}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.chart-renderer .button-secondary,.chart-save-modal .button-secondary{padding:.75rem 1.5rem;background-color:transparent;color:#3498db;border:1px solid #3498db;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s}.chart-renderer .button-secondary:hover,.chart-save-modal .button-secondary:hover{background-color:#ebf5fb}.dark-mode .chart-renderer .button-secondary,.dark-mode .chart-save-modal .button-secondary{color:#e4e9f0;border-color:#8aa0b8}.dark-mode .chart-renderer .button-secondary:hover,.dark-mode .chart-save-modal .button-secondary:hover{background-color:#1a2a3a}.button-ghost{background:none;border:none;cursor:pointer;padding:0}.form-error{color:#ef4444;font-size:.85rem;margin-top:.5rem}.datagrid-widget{background:var(--chart-bg, #ffffff);border:1px solid var(--chart-border, #e5e7eb);border-radius:8px;padding:.75rem;margin:.75rem 0;transition:background-color .3s ease,border-color .3s ease;display:flex;flex-direction:column;gap:.5rem}.dark-mode .datagrid-widget{--chart-bg: #1e2530;--chart-border: #374151}.datagrid-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.datagrid-title{font-weight:600;font-size:.95rem;color:#1e293b;flex:1;min-width:0;transition:color .3s}.dark-mode .datagrid-title{color:#e2e8f0}.datagrid-header-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.datagrid-meta{font-size:.78rem;color:#94a3b8}.datagrid-empty{text-align:center;padding:1.5rem;color:#94a3b8;font-size:.9rem}.datagrid-table-wrap{overflow-x:auto;overflow-y:auto;max-height:400px;border:1px solid #e5e7eb;border-radius:6px;transition:border-color .3s}.dark-mode .datagrid-table-wrap{border-color:#374151}.datagrid-table{width:100%;border-collapse:collapse;font-size:.82rem;white-space:nowrap}.datagrid-table th{position:sticky;top:0;background:#f8fafc;border-bottom:2px solid #e5e7eb;padding:.5rem .75rem;text-align:left;font-weight:600;color:#475569;z-index:1;transition:background-color .3s,border-color .3s}.dark-mode .datagrid-table th{background:#1a1f2a;border-bottom-color:#374151;color:#94a3b8}.datagrid-table td{padding:.4rem .75rem;border-bottom:1px solid #f1f5f9;color:#334155;max-width:220px;overflow:hidden;text-overflow:ellipsis;transition:border-color .3s,color .3s}.dark-mode .datagrid-table td{border-bottom-color:#1e2530;color:#cbd5e1}.datagrid-table tr:last-child td{border-bottom:none}.datagrid-table tbody tr:hover td{background:#f8fafc}.dark-mode .datagrid-table tbody tr:hover td{background:#1a2130}.datagrid-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding-top:.25rem}.datagrid-page-btn{background:none;border:1px solid #e5e7eb;border-radius:4px;padding:.2rem .6rem;cursor:pointer;font-size:.85rem;color:#64748b;transition:all .2s}.datagrid-page-btn:hover:not(:disabled){border-color:#3498db;color:#3498db}.datagrid-page-btn:disabled{opacity:.4;cursor:not-allowed}.dark-mode .datagrid-page-btn{border-color:#374151;color:#94a3b8}.datagrid-page-info{font-size:.82rem;color:#94a3b8}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dark-mode .modal-overlay{background-color:#000c}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease}.dark-mode .modal-content{background:#2a2a2a;border:1px solid #444;box-shadow:0 4px 6px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #ddd}.dark-mode .modal-header{border-bottom-color:#444}.modal-header h2{margin:0;color:#2c3e50;transition:color .3s ease}.dark-mode .modal-header h2{color:#e0e0e0}.modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#7f8c8d;line-height:1;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.modal-close:hover{color:#2c3e50}.dark-mode .modal-close{color:#b0b0b0}.dark-mode .modal-close:hover{color:#e0e0e0}.modal-body{padding:1.5rem}.page{width:100%;max-width:none;margin:0}.page h1{margin-bottom:2rem;color:#2c3e50;transition:color .3s ease}.dark-mode .page h1{color:#e0e0e0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-back-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;color:#64748b;background:none;border:none;cursor:pointer;padding:0;margin-bottom:.75rem;transition:color .2s}.page-back-link:hover{color:#3498db}.dark-mode .page-back-link{color:#94a3b8}.dark-mode .page-back-link:hover{color:#5dade2}.button-primary{padding:.75rem 1.5rem;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s}.button-primary:hover{background-color:#2980b9}.empty-state{text-align:center;padding:3rem;background:#f8f9fa;border-radius:8px;transition:background-color .3s ease}.dark-mode .empty-state{background:#2a2a2a}.empty-state p{margin-bottom:1.5rem;color:#7f8c8d;font-size:1.1rem;transition:color .3s ease}.dark-mode .empty-state p{color:#b0b0b0}.page-description{margin-bottom:2rem;color:#7f8c8d;font-style:italic;transition:color .3s ease}.dark-mode .page-description{color:#b0b0b0}.page-content{display:flex;flex-direction:column;gap:2rem}.form-section,.list-section{background:#f8f9fa;padding:1.5rem;border-radius:8px;transition:background-color .3s ease}.dark-mode .form-section,.dark-mode .list-section{background:#2a2a2a;border:1px solid #333}.form-section h2,.list-section h2{margin-bottom:1rem;color:#34495e;font-size:1.2rem;transition:color .3s ease}.dark-mode .form-section h2,.dark-mode .list-section h2{color:#e0e0e0}.form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#34495e;transition:color .3s ease}.dark-mode .form-group label{color:#e0e0e0}.form-group input[type=text],.form-group input[type=password],.form-group input[type=checkbox],.form-group select,.form-group textarea{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background-color:#fff;color:#2c3e50;transition:all .3s ease}.dark-mode .form-group input[type=text],.dark-mode .form-group input[type=password],.dark-mode .form-group select,.dark-mode .form-group textarea{background-color:#1a1a1a;border-color:#444;color:#e0e0e0}.dark-mode .form-group input[type=text]:focus,.dark-mode .form-group input[type=password]:focus,.dark-mode .form-group select:focus,.dark-mode .form-group textarea:focus{border-color:#3498db;outline:none}.form-group textarea{resize:vertical;font-family:inherit}.form-group input[type=checkbox]{width:auto;margin-right:.5rem}.form-actions{display:flex;gap:.5rem;margin-top:.5rem}.form-actions button{padding:.5rem 1rem;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.form-actions button:hover{background-color:#2980b9}.form-actions button[type=button]{background-color:#95a5a6}.form-actions button[type=button]:hover{background-color:#7f8c8d}.list{display:flex;flex-direction:column;gap:1rem}.list-item{background:#fff;padding:1rem;border-radius:4px;border:1px solid #ddd;display:flex;justify-content:space-between;align-items:flex-start;transition:all .2s}.dark-mode .list-item{background:#2a2a2a;border-color:#444}.list-item:hover{box-shadow:0 2px 4px #0000001a}.dark-mode .list-item:hover{box-shadow:0 2px 4px #0000004d;border-color:#555}.list-item.selected{border-color:#3498db;background-color:#ebf5fb}.dark-mode .list-item.selected{border-color:#2980b9;background-color:#1a3a52}.list-item-content{flex:1}.list-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.list-item-header>div{display:flex;align-items:center;gap:.5rem}.list-item-header h3{margin:0;color:#2c3e50;font-size:1.1rem;transition:color .3s ease}.dark-mode .list-item-header h3{color:#e0e0e0}.list-item-meta{margin:.25rem 0;color:#7f8c8d;font-size:.9rem;transition:color .3s ease}.dark-mode .list-item-meta{color:#b0b0b0}.list-item-notes{margin-top:.5rem;color:#555;font-style:italic;transition:color .3s ease}.dark-mode .list-item-notes{color:#b0b0b0}.list-item-actions{display:flex;gap:.5rem;margin-left:1rem}.list-item-actions button{padding:.4rem .8rem;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s;height:auto;line-height:1.4}.list-item-actions button:hover{background-color:#2980b9}.list-item-actions .button-secondary{background-color:#27ae60;margin-top:0}.list-item-actions .button-secondary:hover{background-color:#229954}.list-item-actions .button-secondary:disabled{background-color:#95a5a6;cursor:not-allowed;opacity:.6}.list-item-actions .button-danger{background-color:#e74c3c}.list-item-actions .button-danger:hover{background-color:#c0392b}.badge{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.badge-active{background-color:#2ecc71;color:#fff}.badge-inactive{background-color:#95a5a6;color:#fff}.badge-engine{background-color:#9b59b6;color:#fff}.badge-placeholder{background-color:#f39c12;color:#fff}.toggle-switch{display:flex;align-items:center;gap:.5rem;cursor:pointer}.toggle-switch input[type=checkbox]{cursor:pointer}.toggle-label{font-size:.9rem;color:#7f8c8d;transition:color .3s ease}.dark-mode .toggle-label{color:#b0b0b0}@media (max-width: 768px){.knowledge-layout{grid-template-columns:1fr}}.chat-page{display:flex;flex-direction:column;height:calc(100vh - 4rem);max-height:calc(100vh - 4rem)}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chat-header .button-primary{display:flex;align-items:center;gap:.5rem}.context-warning{background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem}.dark-mode .context-warning{background:#3d2f00;border-color:#ffc107;color:#ffc107}.chat-layout{display:flex;gap:1rem;flex:1;min-height:0}.chat-sessions{width:250px;background:#f8f9fa;border-radius:8px;border:1px solid #ddd;display:flex;flex-direction:column;overflow:hidden}.dark-mode .chat-sessions{background:#2a2a2a;border-color:#444}.chat-sessions-header{padding:1rem;font-weight:600;border-bottom:1px solid #ddd;color:#2c3e50}.dark-mode .chat-sessions-header{border-bottom-color:#444;color:#e0e0e0}.chat-sessions-list{flex:1;overflow-y:auto;padding:.5rem}.chat-session-item{padding:.75rem;margin-bottom:.5rem;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e0e0e0;transition:all .2s}.dark-mode .chat-session-item{background:#1a1a1a;border-color:#444}.chat-session-item:hover{background:#f0f0f0;border-color:#3498db}.dark-mode .chat-session-item:hover{background:#2a2a2a;border-color:#2980b9}.chat-session-item.active{background:#3498db;border-color:#2980b9;color:#fff}.dark-mode .chat-session-item.active{background:#2980b9;border-color:#1f6fa8}.chat-session-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.chat-session-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.chat-session-item:hover .chat-session-actions,.chat-session-item.active .chat-session-actions{opacity:1}.chat-session-action-btn{background:transparent;border:none;color:inherit;cursor:pointer;padding:.25rem;display:flex;align-items:center;border-radius:2px;transition:background-color .2s}.chat-session-action-btn:hover{background:#0000001a}.chat-session-item.active .chat-session-action-btn:hover{background:#fff3}.chat-session-edit input{width:100%;padding:.25rem;border:1px solid #3498db;border-radius:2px;font-size:.9rem}.dark-mode .chat-session-edit input{background:#1a1a1a;border-color:#2980b9;color:#e0e0e0}.chat-sessions-empty{padding:2rem 1rem;text-align:center;color:#7f8c8d;font-size:.9rem}.dark-mode .chat-sessions-empty{color:#b0b0b0}.chat-container{flex:1;display:flex;flex-direction:column;background:#f8f9fa;border-radius:8px;overflow:hidden;border:1px solid #ddd;min-height:0}.dark-mode .chat-container{background:#2a2a2a;border-color:#444}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#7f8c8d}.dark-mode .chat-empty{color:#b0b0b0}.chat-hint{margin-top:1rem;font-size:.9rem;font-style:italic}.chat-message{display:flex;max-width:80%;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message-user{align-self:flex-end}.chat-message-assistant{align-self:flex-start}.chat-message-content{padding:1rem 1.25rem;border-radius:12px;line-height:1.6}.chat-message-user .chat-message-content{background:#3498db;color:#fff;border-bottom-right-radius:4px}.dark-mode .chat-message-user .chat-message-content{background:#2980b9}.chat-message-assistant .chat-message-content{background:#fff;color:#2c3e50;border-bottom-left-radius:4px;border:1px solid #e0e0e0}.dark-mode .chat-message-assistant .chat-message-content{background:#1a1a1a;color:#e0e0e0;border-color:#444}.chat-message-content p{margin:.5rem 0}.chat-message-content p:first-child{margin-top:0}.chat-message-content p:last-child{margin-bottom:0}.chat-message-content h1,.chat-message-content h2,.chat-message-content h3,.chat-message-content h4,.chat-message-content h5,.chat-message-content h6{margin:1rem 0 .5rem;font-weight:600}.chat-message-content h1:first-child,.chat-message-content h2:first-child,.chat-message-content h3:first-child{margin-top:0}.chat-message-content ul,.chat-message-content ol{margin:.5rem 0;padding-left:1.5rem}.chat-message-content li{margin:.25rem 0}.chat-message-content code{background:#0000001a;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.dark-mode .chat-message-content code{background:#ffffff1a;color:#e4e4e4}.chat-message-content pre{background:#0000000d;padding:1rem;border-radius:4px;overflow-x:auto;margin:.5rem 0}.dark-mode .chat-message-content pre{background:#2d2d2d;color:#e4e4e4}.chat-message-content pre code{background:none;padding:0}.chat-message-content blockquote{border-left:3px solid #3498db;padding-left:1rem;margin:.5rem 0;color:#7f8c8d;font-style:italic}.dark-mode .chat-message-content blockquote{border-left-color:#2980b9;color:#b0b0b0}.chat-message-content table{border-collapse:collapse;width:100%;margin:.5rem 0}.chat-message-content th,.chat-message-content td{border:1px solid #ddd;padding:.5rem;text-align:left}.dark-mode .chat-message-content th,.dark-mode .chat-message-content td{border-color:#444}.chat-message-content th{background:#0000000d;font-weight:600}.dark-mode .chat-message-content th{background:#ffffff0d}.chat-message-content a{color:#3498db;text-decoration:underline}.dark-mode .chat-message-content a{color:#5dade2}.chat-loading{display:flex;gap:.5rem;align-items:center}.chat-loading span{width:8px;height:8px;border-radius:50%;background:#3498db;animation:bounce 1.4s infinite ease-in-out both}.dark-mode .chat-loading span{background:#2980b9}.chat-loading span:nth-child(1){animation-delay:-.32s}.chat-loading span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-message-thinking{margin-bottom:.75rem}.chat-message-thinking details{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.dark-mode .chat-message-thinking details{border-color:#444}.chat-message-thinking summary{padding:.5rem .75rem;cursor:pointer;font-size:.875rem;color:#7f8c8d;background:#00000008;list-style:none;-webkit-user-select:none;user-select:none}.chat-message-thinking summary::-webkit-details-marker{display:none}.chat-message-thinking summary:before{content:"▶ ";font-size:.7em;margin-right:.25rem}.chat-message-thinking details[open] summary:before{content:"▼ "}.dark-mode .chat-message-thinking summary{color:#b0b0b0;background:#ffffff0d}.chat-thinking-raw{margin:0;padding:.75rem 1rem;font-size:.8rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:20rem;overflow-y:auto;background:#0000000a;border-top:1px solid #e0e0e0;font-family:ui-monospace,monospace}.dark-mode .chat-thinking-raw{background:#2d2d2d;color:#e4e4e4;border-top-color:#444}.chat-toolbar{padding:.5rem 1rem;background:#fff;border-top:1px solid #eee;display:flex;align-items:center;gap:.5rem}.dark-mode .chat-toolbar{background:#2a2a2a;border-top-color:#444}.chat-show-thinking-toggle{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:#555;cursor:pointer;transition:color .2s;-webkit-user-select:none;user-select:none}.dark-mode .chat-show-thinking-toggle{color:#b0b0b0}.chat-show-thinking-toggle input{cursor:pointer}.chat-llm-logs-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.85rem;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;margin-left:auto}.chat-llm-logs-btn:hover{background:#e5e5e5;border-color:#ccc;color:#333}.dark-mode .chat-llm-logs-btn{background:#333;border-color:#555;color:#b0b0b0}.dark-mode .chat-llm-logs-btn:hover{background:#444;border-color:#666;color:#e0e0e0}.chat-llm-logs-modal{max-width:90vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.chat-llm-logs-empty,.chat-llm-logs-hint{margin:0 0 .75rem;font-size:.9rem;color:#666}.dark-mode .chat-llm-logs-empty,.dark-mode .chat-llm-logs-hint{color:#a0a0a0}.chat-llm-logs-list{overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:.5rem}.chat-llm-log-entry{border:1px solid #ddd;border-radius:6px;overflow:hidden}.dark-mode .chat-llm-log-entry{border-color:#444}.chat-llm-log-entry summary{padding:.5rem .75rem;cursor:pointer;font-size:.9rem;background:#f8f8f8;display:flex;align-items:center;gap:.75rem}.dark-mode .chat-llm-log-entry summary{background:#2a2a2a}.chat-llm-log-time{font-weight:500;color:#2c3e50}.dark-mode .chat-llm-log-time{color:#e0e0e0}.chat-llm-log-model{font-size:.8rem;color:#666;font-family:ui-monospace,monospace}.dark-mode .chat-llm-log-model{color:#a0a0a0}.chat-llm-log-payloads{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid #eee}.dark-mode .chat-llm-log-payloads{border-top-color:#444}.chat-llm-log-payload summary{padding:.35rem 0;background:transparent;font-size:.85rem;font-weight:600;color:#555}.dark-mode .chat-llm-log-payload summary{color:#b0b0b0}.chat-llm-log-json{margin:.5rem 0 0;padding:.75rem;font-size:.75rem;font-family:ui-monospace,monospace;white-space:pre-wrap;word-break:break-word;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;max-height:20rem;overflow:auto}.dark-mode .chat-llm-log-json{background:#1a1a1a;border-color:#444;color:#e0e0e0}.chat-message-tool-calls{margin-bottom:.75rem}.chat-message-tool-calls>details{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.dark-mode .chat-message-tool-calls>details{border-color:#444}.chat-message-tool-calls summary{padding:.5rem .75rem;cursor:pointer;font-size:.875rem;color:#7f8c8d;background:#00000008;list-style:none;-webkit-user-select:none;user-select:none}.chat-message-tool-calls summary::-webkit-details-marker{display:none}.dark-mode .chat-message-tool-calls summary{color:#b0b0b0;background:#ffffff0d}.chat-tool-calls-list{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border-top:1px solid #e0e0e0}.dark-mode .chat-tool-calls-list{border-top-color:#444}.chat-tool-call-item{border:1px solid #e8e8e8;border-radius:6px;overflow:hidden}.dark-mode .chat-tool-call-item{border-color:#3a3a3a}.chat-tool-call-item summary{padding:.4rem .6rem;font-size:.85rem;cursor:pointer;background:#00000005}.dark-mode .chat-tool-call-item summary{background:#ffffff08}.chat-tool-call-item summary code{font-family:ui-monospace,monospace;font-size:.9em}.chat-tool-call-args,.chat-tool-call-result{padding:.5rem .75rem;font-size:.8rem;border-top:1px solid #eee}.dark-mode .chat-tool-call-args,.dark-mode .chat-tool-call-result{border-top-color:#333}.chat-tool-call-args pre,.chat-tool-call-result pre{margin:.25rem 0 0;padding:.5rem;background:#0000000a;border-radius:4px;white-space:pre-wrap;word-break:break-word;max-height:12rem;overflow-y:auto;font-family:ui-monospace,monospace}.dark-mode .chat-tool-call-args pre,.dark-mode .chat-tool-call-result pre{background:#2d2d2d;color:#e4e4e4}.chat-sql-block{margin:1rem 0;border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#f5f5f5}.dark-mode .chat-sql-block{border-color:#444;background:#1e1e1e}.chat-sql-block-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#e8e8e8;border-bottom:1px solid #ddd}.dark-mode .chat-sql-block-header{background:#2a2a2a;border-bottom-color:#444}.chat-sql-block-source{font-weight:600;font-size:.9rem;color:#2c3e50}.dark-mode .chat-sql-block-source{color:#e0e0e0}.chat-sql-block-run{padding:.35rem .75rem;font-size:.875rem}.chat-sql-block-explanation{margin:0;padding:.5rem .75rem;font-size:.9rem;color:#555;border-bottom:1px solid #e0e0e0}.dark-mode .chat-sql-block-explanation{color:#b0b0b0;border-bottom-color:#444}.chat-sql-block-query{margin:0;padding:.75rem 1rem;font-size:.85rem;font-family:ui-monospace,monospace;white-space:pre-wrap;word-break:break-word;overflow-x:auto;background:#fff;border-bottom:1px solid #e0e0e0}.dark-mode .chat-sql-block-query{background:#252525;border-bottom-color:#444;color:#e0e0e0}.chat-sql-block-query code{background:transparent;padding:0}.chat-sql-block-error{padding:.75rem 1rem;background:#fee;color:#c00;font-size:.9rem}.dark-mode .chat-sql-block-error{background:#3d2020;color:#f88}.chat-sql-block-result{padding:.75rem 1rem}.chat-sql-block-result-meta{font-size:.85rem;color:#666;margin-bottom:.5rem}.dark-mode .chat-sql-block-result-meta{color:#a0a0a0}.chat-sql-block-table-wrap{overflow-x:auto;max-height:20rem;overflow-y:auto;border:1px solid #ddd;border-radius:4px}.dark-mode .chat-sql-block-table-wrap{border-color:#444}.chat-sql-block-table{width:100%;border-collapse:collapse;font-size:.85rem}.chat-sql-block-table th,.chat-sql-block-table td{padding:.4rem .6rem;text-align:left;border-bottom:1px solid #e0e0e0}.dark-mode .chat-sql-block-table th,.dark-mode .chat-sql-block-table td{border-bottom-color:#444}.chat-sql-block-table th{background:#eee;font-weight:600;position:sticky;top:0}.dark-mode .chat-sql-block-table th{background:#333}.chat-sql-block-result-message{font-size:.9rem;color:#2c3e50}.dark-mode .chat-sql-block-result-message{color:#e0e0e0}.chat-input-form{display:flex;gap:.5rem;padding:1rem;background:#fff;border-top:1px solid #ddd}.dark-mode .chat-input-form{background:#2a2a2a;border-top-color:#444}.chat-input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit;resize:none;transition:all .3s ease}.dark-mode .chat-input{background:#1a1a1a;border-color:#444;color:#e0e0e0}.chat-input:focus{outline:none;border-color:#3498db}.dark-mode .chat-input:focus{border-color:#2980b9}.chat-send-button{align-self:flex-end;padding:.75rem 1.5rem}.chat-send-button:disabled{opacity:.6;cursor:not-allowed}.suggested-knowledge{background:#f8f9fa;padding:1rem;border-radius:4px;margin:1rem 0;border-left:4px solid #3498db}.dark-mode .suggested-knowledge{background:#1a1a1a;border-left-color:#2980b9}.suggested-knowledge h3{margin:0 0 .5rem;color:#2c3e50}.dark-mode .suggested-knowledge h3{color:#e0e0e0}.suggested-knowledge p{margin:0;color:#555;white-space:pre-wrap}.dark-mode .suggested-knowledge p{color:#d0d0d0}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:.75rem;max-width:400px;pointer-events:none}.toast{background:#fff;border-radius:6px;box-shadow:0 4px 12px #00000026;padding:0;min-width:300px;max-width:400px;pointer-events:auto;cursor:pointer;transition:transform .2s ease,opacity .2s ease;animation:slideIn .3s ease}.dark-mode .toast{background:#2a2a2a;box-shadow:0 4px 12px #0000004d}.toast:hover{transform:translate(-4px)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-content{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;gap:1rem}.toast-message{flex:1;color:#2c3e50;font-size:.9rem;line-height:1.4;transition:color .3s ease}.dark-mode .toast-message{color:#e0e0e0}.toast-close{background:none;border:none;color:#7f8c8d;font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;flex-shrink:0}.toast-close:hover{color:#2c3e50}.dark-mode .toast-close:hover{color:#e0e0e0}.toast-success{border-left:4px solid #27ae60}.toast-error{border-left:4px solid #e74c3c}.toast-info{border-left:4px solid #3498db}.integrations-master-detail{display:grid;grid-template-columns:380px 1fr;gap:1.25rem;align-items:start}@media (max-width: 960px){.integrations-master-detail{grid-template-columns:1fr}}.list-item.is-selected{border-left:3px solid #0f7a4a;background:#f0faf5}.dark-mode .list-item.is-selected{background:#182e22;border-left-color:#2ecc71}.list-item.is-active-script{border-left:3px solid #3498db}.dark-mode .list-item.is-active-script{border-left-color:#5dade2}.integrations-detail-panel{border:1px solid #dbe2ea;border-radius:12px;background:#fff;overflow:hidden;min-width:0}.dark-mode .integrations-detail-panel{background:#1f2329;border-color:#444a53}.integrations-detail-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #dbe2ea;background:#f8fafc}.dark-mode .integrations-detail-header{background:#252930;border-bottom-color:#444a53}.integrations-detail-tabs{display:flex;padding:.5rem 1.25rem 0;gap:.35rem;border-bottom:1px solid #dbe2ea;background:#f8fafc}.dark-mode .integrations-detail-tabs{background:#252930;border-bottom-color:#444a53}.integrations-detail-content{padding:1.25rem;overflow:auto;max-height:calc(100vh - 200px)}.integrations-config-actions{display:flex;justify-content:space-between}.studio-script-chips-section{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.studio-script-chips-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.studio-chips-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, #888);min-width:5.5rem;flex-shrink:0}.studio-chips-loading{font-size:.8rem;color:var(--text-muted, #888);font-style:italic}.studio-script-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--border-color, #ccc);background:var(--surface-secondary, #f5f5f5);color:var(--text-primary, #222);font-size:.8rem;cursor:pointer;transition:background .15s,border-color .15s}.studio-script-chip:hover{border-color:var(--accent-color, #4a7ef5);background:var(--accent-color-subtle, #e8f0fe)}.studio-script-chip.is-active{border-color:var(--accent-color, #4a7ef5);background:var(--accent-color, #4a7ef5);color:#fff}.studio-script-chip.is-active .chip-doc-type{opacity:.8}.chip-name{max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-doc-type{font-size:.7rem;opacity:.65;white-space:nowrap}.chip-edit,.chip-delete{font-size:.75rem;opacity:.55;cursor:pointer;padding:0 .1rem;border-radius:2px;transition:opacity .1s;line-height:1}.chip-edit:hover{opacity:1}.chip-delete:hover{opacity:1;color:var(--danger-color, #e74c3c)}.studio-script-chip.is-active .chip-edit,.studio-script-chip.is-active .chip-delete{opacity:.7}.studio-script-chip.is-active .chip-edit:hover,.studio-script-chip.is-active .chip-delete:hover{opacity:1}.studio-chip-add{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:999px;border:1px dashed var(--border-color, #ccc);background:transparent;color:var(--text-muted, #888);font-size:.8rem;cursor:pointer;transition:border-color .15s,color .15s}.studio-chip-add:hover{border-color:var(--accent-color, #4a7ef5);color:var(--accent-color, #4a7ef5)}.dark-mode .studio-script-chip{border-color:#444;background:#2a2a2a;color:#e0e0e0}.dark-mode .studio-script-chip:hover{border-color:#6b9af8;background:#1e2a45}.dark-mode .studio-script-chip.is-active{border-color:#4a7ef5;background:#4a7ef5;color:#fff}.dark-mode .studio-chip-add{border-color:#444;color:#888}.dark-mode .studio-chip-add:hover{border-color:#6b9af8;color:#6b9af8}.dark-mode .studio-chips-label{color:#888}.integrations-sample-section{margin-bottom:.5rem;padding-bottom:0}.integrations-generate-panel{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #dbe2ea}.integrations-generate-panel h3{margin:0 0 .75rem;font-size:.95rem;color:#34495e}.dark-mode .integrations-generate-panel{border-top-color:#444a53}.dark-mode .integrations-generate-panel h3{color:#c8d0da}.integration-tabs{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem;border-radius:14px;background:#f4f7fb;border:1px solid #dbe2ea}.integration-tab{border:1px solid transparent;background:transparent;color:#5b6c80;border-radius:10px;padding:.5rem .95rem;font-size:.86rem;font-weight:600;cursor:pointer;transition:all .2s ease}.integration-tab:hover{color:#1f2d3d;background:#eaf0f7}.integration-tab.is-active{color:#0f7a4a;background:#fff;border-color:#cad8ea;box-shadow:0 2px 8px #0f172a14}.dark-mode .integration-tabs{background:#2a2d33;border-color:#444a53}.dark-mode .integration-tab{color:#c2c7cf}.dark-mode .integration-tab:hover{color:#f0f3f7;background:#3a3f48}.dark-mode .integration-tab.is-active{color:#86e1a7;background:#1f2329;border-color:#4b525d;box-shadow:0 2px 10px #00000059}.adapter-type-badge{display:inline-block;padding:.25rem .75rem;background-color:#9b59b6;color:#fff;border-radius:4px;font-size:.85rem;font-weight:500;margin-left:.5rem}.form-hint{display:block;margin-top:.25rem;color:#7f8c8d;font-size:.85rem;font-style:italic;transition:color .2s}.dark-mode .form-hint{color:#b0b0b0}.debug-result-block{margin-bottom:1rem;padding:.75rem;border-radius:6px;max-height:320px;overflow:auto;background:#f8f9fa;transition:background-color .2s,color .2s}.dark-mode .debug-result-block{background:#2d2d2d;color:#e4e4e4}.debug-result-block pre{white-space:pre-wrap;word-break:break-word;font-size:.8rem;margin-top:.5rem;margin:0;color:inherit}.script-test-output pre{margin-top:8px;padding:8px;font-size:12px;background:#f5f5f5;border-radius:4px;transition:background-color .2s,color .2s}.dark-mode .script-test-output pre{background:#2d2d2d;color:#e4e4e4}.log-container{max-height:70vh;overflow-y:auto}.log-list{display:flex;flex-direction:column;gap:1rem}.log-item{background:#f8f9fa;padding:1rem;border-radius:4px;border:1px solid #ddd;transition:background-color .3s ease}.dark-mode .log-item{background:#2a2a2a;border-color:#444}.log-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.log-item-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.log-file-name{color:#2c3e50;font-size:1rem;transition:color .3s ease}.dark-mode .log-file-name{color:#e0e0e0}.log-date{color:#7f8c8d;font-size:.85rem;transition:color .3s ease}.dark-mode .log-date{color:#b0b0b0}.log-item-details{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #ddd;transition:border-color .3s ease}.dark-mode .log-item-details{border-top-color:#444}.log-file-path{margin:.25rem 0;color:#555;font-size:.9rem;word-break:break-all;transition:color .3s ease}.dark-mode .log-file-path{color:#b0b0b0}.log-error{margin:.5rem 0;padding:.5rem;background:#fee;border-left:3px solid #e74c3c;color:#c0392b;font-size:.9rem;border-radius:2px;transition:all .3s ease}.dark-mode .log-error{background:#3a1f1f;color:#ff6b6b;border-left-color:#e74c3c}.log-meta{margin:.25rem 0;color:#7f8c8d;font-size:.85rem;transition:color .3s ease}.dark-mode .log-meta{color:#b0b0b0}.schema-discovery-container{max-width:800px}.schema-discovery-input-group{margin-bottom:1rem}.schema-discovery-label{display:block;margin-bottom:.5rem;font-weight:700;color:#34495e;transition:color .3s ease}.dark-mode .schema-discovery-label{color:#e0e0e0}.schema-discovery-input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#2c3e50;transition:all .3s ease}.dark-mode .schema-discovery-input{background-color:#1a1a1a;border-color:#444;color:#e0e0e0}.schema-discovery-hint{font-size:.875rem;color:#666;margin-top:.25rem;transition:color .3s ease}.dark-mode .schema-discovery-hint{color:#b0b0b0}.schema-discovery-error{padding:1rem;background:#fee;border:1px solid #fcc;border-radius:4px;transition:all .3s ease}.dark-mode .schema-discovery-error{background:#3a1f1f;border-color:#5a2f2f;color:#ff6b6b}.schema-discovery-section{margin-bottom:1rem}.schema-discovery-section h3{margin-bottom:.5rem;color:#34495e;transition:color .3s ease}.dark-mode .schema-discovery-section h3{color:#e0e0e0}.schema-description-preview{padding:1rem;background:#f5f5f5;border-radius:4px;white-space:pre-wrap;max-height:200px;overflow-y:auto;color:#2c3e50;transition:all .3s ease}.dark-mode .schema-description-preview{background:#1a1a1a;color:#e0e0e0;border:1px solid #333}.schema-preview-container{max-height:400px;overflow-y:auto}.schema-table-preview{margin-bottom:1rem;padding:1rem;border:1px solid #ddd;border-radius:4px;background:#fff;transition:all .3s ease}.dark-mode .schema-table-preview{background:#2a2a2a;border-color:#444}.schema-table-preview h4{margin-top:0;margin-bottom:.5rem;color:#2c3e50;transition:color .3s ease}.dark-mode .schema-table-preview h4{color:#e0e0e0}.schema-table-info{margin-bottom:.5rem;color:#34495e;transition:color .3s ease}.dark-mode .schema-table-info{color:#e0e0e0}.schema-table-info strong{color:#2c3e50;transition:color .3s ease}.dark-mode .schema-table-info strong{color:#e0e0e0}.schema-table-info ul{margin:.25rem 0;padding-left:1.5rem;color:#555;transition:color .3s ease}.dark-mode .schema-table-info ul{color:#b0b0b0}.schema-sample-data{margin-top:.5rem;padding:.5rem;background:#fff;border-radius:4px;max-height:150px;overflow-y:auto;font-size:.875rem;transition:all .3s ease}.dark-mode .schema-sample-data{background:#1a1a1a;border:1px solid #333;color:#e0e0e0}.schema-sample-data pre{margin:0;white-space:pre-wrap;color:inherit}.schema-definition-display{transition:all .3s ease}.dark-mode .schema-definition-display{background-color:#1a1a1a!important;color:#e0e0e0;border-color:#444}.discovery-progress{margin-top:1rem;padding:1rem;background:#f8f9fa;border-radius:4px;border:1px solid #ddd;transition:all .3s ease}.dark-mode .discovery-progress{background:#2a2a2a;border-color:#444}.discovery-progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:.5rem;transition:background .3s ease}.dark-mode .discovery-progress-bar{background:#444}.discovery-progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);transition:width .3s ease;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.discovery-progress-text{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#555;transition:color .3s ease}.dark-mode .discovery-progress-text{color:#b0b0b0}.discovery-progress-step{font-weight:600;color:#3498db;transition:color .3s ease}.dark-mode .discovery-progress-step{color:#5dade2}.discovery-progress-status{flex:1;text-align:right;font-style:italic}.studio-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:1rem;margin-top:1rem}@media (max-width: 1200px){.studio-layout{grid-template-columns:1fr}}.studio-file-input input{width:100%}.studio-sample-combo{position:relative;flex:1}.studio-sample-combo input{width:100%;padding-right:2.2rem}.studio-sample-input-row{display:flex;gap:.5rem;align-items:center}.studio-sample-save{margin-top:0;padding:.5rem .9rem;height:36px}.studio-sample-combo-toggle{position:absolute;top:50%;right:.45rem;transform:translateY(-50%);border:0;background:transparent;color:#7c8794;cursor:pointer;font-size:.85rem;line-height:1;padding:.2rem}.studio-sample-menu{position:absolute;z-index:30;top:calc(100% + .25rem);left:0;right:0;border:1px solid #d5dce6;border-radius:8px;background:#fff;box-shadow:0 8px 24px #0f172a1f;max-height:220px;overflow:auto}.studio-sample-menu-item{display:flex;align-items:center;border-bottom:1px solid #eef2f6}.studio-sample-menu-item:last-child{border-bottom:none}.studio-sample-load{border:0;background:transparent;text-align:left;cursor:pointer;flex:1;padding:.5rem .65rem;color:#2f3a47;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-sample-load:hover{background:#f6f9fc}.studio-sample-remove{border:0;border-left:1px solid #eef2f6;background:transparent;color:#8e99a6;width:2rem;height:2rem;cursor:pointer;font-size:1rem}.studio-sample-remove:hover{color:#de4d4d;background:#fff5f5}@media (max-width: 800px){.studio-sample-input-row{flex-direction:column;align-items:stretch}}.studio-left-tabs{display:flex;gap:.35rem;margin-bottom:.75rem;padding:.3rem;border:1px solid #dbe2ea;border-radius:14px;background:#f4f7fb;width:fit-content}.studio-tab{border:1px solid transparent;border-radius:10px;background:transparent;color:#5b6c80;font-size:.74rem;letter-spacing:.08em;font-weight:700;padding:.5rem .85rem;cursor:pointer;transition:all .2s ease}.studio-tab:hover{color:#1f2d3d;background:#eaf0f7}.studio-tab.is-active{color:#0f7a4a;background:#fff;border-color:#cad8ea;box-shadow:0 2px 8px #0f172a14}.studio-left-panel{min-height:500px;border:1px solid #dbe2ea;border-radius:12px;background:#fff;padding:.95rem;box-shadow:inset 0 1px #fff9}.studio-empty-panel{min-height:130px;display:flex;align-items:center;justify-content:center;border:1px dashed #d7e0eb;border-radius:10px;background:linear-gradient(180deg,#f8fafd,#f2f6fb)}.studio-pdf-canvas-container{display:flex;flex-direction:column;gap:.75rem;max-height:680px;overflow:auto;align-items:center}.studio-pdf-canvas{max-width:100%;height:auto;border:1px solid #ddd;background:#fff}.studio-action-row{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.studio-workflow-tabs{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem;margin:0 0 .75rem;border-radius:14px;background:#f4f7fb;border:1px solid #dbe2ea}.studio-workflow-tab{border:1px solid transparent;background:transparent;color:#5b6c80;border-radius:10px;padding:.48rem .85rem;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.studio-workflow-tab:hover{color:#1f2d3d;background:#eaf0f7}.studio-workflow-tab.is-active{color:#0f7a4a;background:#fff;border-color:#cad8ea;box-shadow:0 2px 8px #0f172a14}.studio-detector-results table,.studio-table-card table{width:100%;border-collapse:collapse}.studio-detector-results th,.studio-detector-results td,.studio-table-card th,.studio-table-card td{border-bottom:1px solid #ddd;padding:.35rem .4rem;text-align:left;font-size:.85rem}.studio-detector-results tr.selected{background:#ebf5fb}.studio-detector-results tr{cursor:pointer}.studio-script-pickers,.studio-script-viewers{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem}.studio-script-viewers-single{grid-template-columns:1fr}.studio-script-viewers pre,.studio-left-panel pre{margin:0;white-space:pre-wrap;font-size:.82rem;max-height:320px;overflow:auto}.studio-left-panel .studio-text-preview{max-height:none;height:100%;min-height:540px;background:transparent}.studio-table-grid{display:grid;gap:.6rem}.studio-table-card{border:1px solid #ddd;border-radius:6px;padding:.4rem}.studio-table-header{display:flex;justify-content:space-between;margin-bottom:.4rem;font-size:.85rem}.studio-table-scroll{overflow:auto;max-height:260px}.studio-schema-view{display:grid;gap:.75rem}.studio-schema-description{border:1px solid #ddd;border-radius:6px;padding:.6rem;background:#fff}.studio-schema-description p{margin:.4rem 0 0;font-size:.9rem;line-height:1.4}.studio-fk-list{margin-top:.5rem;border-top:1px solid #ddd;padding-top:.4rem}.dark-mode .studio-left-tabs{background:#2a2d33;border-color:#444a53}.dark-mode .studio-tab{color:#c2c7cf}.dark-mode .studio-tab:hover{color:#f0f3f7;background:#3a3f48}.dark-mode .studio-tab.is-active{color:#86e1a7;background:#1f2329;border-color:#4b525d;box-shadow:0 2px 10px #00000059}.dark-mode .studio-left-panel{background:#1f2329;border-color:#444a53;box-shadow:inset 0 1px #ffffff0a}.dark-mode .studio-empty-panel{border-color:#4a505a;background:linear-gradient(180deg,#2a2d33,#242830)}.dark-mode .studio-pdf-canvas{border-color:#444}.dark-mode .studio-sample-combo-toggle{color:#a8b0bb}.dark-mode .studio-sample-menu{background:#2a2f36;border-color:#494f58;box-shadow:0 8px 24px #00000059}.dark-mode .studio-sample-menu-item{border-bottom-color:#3a4049}.dark-mode .studio-sample-load{color:#e0e4ea}.dark-mode .studio-sample-load:hover{background:#343a43}.dark-mode .studio-sample-remove{border-left-color:#3a4049;color:#a8b0bb}.dark-mode .studio-sample-remove:hover{color:#ff8f8f;background:#442b2b}.dark-mode .studio-workflow-tabs{background:#2a2d33;border-color:#444a53}.dark-mode .studio-workflow-tab{color:#c2c7cf}.dark-mode .studio-workflow-tab:hover{color:#f0f3f7;background:#3a3f48}.dark-mode .studio-workflow-tab.is-active{color:#86e1a7;background:#1f2329;border-color:#4b525d;box-shadow:0 2px 10px #00000059}.dark-mode .studio-detector-results th,.dark-mode .studio-detector-results td,.dark-mode .studio-table-card th,.dark-mode .studio-table-card td{border-bottom-color:#444}.dark-mode .studio-detector-results tr.selected{background:#1a3a52}.dark-mode .studio-table-card{border-color:#444}.dark-mode .studio-schema-description{border-color:#444;background:#1a1a1a}.dark-mode .studio-fk-list{border-top-color:#444}.table-preview-container{max-height:80vh;overflow-y:auto}.page-subtitle{margin-top:.5rem;color:#7f8c8d;font-size:.95rem;transition:color .3s ease}.dark-mode .page-subtitle{color:#b0b0b0}.unified-success-box{margin-bottom:1rem;padding:12px;border-radius:8px;background:#f0f9ff;transition:background-color .2s,color .2s}.dark-mode .unified-success-box{background:#1e3a5f;color:#e4e4e4}.table-structure-collapsible{border:1px solid #ddd;border-radius:4px;transition:border-color .3s ease}.dark-mode .table-structure-collapsible{border-color:#444}.collapse-toggle{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8f9fa;border:none;cursor:pointer;text-align:left;transition:background-color .3s ease}.dark-mode .collapse-toggle{background:#1a1a1a}.collapse-toggle:hover{background:#e9ecef}.dark-mode .collapse-toggle:hover{background:#2a2a2a}.collapse-toggle span{font-size:.8rem;color:#7f8c8d;transition:color .3s ease;width:1rem;display:inline-block}.dark-mode .collapse-toggle span{color:#b0b0b0}.collapse-toggle h4{margin:0;color:#2c3e50;font-size:1.1rem;transition:color .3s ease}.dark-mode .collapse-toggle h4{color:#e0e0e0}.table-selector{margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.table-selector-inline{margin-bottom:1rem}.table-selector-inline .table-select{max-width:480px}.post-table-controls{display:flex;flex-direction:column;gap:1rem}.post-table-controls .metadata-toggle{margin-top:0}.table-pagination label{display:flex;align-items:center;gap:.75rem;color:#2c3e50;font-size:.9rem;transition:color .3s ease}.dark-mode .table-pagination label{color:#e0e0e0}.table-select-compact{flex:0 0 auto;width:auto;min-width:100px;padding:.4rem .5rem;font-size:.9rem}.table-select{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem;background:#fff;transition:border-color .3s ease,background-color .3s ease}.dark-mode .table-select{background:#2a2a2a;border-color:#444;color:#e0e0e0}.table-preview-content{display:flex;flex-direction:column;gap:1.5rem}.metadata-toggle{margin-top:.75rem;display:inline-flex;align-items:center;gap:.5rem;color:#2c3e50;font-size:.9rem;cursor:pointer;transition:color .3s ease}.metadata-toggle input{cursor:pointer}.dark-mode .metadata-toggle{color:#e0e0e0}.structure-table{overflow-x:auto}.structure-table table{width:100%;border-collapse:collapse;background:#fff;transition:background-color .3s ease}.dark-mode .structure-table table{background:#2a2a2a}.structure-table th,.structure-table td{padding:.75rem;text-align:left;border-bottom:1px solid #ddd;transition:border-color .3s ease,color .3s ease}.dark-mode .structure-table th,.dark-mode .structure-table td{border-bottom-color:#444;color:#e0e0e0}.structure-table th{background:#f8f9fa;font-weight:600;color:#2c3e50;transition:background-color .3s ease,color .3s ease}.dark-mode .structure-table th{background:#1a1a1a;color:#e0e0e0}.preview-table-wrapper{overflow-x:auto;overflow-y:auto;border:1px solid #ddd;border-radius:4px;transition:border-color .3s ease;max-height:calc(100vh - 400px)}.dark-mode .preview-table-wrapper{border-color:#444}.preview-table{width:100%;border-collapse:collapse;background:#fff;transition:background-color .3s ease}.dark-mode .preview-table{background:#2a2a2a}.preview-table th,.preview-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #ddd;font-size:.9rem;transition:border-color .3s ease,color .3s ease}.dark-mode .preview-table th,.dark-mode .preview-table td{border-bottom-color:#444;color:#e0e0e0}.preview-table th{background:#f8f9fa;font-weight:600;position:sticky;top:0;z-index:1;color:#2c3e50;transition:background-color .3s ease,color .3s ease}.dark-mode .preview-table th{background:#1a1a1a;color:#e0e0e0}.preview-table tr:hover{background:#f8f9fa;transition:background-color .2s ease}.dark-mode .preview-table tr:hover{background:#333}.empty-cell{text-align:center;color:#7f8c8d;font-style:italic;padding:2rem!important;transition:color .3s ease}.dark-mode .empty-cell{color:#b0b0b0}.table-pagination{margin-top:.75rem;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:.75rem}.table-pagination span{color:#2c3e50;font-size:.9rem;transition:color .3s ease}.dark-mode .table-pagination span{color:#e0e0e0}.settings-section{background:#f8f9fa;padding:2rem;border-radius:8px;margin-bottom:2rem;transition:background-color .3s ease}.dark-mode .settings-section{background:#2a2a2a;border:1px solid #444}.settings-section h2{margin-top:0;color:#2c3e50;transition:color .3s ease}.dark-mode .settings-section h2{color:#e0e0e0}.settings-description{color:#7f8c8d;margin-bottom:1.5rem;line-height:1.6;transition:color .3s ease}.dark-mode .settings-description{color:#b0b0b0}.message{padding:1rem;border-radius:4px;margin-bottom:1.5rem}.message-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.button-secondary{padding:.5rem 1rem;background-color:#95a5a6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;margin-top:.5rem;transition:background-color .2s}.button-secondary:hover:not(:disabled){background-color:#7f8c8d}.button-secondary:disabled{opacity:.6;cursor:not-allowed}.settings-info{background:#ebf5fb;padding:1.5rem;border-radius:8px;border-left:4px solid #3498db;transition:background-color .3s ease,border-color .3s ease}.dark-mode .settings-info{background:#1a3a52;border-left-color:#2980b9}.settings-info h3{margin-top:0;color:#2c3e50;transition:color .3s ease}.dark-mode .settings-info h3{color:#e0e0e0}.settings-info p{color:#34495e;line-height:1.6;margin-bottom:1rem;transition:color .3s ease}.dark-mode .settings-info p{color:#d0d0d0}.settings-info ol{color:#34495e;line-height:1.8;padding-left:1.5rem;transition:color .3s ease}.dark-mode .settings-info ol{color:#d0d0d0}.settings-info a{color:#3498db;text-decoration:none}.settings-info a:hover{text-decoration:underline}.form-hint a{color:#3498db;text-decoration:none}.form-hint a:hover{text-decoration:underline}.settings-subsection{font-size:1rem;margin:1.5rem 0 .75rem;color:#2c3e50}.dark-mode .settings-subsection{color:#e0e0e0}.settings-users-table-wrap{overflow-x:auto;margin-bottom:1rem}.settings-users-table{width:100%;border-collapse:collapse;font-size:.95rem}.settings-users-table th,.settings-users-table td{padding:.75rem;text-align:left;border-bottom:1px solid #dee2e6}.dark-mode .settings-users-table th,.dark-mode .settings-users-table td{border-bottom-color:#444}.settings-users-table th{font-weight:600;color:#2c3e50}.dark-mode .settings-users-table th{color:#e0e0e0}.settings-role-select{padding:.35rem .5rem;border-radius:4px;border:1px solid #ccc;font-size:.9rem;min-width:7rem}.dark-mode .settings-role-select{background:#333;border-color:#555;color:#eee}.settings-saving-label{margin-left:.5rem;font-size:.85rem;color:#7f8c8d}.settings-add-user-form{margin-bottom:1.25rem}.form-row-inline{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.settings-add-email{min-width:180px;padding:.5rem .6rem;border:1px solid #ccc;border-radius:4px;font-size:.95rem}.dark-mode .settings-add-email{background:#333;border-color:#555;color:#eee}.settings-add-name{min-width:120px;padding:.5rem .6rem;border:1px solid #ccc;border-radius:4px;font-size:.95rem}.dark-mode .settings-add-name{background:#333;border-color:#555;color:#eee}.settings-status{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.settings-status-active{background:#d4edda;color:#155724}.dark-mode .settings-status-active{background:#1e4620;color:#a3cfbb}.settings-status-pending{background:#fff3cd;color:#856404}.dark-mode .settings-status-pending{background:#4a3f00;color:#e6d9a0}.button-danger-inline{padding:.35rem .6rem;font-size:.85rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.button-danger-inline:hover:not(:disabled){background:#c82333}.button-danger-inline:disabled{opacity:.5;cursor:not-allowed}.settings-section .form-group code{font-size:.85em;background:#0000000f;padding:.1rem .3rem;border-radius:3px}.dark-mode .settings-section .form-group code{background:#ffffff1a;color:#e4e4e4}.login-page{display:flex;align-items:center;justify-content:center;flex:1;min-height:100vh;width:100%;box-sizing:border-box;background:var(--bg-color, #f5f6fa)}.login-card{background:var(--card-bg, #fff);padding:2.5rem;border-radius:8px;box-shadow:0 4px 12px #00000014;max-width:400px;width:100%}.login-title{margin:0 0 .25rem;font-size:1.5rem;color:var(--text-color, #2c3e50)}.login-subtitle{margin:0 0 1.5rem;color:var(--text-muted, #6c757d);font-size:.95rem}.login-error{padding:.75rem;margin-bottom:1rem;background:#fee;color:#c00;border-radius:4px;font-size:.9rem}.login-button{width:100%;padding:.75rem 1.25rem;font-size:1rem;font-weight:500;color:#fff;background:#3498db;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.login-button:hover:not(:disabled){background:#2980b9}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-buttons{display:flex;flex-direction:column;gap:.75rem}.login-button-google{background:#4285f4}.login-button-google:hover:not(:disabled){background:#3367d6}.login-button-microsoft{background:#2f2f2f}.login-button-microsoft:hover:not(:disabled){background:#1a1a1a}.login-button-dev{background:#6c757d;margin-top:.25rem}.login-button-dev:hover:not(:disabled){background:#5a6268}.login-hint{margin:1.25rem 0 0;font-size:.8rem;color:var(--text-muted, #6c757d);line-height:1.4}.dashboards-create-panel{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:2rem;max-width:480px;transition:background-color .3s ease}.dark-mode .dashboards-create-panel{background:#2a2a2a;border-color:#374151}.dashboards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.dashboard-card{display:flex;align-items:flex-start;gap:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem;cursor:pointer;transition:box-shadow .2s,border-color .2s,background-color .3s;position:relative}.dashboard-card:hover{box-shadow:0 4px 12px #00000014;border-color:#3498db}.dark-mode .dashboard-card{background:#1e2530;border-color:#374151}.dark-mode .dashboard-card:hover{border-color:#5dade2;box-shadow:0 4px 12px #0000004d}.dashboard-card-icon{color:#3498db;flex-shrink:0;margin-top:2px}.dark-mode .dashboard-card-icon{color:#5dade2}.dashboard-card-body{flex:1;min-width:0}.dashboard-card-name{font-weight:600;font-size:1rem;color:#1e293b;margin-bottom:.25rem;transition:color .3s}.dark-mode .dashboard-card-name{color:#e2e8f0}.dashboard-card-desc{font-size:.85rem;color:#64748b;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-mode .dashboard-card-desc{color:#94a3b8}.dashboard-card-meta{font-size:.75rem;color:#94a3b8}.dashboard-card-delete{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;border-radius:4px;flex-shrink:0;transition:color .2s,background-color .2s}.dashboard-card-delete:hover{color:#ef4444;background:#fef2f2}.dark-mode .dashboard-card-delete:hover{background:#2d1a1a}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.dashboard-page{display:flex;flex-direction:column;min-height:calc(100vh - 4rem)}.dashboard-page-header{margin-bottom:1.5rem}.dashboard-back-btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;color:#64748b;background:none;border:none;cursor:pointer;padding:0;margin-bottom:.75rem;transition:color .2s}.dashboard-back-btn:hover{color:#3498db}.dark-mode .dashboard-back-btn{color:#94a3b8}.dark-mode .dashboard-back-btn:hover{color:#5dade2}.dashboard-title-row,.dashboard-name-display{display:flex;align-items:center;gap:.5rem}.dashboard-name-display h1{margin:0}.dashboard-name-edit{display:flex;align-items:center;gap:.5rem}.dashboard-name-edit input{font-size:1.5rem;font-weight:700;border:1px solid #3498db;border-radius:4px;padding:.25rem .5rem;background:#fff;color:#2c3e50;transition:all .3s}.dark-mode .dashboard-name-edit input{background:#1a1a1a;color:#e0e0e0;border-color:#5dade2}.icon-btn{background:none;border:none;cursor:pointer;color:#64748b;padding:.3rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .2s,background-color .2s}.icon-btn:hover{color:#3498db;background:#ebf5fb}.dark-mode .icon-btn{color:#94a3b8}.dark-mode .icon-btn:hover{color:#5dade2;background:#1a2a3a}.icon-btn-danger:hover{color:#ef4444!important;background:#fef2f2!important}.dark-mode .icon-btn-danger:hover{background:#2d1a1a!important}.dashboards-loading{color:#7f8c8d;padding:2rem 0}.dashboard-grid-wrapper{flex:1;min-height:0}.dashboard-grid{width:100%}.react-grid-item{box-sizing:border-box}.react-grid-item.react-grid-placeholder{background:#3498db20;border:2px dashed #3498db;border-radius:8px;opacity:.5}.dashboard-chart-wrapper{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:background-color .3s,border-color .3s}.dark-mode .dashboard-chart-wrapper{background:#1e2530;border-color:#374151}.dashboard-chart-controls{display:flex;justify-content:space-between;align-items:center;padding:.25rem .5rem;background:#f8fafc;border-bottom:1px solid #e5e7eb;transition:background-color .3s,border-color .3s}.dark-mode .dashboard-chart-controls{background:#1a1f2a;border-color:#374151}.chart-drag-handle{cursor:grab;color:#94a3b8;font-size:1rem;line-height:1;padding:.1rem .3rem;-webkit-user-select:none;user-select:none;border-radius:3px;transition:color .2s}.chart-drag-handle:hover{color:#64748b}.dashboard-chart-inner{flex:1;overflow:hidden;padding:.5rem .5rem .25rem}.dashboard-chart-inner .chart-renderer{border:none;margin:0;padding:0;height:100%}.dashboard-chart-inner .chart-renderer-header{margin-bottom:.4rem}.dashboard-chart-actions{display:flex;gap:.2rem;align-items:center}.widget-edit-modal{max-width:460px}.widget-color-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.widget-color-row{display:flex;align-items:center;gap:.75rem}.widget-color-picker{width:40px;height:32px;border:1px solid #e5e7eb;border-radius:4px;padding:2px;cursor:pointer;background:none;transition:border-color .2s}.widget-color-picker:hover{border-color:#3498db}.dark-mode .widget-color-picker{border-color:#374151;background:#1a1a1a}.widget-color-label{font-size:.875rem;color:#475569;transition:color .3s}.dark-mode .widget-color-label{color:#94a3b8}.app{display:flex;height:100vh;width:100%}.main-content{flex:1;margin-left:200px;padding:2rem;overflow-y:auto;background-color:#fff;transition:background-color .3s ease}.dark-mode .main-content{background-color:#1e1e1e;color:#e0e0e0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#2c3e50;transition:background-color .3s ease,color .3s ease}.dark-mode body{background-color:#121212;color:#e0e0e0}.dark-mode pre,.dark-mode code{color:#e4e4e4}.dark-mode pre{background-color:#2d2d2d;border-color:#444}.dark-mode code{background-color:#ffffff14}.dark-mode pre code{background-color:transparent}.dark-mode .form-hint,.dark-mode small.form-hint{color:#b0b0b0}#root{width:100%;height:100vh}