:root{--bg-primary:#0f0f1a;--bg-secondary:#1a1a2e;--bg-card:#16213e;--bg-sidebar:#0a0a1a;--text-primary:#e0e0e0;--text-secondary:#a0a0b0;--accent:#6366f1;--accent-hover:#818cf8;--accent-glow:#6366f14d;--success:#52c41a;--warning:#faad14;--error:#f5222d;--border:#2a2a4a;--sidebar-width:280px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.app-layout{min-height:100vh;display:flex}.app-content{flex:1;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.app-content.with-sidebar{margin-left:var(--sidebar-width)}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:100;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;overflow-y:auto}.sidebar-collapsed{cursor:pointer;justify-content:center;align-items:flex-start;width:48px;padding-top:16px;display:flex}.sidebar-collapsed:hover{background:#111}.sidebar-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#6366f11a,#6366f105);justify-content:space-between;align-items:center;padding:16px;display:flex}.sidebar-toggle{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px;transition:all .2s}.sidebar-toggle:hover{color:#fff;background:#ffffff1a}.sidebar-section{border-bottom:1px solid #ffffff0d;padding:12px 16px}.section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--accent);align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.connection-info{flex-direction:column;gap:6px;display:flex}.info-row{align-items:center;gap:8px;font-size:12px;display:flex}.pool-stats{grid-template-columns:1fr 1fr;gap:6px;display:grid}.stat-item{justify-content:space-between;align-items:center;font-size:12px;display:flex}.task-item{background:#ffffff08;border-radius:6px;margin-bottom:8px;padding:8px}.task-header{align-items:center;margin-bottom:4px;display:flex}.query-item{cursor:pointer;border-bottom:1px solid #ffffff08;align-items:center;gap:6px;padding:4px 0;transition:background .2s;display:flex}.query-item:hover{background:#ffffff0d}.sidebar-tabs{flex-direction:column;height:100%;display:flex}.sidebar-tabs .ant-tabs-content-holder{flex-direction:column;flex:1;display:flex;overflow:hidden}.sidebar-tabs .ant-tabs-content{flex-direction:column;flex:1;display:flex}.sidebar-tabs .ant-tabs-tabpane{flex-direction:column;flex:1;display:flex;overflow:hidden}.tab-scroll-area{flex:1;padding-right:4px;overflow-y:auto}.home-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.hero-section{text-align:center;width:100%;max-width:520px;position:relative}.hero-glow{background:radial-gradient(circle,var(--accent-glow)0%,transparent 70%);pointer-events:none;filter:blur(60px);width:300px;height:300px;animation:4s ease-in-out infinite glow-pulse;position:absolute;top:-100px;left:50%;transform:translate(-50%)}@keyframes glow-pulse{0%,to{opacity:.5;transform:translate(-50%)scale(1)}50%{opacity:.8;transform:translate(-50%)scale(1.1)}}.hero-title{letter-spacing:-1px;margin-bottom:12px;font-size:42px;font-weight:700}.gradient-text{background:linear-gradient(135deg,#6366f1,#a78bfa,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:16px;line-height:1.6}.connection-form-wrapper{max-width:480px;margin:0 auto}.connection-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:16px!important}.connection-header{text-align:center;margin-bottom:24px}.connection-icon{color:var(--accent);margin-bottom:8px;font-size:40px}.connection-header h2{color:var(--text-primary);margin:8px 0 4px;font-weight:600}.connection-header p{color:var(--text-secondary);font-size:14px}.form-row{gap:12px;display:flex}.connect-btn{background:linear-gradient(135deg,var(--accent),#818cf8)!important;border:none!important;border-radius:10px!important;height:48px!important;font-size:16px!important;font-weight:600!important;transition:all .3s!important}.connect-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px var(--accent-glow)!important}.generator-page{min-height:100vh;padding:24px}.generator-layout{gap:24px;max-width:1400px;margin:0 auto;display:flex}.generator-left{flex-shrink:0;width:340px}.generator-right{flex:1;min-width:0}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.custom-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.custom-card-header{border-bottom:1px solid var(--border);color:var(--text-primary);background:linear-gradient(135deg,#6366f114,#0000);padding:12px 16px;font-size:14px;font-weight:600}.custom-card-body{padding:12px}.schema-explorer{max-height:calc(100vh - 140px);overflow-y:auto}.schema-loading{justify-content:center;align-items:center;min-height:200px;display:flex}.schema-tree-wrapper{max-height:calc(100vh - 200px);overflow-y:auto}.tree-table-title{align-items:center;font-weight:500;display:flex}.tree-column-title{align-items:center;font-size:12px;display:flex}.col-name{font-weight:500}.table-config-card{margin-bottom:16px;background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:10px!important}.config-table .ant-table{background:0 0!important}.row-count-config{align-items:center;display:flex}.join-config{margin-top:8px}.join-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.join-list{flex-direction:column;gap:8px;display:flex}.join-item{background:#6366f10f!important;border:1px solid #6366f126!important;border-radius:8px!important}.join-item-content{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.join-modal .ant-modal-content,.preview-modal .ant-modal-content{border-radius:12px!important}.generate-btn{background:linear-gradient(135deg,#52c41a,#73d13d)!important;border:none!important;font-weight:600!important}.generate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #52c41a4d!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.generator-layout{flex-direction:column}.generator-left{width:100%}.hero-title{font-size:28px}.sidebar{width:100%;height:auto;position:relative}.app-content.with-sidebar{margin-left:0}.form-row{flex-direction:column}}.ant-tree{color:var(--text-primary)!important;background:0 0!important}.ant-tree .ant-tree-node-content-wrapper:hover{background:#6366f11a!important}.ant-tree .ant-tree-node-content-wrapper-checked{background:#6366f126!important}.ant-table-wrapper .ant-table{background:0 0!important}.ant-select-dropdown{background:var(--bg-card)!important}.ant-segmented{background:var(--bg-primary)!important}.ant-tabs-tab{color:var(--text-secondary)!important}.ant-tabs-tab-active{color:var(--accent)!important}