*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #fafafa;--border: #e0e0e0;--text-primary: #1a1a1a;--text-secondary: #666666;--text-muted: #999999;--accent: #07c160;--accent-hover: #06ad56;--accent-light: #e8f8f0;--danger: #fa5151;--danger-light: #fff1f0;--hover: #f0f0f0;--modified: #fff7e6;--new-row: #f0f9eb;--shadow: 0 2px 8px rgba(0,0,0,.08)}:root[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #383838;--border: #3a3a3a;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-muted: #808080;--accent: #07c160;--accent-hover: #06ad56;--accent-light: #1a3328;--danger: #fa5151;--danger-light: #2d1a1a;--hover: #383838;--modified: #3d3520;--new-row: #1a2e20;--shadow: 0 2px 8px rgba(0,0,0,.3)}body{font-family:-apple-system,Segoe UI,Microsoft YaHei,sans-serif;font-size:13px;background:var(--bg-primary);color:var(--text-primary)}.login-wrap{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-secondary)}.login-form{background:var(--bg-primary);padding:32px;border-radius:12px;width:320px;box-shadow:var(--shadow)}.login-form h2{text-align:center;margin-bottom:20px;color:var(--accent);font-weight:600}.login-form input{width:100%;padding:10px;margin-bottom:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px}.login-form input:focus{outline:none;border-color:var(--accent)}.login-form button{width:100%;padding:10px;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.login-form button:hover{background:var(--accent-hover)}.login-form button:disabled{opacity:.5}.error{color:var(--danger);font-size:12px;margin-top:8px;text-align:center}.console{display:flex;height:100vh;overflow:hidden}.sidebar-area{display:flex;flex-shrink:0}.main-area{flex:1;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.middle-area{display:flex;overflow:hidden}.dock{display:flex;flex-direction:column;gap:4px;padding:8px 6px;background:var(--bg-secondary);border-right:1px solid var(--border)}.dock-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;border-radius:10px;cursor:pointer;font-size:11px;color:var(--text-secondary);background:transparent;border:none;transition:all .15s}.dock-item:hover{background:var(--hover);color:var(--text-primary)}.dock-item.active{background:var(--accent);color:#fff}.dock-icon{font-size:20px;line-height:1}.flyout-panel{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.flyout-panel-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}.module-search{margin:6px 8px;padding:6px 8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:12px}.module-search:focus{outline:none;border-color:var(--accent)}.module-loading,.module-error,.module-placeholder{padding:8px 12px;font-size:12px;color:var(--text-muted)}.module-error{color:var(--danger)}.table-list{overflow-y:auto;flex:1}.table-item{display:flex;justify-content:space-between;align-items:center;padding:3px 12px}.table-item:hover{background:var(--hover)}.table-name{cursor:pointer;flex:1;font-size:12px;color:var(--text-primary)}.table-name.active{color:var(--accent);font-weight:500}.table-join-btn{background:none;border:1px solid var(--border);color:var(--accent);cursor:pointer;font-size:14px;width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center}.table-join-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.status-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-primary);border-bottom:1px solid var(--border);min-height:40px}.status-tables{display:flex;gap:4px;flex-wrap:wrap;flex:1;align-items:center}.status-table{display:inline-flex;align-items:center;gap:4px;background:var(--accent-light);padding:2px 8px;border-radius:4px;font-size:12px;color:var(--accent)}.status-join{color:var(--danger);font-size:10px;margin-right:2px}.status-table-remove{background:none;border:none;color:var(--danger);cursor:pointer;font-size:14px;padding:0;line-height:1}.status-right{display:flex;align-items:center;gap:8px}.status-user{color:var(--text-secondary);font-size:12px;cursor:pointer;padding:2px 8px;border-radius:4px}.status-user:hover{background:var(--hover)}.status-btn{padding:4px 10px;border:1px solid var(--border);border-radius:4px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;font-size:12px}.status-btn:hover{background:var(--hover)}.status-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.theme-toggle{font-size:16px;padding:2px 6px}.center-view{flex:1;overflow:hidden;display:flex;flex-direction:column}.center-view-empty{display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex:1}.view-loading,.view-error,.view-empty{padding:16px;color:var(--text-muted)}.view-error{color:var(--danger)}.table-view{display:flex;flex-direction:column;height:100%}.tv-searchbar{display:flex;gap:4px;padding:4px 8px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center}.tv-search-item{display:flex;align-items:center;gap:2px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;padding:2px 4px;font-size:11px}.tv-search-item input{border:none;background:transparent;color:var(--text-primary);font-size:11px;width:80px;outline:none}.tv-search-item .col-name{color:var(--accent);font-weight:500}.tv-search-remove{background:none;border:none;color:var(--danger);cursor:pointer;font-size:12px;padding:0 2px}.tv-scroll{flex:1;overflow:auto}.tv-scroll table{border-collapse:collapse;width:max-content}.tv-scroll th{background:var(--bg-secondary);padding:6px 10px;border:1px solid var(--border);text-align:left;font-weight:600;color:var(--text-secondary);position:sticky;top:0;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-scroll td{padding:4px 10px;border:1px solid var(--border);white-space:nowrap;color:var(--text-primary);cursor:pointer;max-width:300px;overflow:hidden;text-overflow:ellipsis}.tv-scroll tr:hover td{background:var(--hover)}.tv-scroll td.modified{background:var(--modified)}.tv-scroll tr.new-row td{background:var(--new-row)}.tv-scroll tr.deleted-row td{text-decoration:line-through;opacity:.5}.tv-footer{display:flex;align-items:center;gap:8px;padding:4px 12px;background:var(--bg-secondary);border-top:1px solid var(--border);font-size:11px;color:var(--text-muted)}.tv-page-input{width:50px;padding:2px 4px;border:1px solid var(--border);border-radius:3px;text-align:center;background:var(--bg-primary);color:var(--text-primary);font-size:12px}.tv-page-input:focus{outline:none;border-color:var(--accent)}.ctx-menu{position:fixed;z-index:9999;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow);min-width:160px;padding:4px 0}.ctx-item{padding:6px 16px;cursor:pointer;font-size:12px;color:var(--text-primary)}.ctx-item:hover{background:var(--hover)}.ctx-item.danger{color:var(--danger)}.ctx-sep{height:1px;background:var(--border);margin:4px 0}.edit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:9998;display:flex;align-items:center;justify-content:center}.edit-modal{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow);width:500px;max-width:90vw}.edit-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.edit-header span{font-weight:600;color:var(--text-primary)}.edit-close{background:none;border:none;font-size:18px;color:var(--text-muted);cursor:pointer}.edit-body{padding:16px}.edit-body textarea{width:100%;min-height:120px;padding:8px;border:1px solid var(--border);border-radius:4px;background:var(--bg-tertiary);color:var(--text-primary);font-size:13px;font-family:Cascadia Code,Consolas,monospace;resize:vertical}.edit-body textarea:focus{outline:none;border-color:var(--accent)}.edit-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 16px 16px}.edit-actions button{padding:6px 16px;border-radius:4px;cursor:pointer;font-size:13px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary)}.edit-actions .save{background:var(--accent);color:#fff;border-color:var(--accent)}.jump-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:9998;display:flex;align-items:center;justify-content:center}.jump-modal{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow);padding:24px;display:flex;gap:8px;align-items:center}.jump-modal input{width:80px;padding:6px 8px;border:1px solid var(--border);border-radius:4px;text-align:center;font-size:14px;color:var(--text-primary);background:var(--bg-tertiary)}.jump-modal input:focus{outline:none;border-color:var(--accent)}.jump-modal button{padding:6px 16px;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.sql-panel{width:400px;background:var(--bg-primary);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sql-section{display:flex;flex-direction:column;flex:1;border-bottom:1px solid var(--border);min-height:0}.sql-section:last-child{border-bottom:none}.sql-section-header{padding:6px 12px;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);font-size:12px}.sql-textarea{flex:1;border:none;padding:8px 12px;background:var(--bg-primary);color:var(--text-primary);font-family:Cascadia Code,Consolas,monospace;font-size:12px;resize:none;outline:none;line-height:1.5}.sql-textarea:focus{background:var(--bg-tertiary)}.sql-exec-bar{display:flex;justify-content:flex-end;padding:4px 8px;background:var(--bg-secondary);border-top:1px solid var(--border)}.sql-exec-btn{padding:4px 16px;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.sql-exec-btn:hover{background:var(--accent-hover)}.sql-result{padding:4px 12px;font-size:11px;color:var(--text-muted);max-height:60px;overflow-y:auto}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:9998;display:flex;align-items:center;justify-content:center}.admin-modal{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow);width:600px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.admin-header span{font-weight:600}.admin-body{padding:16px;overflow-y:auto}.admin-body table{width:100%;border-collapse:collapse;margin-bottom:16px}.admin-body th,.admin-body td{padding:6px 8px;border:1px solid var(--border);text-align:left;font-size:12px;color:var(--text-primary)}.admin-body th{background:var(--bg-secondary);font-weight:600}.admin-add-btn{padding:4px 12px;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-bottom:8px}.admin-edit-form{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--bg-secondary);border-radius:6px}.admin-edit-form input{padding:6px 8px;border:1px solid var(--border);border-radius:4px;font-size:13px;color:var(--text-primary);background:var(--bg-primary)}.admin-edit-form input:focus{outline:none;border-color:var(--accent)}.admin-edit-form .form-actions{display:flex;gap:8px}.admin-edit-form .form-actions button{padding:6px 16px;border-radius:4px;cursor:pointer;font-size:13px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary)}.admin-edit-form .form-actions .save{background:var(--accent);color:#fff;border-color:var(--accent)}.bottom-bar{border-top:1px solid var(--border);background:var(--bg-secondary);height:160px;display:flex;flex-direction:column}.chat-panel{display:flex;flex-direction:column;height:100%}.chat-display{flex:1;overflow-y:auto;padding:8px 12px}.chat-msg{margin-bottom:4px;font-size:12px}.chat-msg-user{color:var(--accent)}.chat-msg-assistant{color:var(--text-primary)}.chat-input-row{display:flex;gap:4px;padding:6px 12px;border-top:1px solid var(--border)}.chat-input{flex:1;padding:6px 8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:12px}.chat-input:focus{outline:none;border-color:var(--accent)}.chat-send{padding:6px 12px;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.chat-send:hover{background:var(--accent-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}