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