@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Manrope:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root,[data-theme=light]{--bg-grad: linear-gradient(125deg, #eef2ff 0%, #f1f5f9 50%, #eef2ff 100%);--grid: rgba(37, 99, 235, .06);--glow: rgba(37, 99, 235, .16);--orb1: rgba(59, 130, 246, .22);--orb2: rgba(139, 92, 246, .16);--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(59, 130, 246, .22);--glass-shadow: 0 16px 40px rgba(30, 41, 59, .12);--text-strong: #0f172a;--text: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--input-bg: rgba(255, 255, 255, .85);--input-border: #cbd5e1;--accent: #2563eb;--accent-2: #7c3aed;--accent-soft: #93c5fd;--brand-grad: linear-gradient(95deg, #2563eb, #4f46e5);--brand-soft: linear-gradient(155deg, #2563eb 0%, #4f46e5 52%, #4338ca 100%);--sider-bg: rgba(255, 255, 255, .6);--header-bg: rgba(255, 255, 255, .72);--danger: #dc2626;--scrollbar-track: rgba(203, 213, 225, .5);--scrollbar-thumb: rgba(37, 99, 235, .28);--scrollbar-thumb-hover: rgba(37, 99, 235, .5)}[data-theme=dark]{--bg-grad: linear-gradient(125deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);--grid: rgba(56, 139, 253, .08);--glow: rgba(37, 99, 235, .25);--orb1: rgba(59, 130, 246, .5);--orb2: rgba(139, 92, 246, .4);--glass-bg: rgba(15, 23, 42, .55);--glass-border: rgba(59, 130, 246, .3);--glass-shadow: 0 25px 45px rgba(0, 0, 0, .3);--text-strong: #f1f5f9;--text: #e2e8f0;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--input-bg: rgba(2, 6, 23, .65);--input-border: #334155;--accent: #3b82f6;--accent-2: #8b5cf6;--accent-soft: #c7d2fe;--brand-grad: linear-gradient(95deg, #2563eb, #4f46e5);--brand-soft: linear-gradient(155deg, #1d4ed8 0%, #4338ca 52%, #312e81 100%);--sider-bg: rgba(15, 23, 42, .55);--header-bg: rgba(15, 23, 42, .6);--danger: #f87171;--scrollbar-track: rgba(2, 6, 23, .45);--scrollbar-thumb: rgba(59, 130, 246, .38);--scrollbar-thumb-hover: rgba(96, 165, 250, .62)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:8px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:8px;border:2px solid transparent;background-clip:padding-box;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Manrope,Noto Sans SC,sans-serif;color:var(--text);background:var(--bg-grad);background-attachment:fixed;-webkit-font-smoothing:antialiased;min-height:100vh}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.app-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:48px 48px}.app-bg:after{content:"";position:absolute;width:80%;height:80%;top:10%;left:10%;background:radial-gradient(circle at 30% 40%,var(--glow),transparent 70%);filter:blur(40px)}.app-bg .orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}.app-bg .orb-1{width:320px;height:320px;background:var(--orb1);top:-100px;right:-80px}.app-bg .orb-2{width:260px;height:260px;background:var(--orb2);bottom:-80px;left:-50px;opacity:.4}.glass{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-strong{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),0 2px 10px #0000000f}.rounded-lg{border-radius:20px}.rounded-md{border-radius:14px}.app-layout{position:relative;z-index:1;height:100vh;overflow:hidden}.app-body{height:100vh;overflow:hidden;display:flex;flex-direction:column}.app-sider{border-right:1px solid var(--glass-border);background:var(--sider-bg)!important;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);height:100vh;overflow:hidden}.ant-layout-sider-trigger{background:var(--sider-bg)!important;color:var(--accent)!important;border-top:1px solid var(--glass-border)}.ant-layout-sider-trigger:hover{color:var(--accent)!important;filter:brightness(.96)}[data-theme=dark] .ant-layout-sider-trigger:hover{filter:brightness(1.15)}.brand{display:flex;align-items:center;gap:10px;height:60px;padding:0 20px;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-weight:700;font-size:18px;color:var(--text-strong)}.brand .dot{width:26px;height:26px;border-radius:8px;background:var(--brand-grad);box-shadow:0 4px 12px #3b82f666}.brand .brand-text{background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--glass-border);background:var(--header-bg);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);flex-shrink:0;z-index:20}.app-content{padding:24px;flex:1;overflow-y:auto;overflow-x:hidden}.app-footer{padding:12px 24px 4px;text-align:center;font-size:12px;color:var(--text-muted);display:flex;justify-content:center;gap:16px;flex-wrap:wrap;flex-shrink:0}.app-footer a{color:var(--text-muted);text-decoration:none}.app-footer a:hover{color:var(--accent)}.page-title{font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:22px;font-weight:700;margin:0 0 4px;color:var(--text-strong)}.page-sub{color:var(--text-muted);margin:0 0 20px;font-size:13px}.stat-card .stat-num{font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:28px;font-weight:700;color:var(--accent)}.stat-card .stat-label{color:var(--text-muted);font-size:13px}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.tpl-card{position:relative;padding:18px;cursor:pointer;transition:transform .2s,box-shadow .2s}.tpl-card:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow)}.tpl-fav{position:absolute;top:14px;right:14px;font-size:18px;color:var(--text-muted);cursor:pointer;transition:color .2s}.tpl-fav.on{color:#e8853a}.tpl-name{font-weight:600;font-size:15px;margin-bottom:6px;padding-right:24px;color:var(--text-strong)}.tpl-desc{color:var(--text-muted);font-size:13px;min-height:36px}.tpl-tag{display:inline-block;background:#2563eb1f;color:var(--accent);border-radius:999px;padding:2px 10px;font-size:12px;margin-top:10px}.mask-badge{display:inline-flex;align-items:center;gap:3px;background:#dc26261f;color:var(--danger);border-radius:6px;padding:0 6px;font-size:11px;margin-left:6px}.lock-ico{font-size:11px}.sql-editor{width:100%;min-height:120px;font-family:IBM Plex Mono,monospace;font-size:13px;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);padding:12px;resize:vertical;line-height:1.6}.sql-editor:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb2e}.result-table-wrap{margin-top:16px;border-radius:14px;overflow:hidden;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}.opt-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;padding:4px 8px;border-radius:8px;border:1px solid transparent;background:transparent;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.opt-row:hover{background:#3b82f612}.opt-row .opt-handle{cursor:grab;color:var(--text-muted);font-size:16px;line-height:1;-webkit-user-select:none;user-select:none;flex:none;transition:color .15s ease,transform .15s ease}.opt-row .opt-handle:hover{color:var(--accent);transform:scale(1.15)}.opt-row .opt-handle:active{cursor:grabbing}.opt-row.dragging{opacity:.45;border-color:var(--accent);background:#3b82f61a;box-shadow:0 6px 16px #2563eb2e;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.opt-row.drop{border-top:2px solid var(--accent);background:#3b82f61f}.cat-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:40px;padding:5px 8px;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);transition:border-color .15s ease,box-shadow .15s ease}.cat-tags:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb29}.cat-chip{display:inline-flex;align-items:center;gap:4px;background:#2563eb1f;color:var(--accent);border-radius:999px;padding:2px 6px 2px 10px;font-size:12.5px;line-height:1.6}.cat-chip-x{border:none;background:transparent;color:var(--accent);cursor:pointer;font-size:14px;line-height:1;padding:0 2px;border-radius:50%;opacity:.7}.cat-chip-x:hover{opacity:1;background:#2563eb33}.cat-input{flex:1;min-width:120px;border:none;outline:none;background:transparent;color:var(--text);font-size:13px;padding:2px 4px}.cat-input::placeholder{color:var(--text-muted)}.cat-filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.cat-filter{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);border-radius:999px;padding:4px 14px;font-size:13px;cursor:pointer;transition:all .2s ease}.cat-filter:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.cat-filter.on{background:var(--brand-grad);color:#fff;border-color:transparent;box-shadow:0 6px 16px #2563eb47}.tpl-list-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.tpl-list-header-text{min-width:0;flex:1 1 auto}@media (max-width: 575px){.tpl-list-header{flex-direction:column;align-items:stretch}.tpl-list-header .ant-btn{width:100%}}.settings-grid{display:grid;grid-template-columns:1fr;gap:16px;grid-auto-rows:1fr;align-items:stretch}.settings-grid>.ant-card{margin-bottom:0;height:100%;display:flex;flex-direction:column}.settings-grid>.ant-card>.ant-card-body{flex:1 1 auto}@media (min-width: 992px){.settings-grid{grid-template-columns:1fr 1fr}}.settings-grid .ant-space{flex-wrap:wrap}.settings-inline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:0 20px;align-items:start}.settings-inline-grid .ant-form-item{margin-bottom:4px}.settings-inline-grid .ant-input-number{width:100%}@media (max-width: 575px){.settings-inline-grid{grid-template-columns:1fr}.settings-grid{gap:12px}.settings-grid .ant-card-body{padding:14px}}.login-wrap{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.login-card{position:relative;z-index:1;width:100%;max-width:940px;display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden;border-radius:24px}.login-brand{display:flex;flex-direction:column;justify-content:space-between;padding:42px 40px;color:#fff;background:var(--brand-soft);position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;right:-70px;bottom:-70px;width:240px;height:240px;background:#ffffff1f;border-radius:50%}.login-logo{width:54px;height:54px;border-radius:15px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:27px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25)}.login-title{font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:30px;font-weight:700;margin:22px 0 8px;background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;color:transparent}.login-headline{font-size:23px;font-weight:700;line-height:1.5;margin-top:auto}.login-feats{list-style:none;padding:0;margin:18px 0 0;font-size:13.5px;opacity:.92}.login-feats li{display:flex;align-items:center;gap:9px;margin-bottom:11px}.login-feats li:before{content:"✓";display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;background:#fff3;border-radius:50%;font-size:11px;flex:none}.login-form-pane{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);padding:42px 40px;display:flex;flex-direction:column;justify-content:center}.login-form-pane h2{font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:23px;font-weight:700;margin:0 0 4px;color:var(--text-strong)}.login-sub{color:var(--text-muted);font-size:13px;margin:0 0 22px}.btn-gradient{background:var(--brand-grad)!important;border:none!important;box-shadow:0 8px 20px #2563eb4d!important;font-weight:600;letter-spacing:1px}.btn-gradient:hover{filter:brightness(1.08);background:var(--brand-grad)!important}.btn-gradient:active{filter:brightness(.95)}.probe-result{margin-top:12px;padding:12px 14px;font-size:13px;color:var(--text)}.probe-result .probe-head{color:var(--text-muted);margin-bottom:8px}.field-chips{display:flex;flex-wrap:wrap;gap:6px}.field-chips .fchip{display:inline-flex;align-items:center;gap:6px;background:#2563eb1a;border:1px solid var(--glass-border);color:var(--text);border-radius:8px;padding:3px 9px;font-size:12.5px;font-family:IBM Plex Mono,monospace}.field-chips .fchip .ftype{color:var(--text-muted);font-size:11px}.theme-switch{display:flex;align-items:center;gap:6px}.theme-switch .theme-ico{font-size:15px;cursor:pointer;color:var(--text-muted);opacity:.75;padding:6px;border-radius:8px;-webkit-tap-highlight-color:transparent;transition:color .25s ease,transform .2s ease,opacity .25s ease,background .2s ease,box-shadow .2s ease}.theme-switch .theme-ico:hover{transform:scale(1.18);opacity:1}.theme-switch .theme-ico:active{transform:scale(.92);background:#94a3b81f}.theme-switch .theme-ico.on{color:#f6ad55;opacity:1;transform:scale(1.08);background:#f6ad551a}.theme-switch .theme-ico.sun.on{color:#f6ad55}.theme-switch .theme-ico.moon.on{color:#a5b4fc;background:#a5b4fc1a}.theme-switch .ant-switch{min-width:34px;height:19px}.theme-switch .ant-switch-handle:before{width:15px;height:15px}@media (max-width: 900px){.login-card{grid-template-columns:1fr;max-width:460px}.login-brand{display:none}.app-content{padding:16px}.tpl-grid{grid-template-columns:1fr}}.hamburger{font-size:18px;color:var(--text)!important;margin-right:8px}.app-drawer .ant-drawer-body{background:var(--sider-bg);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}.ant-layout-sider-collapsed .brand{justify-content:center;padding:0}.ant-layout-sider-collapsed .brand-text{display:none}@media (min-width: 769px) and (max-width: 991px){.app-content{padding:18px}}@media (max-width: 768px){.app-content{padding:10px}.page-title{font-size:20px}.page-sub{font-size:13px}.app-header{padding:0 10px!important;gap:6px}.app-header>div:first-of-type{font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.header-username{display:none}.theme-switch{gap:4px}.login-wrap{padding:12px}.login-card{padding:20px 16px}.ant-modal{width:94vw!important;max-width:100%!important;margin:16px auto!important;top:0!important}.ant-modal-body{padding:16px!important;max-height:calc(100vh - 120px);overflow-y:auto}.ant-table-wrapper{font-size:12px}.glass.rounded-lg{padding:10px!important}.ant-form-item-control-input,.ant-form-item-control{width:100%}.ant-space{flex-wrap:wrap}.stat-card{min-width:calc(50% - 12px)}}@media (max-width: 420px){.theme-switch .ant-switch{display:none}.theme-switch .theme-ico{font-size:17px;padding:8px}.app-footer{font-size:11px;gap:10px!important;padding:10px 12px 4px!important}.app-footer>span{max-width:100%}}.help-page{display:flex;flex-direction:column;gap:4px}.help-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}.help-tabs .ant-tabs-nav{margin-bottom:16px}.help-section{scroll-margin-top:80px;padding:18px 20px;margin-bottom:14px}.help-section h3{font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:16px;font-weight:700;margin:0 0 10px;color:var(--text-strong)}.help-section p{color:var(--text);font-size:13.5px;line-height:1.8;margin:0 0 10px}.help-section ul{color:var(--text);font-size:13.5px;line-height:1.9;padding-left:20px;margin:0 0 10px}.help-section li{margin-bottom:4px}.help-code-block{background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;padding:12px 14px;font-family:IBM Plex Mono,monospace;font-size:12.5px;color:var(--text-strong);overflow-x:auto;line-height:1.6;margin:0 0 10px;white-space:pre}.help-code-inline{background:#3b82f61f;color:var(--accent);border-radius:5px;padding:1px 6px;font-family:IBM Plex Mono,monospace;font-size:12.5px}.help-callout{border-left:3px solid var(--accent);background:#3b82f614;border-radius:8px;padding:10px 14px;font-size:13px;color:var(--text);margin:0 0 10px}.help-callout.warn{border-left-color:var(--danger);background:#f871711a}.help-callout strong{color:var(--text-strong)}@media (max-width: 575px){.ant-picker-dropdown{position:fixed!important;left:8px!important;right:8px!important;width:auto!important;max-width:none!important;transform:none!important}.ant-picker-dropdown .ant-picker-panel-container{width:auto!important;max-width:none!important;box-shadow:0 6px 16px #0000001f}.ant-picker-dropdown .ant-picker-panels{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;min-width:0!important}.ant-picker-dropdown .ant-picker-panel{min-width:0!important}.ant-picker-dropdown .ant-picker-header{padding:0 4px}.ant-picker-dropdown .ant-picker-content{width:100%}}.help-tip{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:4px;border-radius:50%;color:var(--text-muted);cursor:help;vertical-align:middle;transition:color .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}.help-tip:hover{color:var(--accent);transform:scale(1.15)}.help-tip:focus-visible{color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 575px){.help-tip{width:44px;height:44px;margin:-12px 0 -12px -6px}}