body{background:var(--background-alt-grey);flex-direction:column;min-height:100dvh;margin:0;display:flex}.page-header{background:var(--background-default-grey);border-bottom:1px solid var(--border-default-grey);padding:1.5rem 0}.page-header h1{align-items:center;gap:.5rem;margin:0;display:flex}.page-header p{color:var(--text-mention-grey);margin:.5rem 0 0}.sidebar{background:var(--background-default-grey);padding:1rem}.sidebar h2{border-bottom:1px solid var(--border-default-grey);margin:0 0 1rem;padding-bottom:.5rem;font-size:1rem}.main-content{background:var(--background-default-grey);padding:1.5rem}.connection-card{background:var(--background-alt-grey);cursor:pointer;border:2px solid #0000;border-radius:4px;margin-bottom:.5rem;padding:.75rem;transition:all .15s}.connection-card:hover{border-color:var(--border-default-grey)}.connection-card.selected{border-color:var(--border-action-high-blue-france);background:var(--background-contrast-info)}.connection-card .name{align-items:center;gap:.5rem;font-weight:600;display:flex}.connection-card .url{color:var(--text-mention-grey);word-break:break-all;font-size:.75rem}.connection-card .status{margin-top:.25rem;font-size:.7rem}.connection-card .status.connected{color:var(--text-default-success)}.connection-card .status.error{color:var(--text-default-error)}.add-btn{width:100%;margin-top:.5rem}.explorer-tabs{border-bottom:1px solid var(--border-default-grey);gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.explorer-tab{cursor:pointer;color:var(--text-mention-grey);background:0 0;border:none;border-radius:4px 4px 0 0;padding:.5rem 1rem;font-weight:500}.explorer-tab.active{background:var(--background-contrast-info);color:var(--text-action-high-blue-france)}.tree-view{font-size:.875rem}.tree-item{background:var(--background-alt-grey);cursor:pointer;border-radius:4px;align-items:center;gap:.5rem;margin:.25rem 0;padding:.5rem;display:flex}.tree-item:hover{background:var(--background-contrast-grey)}.tree-item i{color:var(--text-mention-grey)}.tree-item .count{color:var(--text-mention-grey);margin-left:auto;font-size:.75rem}.tree-children{margin-left:1.5rem}.table-preview{max-height:300px;margin-top:1rem;overflow:auto}.empty-state{text-align:center;color:var(--text-mention-grey);padding:3rem}.empty-state i{margin-bottom:1rem;font-size:3rem;display:block}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal{background:var(--background-default-grey);border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow:auto}.modal-header{border-bottom:1px solid var(--border-default-grey);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-header h3{margin:0}.modal-close{cursor:pointer;color:var(--text-mention-grey);background:0 0;border:none;font-size:1.5rem}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border-default-grey);justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;display:flex}.action-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.badge-source-type{border-radius:4px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.badge-grist{color:#fff;background:#18753c}.badge-api{color:#fff;background:#000091}.badge-manual{color:#fff;background:#a558a0}.badge-join{color:#fff;background:#b34000}.field-row{align-items:flex-end;gap:.5rem;margin-bottom:.5rem;display:flex}.field-row .fr-input-group{flex:1;margin:0}.columns-editor{margin-top:1rem}.column-item{background:var(--background-alt-grey);border-radius:4px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem;display:flex}.column-item input{flex:1}.table-editor-wrapper{border:1px solid var(--border-default-grey);border-radius:4px;max-height:400px;overflow:auto}.table-editor{border-collapse:collapse;width:100%;font-size:.875rem}.table-editor th,.table-editor td{border:1px solid var(--border-default-grey);min-width:120px;padding:0;position:relative}.table-editor th{background:var(--background-alt-grey);font-weight:600}.table-editor th .col-header{align-items:center;gap:.25rem;padding:.25rem;display:flex}.table-editor th .col-header input{background:0 0;border:1px solid #0000;border-radius:3px;flex:1;min-width:60px;padding:.25rem .4rem;font-size:.8rem;font-weight:600}.table-editor th .col-header input:focus{border-color:var(--border-action-high-blue-france);background:var(--background-default-grey);outline:none}.table-editor th .col-remove-btn{cursor:pointer;color:var(--text-mention-grey);background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:.125rem;font-size:.75rem;line-height:1}.table-editor th .col-remove-btn:hover{color:var(--text-default-error);background:var(--background-alt-grey)}.table-editor td input{box-sizing:border-box;background:0 0;border:none;width:100%;padding:.4rem .5rem;font-size:.8rem}.table-editor td input:focus{outline:2px solid var(--border-action-high-blue-france);outline-offset:-2px;background:var(--background-contrast-info)}.table-editor .row-number{text-align:center;width:40px;min-width:40px;color:var(--text-mention-grey);background:var(--background-alt-grey);-webkit-user-select:none;user-select:none;padding:.4rem .25rem;font-size:.75rem}.table-editor .row-actions{text-align:center;width:36px;min-width:36px;padding:0}.table-editor .row-actions button{cursor:pointer;color:var(--text-mention-grey);background:0 0;border:none;border-radius:3px;padding:.25rem;font-size:.75rem;line-height:1}.table-editor .row-actions button:hover{color:var(--text-default-error);background:var(--background-alt-grey)}.table-editor-actions{gap:.5rem;margin-top:.5rem;display:flex}.modal.modal--wide{max-width:800px}.edit-conn-btn:hover,.edit-source-btn:hover{background:var(--background-alt-grey);color:var(--text-action-high-blue-france)!important}.delete-conn-btn:hover,.delete-source-btn:hover{background:var(--background-alt-grey);color:var(--text-default-error)!important}.source-mode-panel{margin-top:1rem}#json-input{font-family:monospace;font-size:.875rem}