:root{--brand-50:#eef3ff;--brand-100:#dce6ff;--brand-200:#b9ccff;--brand-400:#5b82f7;--brand-500:#3b63f3;--brand-600:#2b4fd8;--brand-700:#2340ad;--n-0:#ffffff;--n-25:#fbfcfe;--n-50:#f6f8fb;--n-100:#eef1f6;--n-200:#e2e7ef;--n-300:#cbd3e1;--n-400:#9aa7bd;--n-500:#6b7a94;--n-600:#4d5b73;--n-700:#37435a;--n-800:#232d40;--n-900:#141b2d;--n-950:#0c1120;--ok:#12a05c;--ok-bg:#e5f7ee;--run:#2b6ef2;--run-bg:#e8effe;--warn:#d97a08;--warn-bg:#fdf1df;--err:#dc3d43;--err-bg:#fdeaea;--idle:#6b7a94;--idle-bg:#eef1f6;--purple:#7c4dd8;--purple-bg:#f1eafc;--c1:#3b63f3;--c2:#12a05c;--c3:#d97a08;--c4:#dc3d43;--c5:#7c4dd8;--c6:#0e9db3;--bg:var(--n-50);--surface:var(--n-0);--surface-2:var(--n-25);--line:var(--n-200);--line-soft:var(--n-100);--tx:var(--n-900);--tx-2:var(--n-600);--tx-3:var(--n-400);--sidebar-bg:#101728;--sidebar-tx:#8e9bb4;--sidebar-hi:#ffffff;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 2px rgba(16,24,40,.06);--shadow-md:0 4px 12px rgba(16,24,40,.08);--shadow-lg:0 12px 32px rgba(16,24,40,.16);--font:"Pretendard","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Malgun Gothic",sans-serif;--mono:"JetBrains Mono","SF Mono",Consolas,"D2Coding",monospace}[data-theme=dark]{--bg:#0c1120;--surface:#141b2d;--surface-2:#18203552;--line:#232d40;--line-soft:#1c2536;--tx:#eef1f6;--tx-2:#9aa7bd;--tx-3:#5d6b85;--sidebar-bg:#0a0f1c;--ok-bg:#0f2b1e;--run-bg:#14224a;--warn-bg:#33260e;--err-bg:#361518;--idle-bg:#1c2536;--purple-bg:#251743;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 12px rgba(0,0,0,.5);--shadow-lg:0 12px 32px rgba(0,0,0,.6)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--tx);font-size:14px;line-height:1.5;overflow:hidden;transition:background .25s}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:13px;color:var(--tx)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--n-300);border-radius:6px;border:2px solid transparent;background-clip:content-box}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--n-700);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-columns:236px 1fr;height:100vh}.main{display:flex;flex-direction:column;min-width:0}.content{flex:1;overflow-y:auto;padding:24px 28px 60px}.sidebar{background:var(--sidebar-bg);display:flex;flex-direction:column;color:var(--sidebar-tx);-webkit-user-select:none;-moz-user-select:none;user-select:none}.logo{display:flex;align-items:center;gap:10px;padding:18px 20px 16px;border-bottom:1px solid rgba(255,255,255,.07)}.logo-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#3b63f3,#7c4dd8);display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-mark svg{width:18px;height:18px}.logo-name{font-size:16px;font-weight:800;color:#fff;letter-spacing:-.02em}.logo-name span{color:#5b82f7}.logo-ver{font-size:10px;color:#5d6b85;margin-top:1px}.nav{flex:1;overflow-y:auto;padding:14px 12px}.nav-sec{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#4d5b73;padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:8.5px 10px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--sidebar-tx);transition:all .15s;position:relative;text-align:left}.nav-item:hover{background:#ffffff0d;color:#dbe2ee}.nav-item.active{background:linear-gradient(90deg,#3b63f338,#3b63f314);color:#fff}.nav-item.active:before{content:"";position:absolute;left:-12px;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--brand-400)}.nav-item svg{width:17px;height:17px;flex-shrink:0;opacity:.85}.nav-badge{margin-left:auto;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:20px;background:var(--brand-500);color:#fff}.nav-badge.red{background:var(--err)}.sidebar-foot{padding:14px 16px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0e9db3,#12a05c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.sf-name{font-size:12.5px;font-weight:600;color:#dbe2ee}.sf-role{font-size:11px;color:#5d6b85}.topbar{height:58px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 24px;flex-shrink:0}.crumb{font-size:13px;color:var(--tx-3)}.crumb b{color:var(--tx);font-weight:700;font-size:15px}.top-search{flex:1;max-width:420px;position:relative}.top-search input{width:100%;padding:8px 12px 8px 34px;border:1px solid var(--line);border-radius:8px;background:var(--bg);outline:none;transition:border .15s}.top-search input:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px #3b63f31f}.top-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--tx-3)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-btn{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--tx-2);transition:all .15s;position:relative}.icon-btn:hover{background:var(--n-100);color:var(--tx)}[data-theme=dark] .icon-btn:hover{background:var(--n-800)}.icon-btn svg{width:17px;height:17px}.dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--err);border:1.5px solid var(--surface)}.env-chip{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:20px;background:var(--ok-bg);color:var(--ok)}.env-chip .pulse{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pulse 1.6s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #12a05c80}50%{box-shadow:0 0 0 5px #12a05c00}}.view{display:none;animation:fadeIn .22s ease}.view.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.page-title{font-size:20px;font-weight:800;letter-spacing:-.02em}.page-sub{font-size:13px;color:var(--tx-2);margin-top:3px}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;transition:all .15s;border:1px solid transparent;white-space:nowrap}.btn svg{width:15px;height:15px}.btn-pri{background:var(--brand-500);color:#fff;box-shadow:var(--shadow-sm)}.btn-pri:hover{background:var(--brand-600)}.btn-sec{background:var(--surface);border-color:var(--line);color:var(--tx)}.btn-sec:hover{border-color:var(--n-300);background:var(--n-50)}[data-theme=dark] .btn-sec:hover{background:var(--n-800)}.btn-ghost{color:var(--tx-2)}.btn-ghost:hover{background:var(--n-100);color:var(--tx)}[data-theme=dark] .btn-ghost:hover{background:var(--n-800)}.btn-danger{background:var(--err-bg);color:var(--err)}.btn-danger:hover{background:var(--err);color:#fff}.btn-sm{padding:5px 10px;font-size:12px;border-radius:7px}.btn:disabled{opacity:.45;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line-soft)}.card-title{font-size:14px;font-weight:700}.card-sub{font-size:12px;color:var(--tx-3);font-weight:400;margin-left:8px}.card-body{padding:18px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.b-run{background:var(--run-bg);color:var(--run)}.b-run:before{animation:pulse2 1.2s infinite}@keyframes pulse2{50%{opacity:.3}}.b-ok{background:var(--ok-bg);color:var(--ok)}.b-err{background:var(--err-bg);color:var(--err)}.b-warn{background:var(--warn-bg);color:var(--warn)}.b-idle{background:var(--idle-bg);color:var(--idle)}.b-purple{background:var(--purple-bg);color:var(--purple)}.badge.no-dot:before{display:none}.tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;background:var(--n-100);color:var(--tx-2)}[data-theme=dark] .tag{background:var(--n-800)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:14px;margin-bottom:20px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.kpi-label{font-size:12px;font-weight:600;color:var(--tx-2);display:flex;align-items:center;gap:6px}.kpi-label svg{width:14px;height:14px}.kpi-val{font-size:26px;font-weight:800;letter-spacing:-.03em;margin-top:6px;font-variant-numeric:tabular-nums}.kpi-val small{font-size:13px;font-weight:600;color:var(--tx-3);margin-left:2px}.kpi-delta{font-size:11.5px;font-weight:700;margin-top:5px;display:flex;align-items:center;gap:4px}.up{color:var(--ok)}.down{color:var(--err)}.flat{color:var(--tx-3)}.kpi-spark{position:absolute;right:10px;bottom:8px;opacity:.9}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--tx-3);padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface-2);white-space:nowrap}.tbl td{padding:11px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.tbl tbody tr{transition:background .12s}.tbl tbody tr:hover{background:var(--n-50)}[data-theme=dark] .tbl tbody tr:hover{background:#18213599}.tbl tbody tr.clickable{cursor:pointer}.tbl .mono{font-family:var(--mono);font-size:12px}.t-name{font-weight:600}.t-sub{font-size:11.5px;color:var(--tx-3);margin-top:1px}.t-num{font-variant-numeric:tabular-nums;text-align:right}th.t-num{text-align:right}.prog{height:6px;border-radius:4px;background:var(--n-100);overflow:hidden;min-width:70px}[data-theme=dark] .prog{background:var(--n-800)}.prog>i{display:block;height:100%;border-radius:4px;background:var(--run);transition:width .5s ease}.prog>i.ok{background:var(--ok)}.prog>i.err{background:var(--err)}.prog>i.warn{background:var(--warn)}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.chip{padding:6px 13px;border-radius:20px;font-size:12.5px;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--tx-2);transition:all .15s}.chip:hover{border-color:var(--brand-400);color:var(--brand-500)}.chip.on{background:var(--brand-500);border-color:var(--brand-500);color:#fff}.chip b{margin-left:4px;opacity:.75;font-weight:700}.search-inline{position:relative;margin-left:auto}.search-inline input{padding:7px 12px 7px 32px;border:1px solid var(--line);border-radius:8px;background:var(--surface);outline:none;width:230px;transition:border .15s}.search-inline input:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px #3b63f31f}.search-inline svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--tx-3)}.sel{padding:7px 30px 7px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7a94' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;cursor:pointer}.tgl{position:relative;width:38px;height:21px;flex-shrink:0;cursor:pointer}.tgl input{opacity:0;width:0;height:0}.tgl i{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--n-300);border-radius:20px;transition:.2s}[data-theme=dark] .tgl i{background:var(--n-700)}.tgl i:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s;box-shadow:0 1px 3px #00000040}.tgl input:checked+i{background:var(--brand-500)}.tgl input:checked+i:after{left:20px}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:600;margin-bottom:6px;color:var(--tx-2)}.field label .req{color:var(--err)}.field input[type=text],.field input[type=number],.field input[type=url],.field input[type=password],.field select,.field textarea{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);outline:none;transition:border .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px #3b63f31f}.field .hint{font-size:11.5px;color:var(--tx-3);margin-top:5px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.radio-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.radio-card{border:1.5px solid var(--line);border-radius:10px;padding:13px 14px;cursor:pointer;transition:all .15s;background:var(--surface)}.radio-card:hover{border-color:var(--brand-200)}.radio-card.on{border-color:var(--brand-500);background:var(--brand-50)}[data-theme=dark] .radio-card.on{background:#14224a}.radio-card .rc-t{font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px}.radio-card .rc-d{font-size:11.5px;color:var(--tx-3);margin-top:4px;line-height:1.45}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c112073;opacity:0;pointer-events:none;transition:opacity .25s;z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay.show{opacity:1;pointer-events:auto}.panel{position:fixed;top:0;right:-760px;width:740px;max-width:94vw;height:100vh;background:var(--surface);box-shadow:var(--shadow-lg);transition:right .3s cubic-bezier(.32,.72,.35,1);z-index:70;display:flex;flex-direction:column}.panel.show{right:0}.panel-head{padding:18px 22px 0;border-bottom:1px solid var(--line)}.panel-body{flex:1;overflow-y:auto;padding:20px 22px}.tabs{display:flex;gap:2px;margin-top:14px}.tab{padding:9px 15px;font-size:13px;font-weight:600;color:var(--tx-2);border-bottom:2px solid transparent;transition:all .15s}.tab:hover{color:var(--tx)}.tab.on{color:var(--brand-500);border-bottom-color:var(--brand-500)}.tab-pane{display:none}.tab-pane.on{display:block;animation:fadeIn .18s ease}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:none;align-items:center;justify-content:center;padding:24px}.modal-wrap.show{display:flex}.modal{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg);width:820px;max-width:96vw;max-height:92vh;display:flex;flex-direction:column;animation:pop .25s cubic-bezier(.32,.72,.35,1)}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.modal-title{font-size:16px;font-weight:800}.modal-body{flex:1;overflow-y:auto;padding:22px}.modal-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-top:1px solid var(--line)}.steps{display:flex;gap:0;margin-bottom:22px}.step{flex:1;text-align:center;position:relative;padding-top:26px}.step:before{content:attr(data-n);position:absolute;top:0;left:50%;transform:translate(-50%);width:22px;height:22px;border-radius:50%;background:var(--n-100);color:var(--tx-3);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:2;border:2px solid var(--surface)}[data-theme=dark] .step:before{background:var(--n-800)}.step:after{content:"";position:absolute;top:11px;left:calc(-50% + 13px);right:calc(50% + 13px);height:2px;background:var(--n-200)}[data-theme=dark] .step:after{background:var(--n-700)}.step:first-child:after{display:none}.step span{font-size:11.5px;font-weight:600;color:var(--tx-3)}.step.done:before{background:var(--ok);color:#fff;content:"✓"}.step.on:before{background:var(--brand-500);color:#fff}.step.on span{color:var(--brand-500)}.step.done span{color:var(--ok)}.wiz-pane{display:none}.wiz-pane.on{display:block;animation:fadeIn .2s ease}.toasts{position:fixed;bottom:24px;right:24px;z-index:100;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:11px;background:var(--n-900);color:#fff;padding:12px 18px 12px 14px;border-radius:11px;box-shadow:var(--shadow-lg);font-size:13px;font-weight:500;animation:toastIn .3s cubic-bezier(.32,.72,.35,1);max-width:400px}[data-theme=dark] .toast{background:var(--n-100);color:var(--n-900)}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.toast.out{animation:toastOut .3s forwards}@keyframes toastOut{to{opacity:0;transform:translate(40px)}}.toast-ic{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-ic.ok{background:var(--ok)}.toast-ic.err{background:var(--err)}.toast-ic.info{background:var(--brand-500)}.toast-ic.warn{background:var(--warn)}.toast-ic svg{width:14px;height:14px;color:#fff}.log-box{background:#0c1120;border-radius:12px;font-family:var(--mono);font-size:12px;line-height:1.75;padding:16px 18px;overflow-y:auto;color:#9aa7bd}.log-line{white-space:pre-wrap;word-break:break-all}.log-line .lt{color:#4d5b73}.lv{display:inline-block;width:52px;font-weight:700}.lv-INFO{color:#5b82f7}.lv-WARN{color:#e8a33d}.lv-ERROR{color:#f26d6d}.lv-DEBUG{color:#6b7a94}.log-line .lm{color:#cbd5e6}.log-line em{color:#7ee0a3;font-style:normal}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-23{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.mt16{margin-top:16px}.mt20{margin-top:20px}.mb14{margin-bottom:14px}.muted{color:var(--tx-3);font-size:12px}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line-soft);font-size:13px}.stat-row:last-child{border:none}.stat-row b{font-variant-numeric:tabular-nums}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--tx-2)}.legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px}.health-bar{display:flex;gap:2px}.health-bar i{width:6px;height:16px;border-radius:2px;background:var(--n-200)}.health-bar i.h{background:var(--ok)}.health-bar i.m{background:var(--warn)}.health-bar i.l{background:var(--err)}.kbd{font-family:var(--mono);font-size:11px;background:var(--n-100);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 6px;color:var(--tx-2)}[data-theme=dark] .kbd{background:var(--n-800)}.code-inline{font-family:var(--mono);font-size:12px;background:var(--n-100);padding:2px 7px;border-radius:5px;color:var(--purple)}[data-theme=dark] .code-inline{background:var(--n-800)}.empty{text-align:center;padding:48px 20px;color:var(--tx-3)}.empty svg{width:40px;height:40px;margin-bottom:10px;opacity:.5}.arch-node{fill:var(--surface);stroke:var(--line);rx:10}.arch-label{font-size:12px;font-weight:700;fill:var(--tx)}.arch-sub{font-size:9.5px;fill:var(--tx-3)}.arch-flow{stroke:var(--n-300);stroke-width:1.5;fill:none;marker-end:url(#arrow)}.step-line{display:flex;align-items:flex-start;gap:10px}.step-badge{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--brand-500);color:#fff;font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center}.step-title{font-size:14px;font-weight:700;color:var(--tx)}.step-sub{font-size:11.5px;color:var(--tx-3);margin-top:1px}.pick-banner{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:9px;font-size:12px;background:var(--surface-2);border:1px solid var(--line-soft);color:var(--tx-2);margin-bottom:2px}.pick-banner svg{width:15px;height:15px;flex-shrink:0}.pick-banner.on{background:var(--brand-50);border-color:var(--brand-200);color:var(--brand-700)}.pick-banner b{font-weight:700}.tmpl-btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer;transition:.12s}.tmpl-btn:hover{border-color:var(--brand-400);background:var(--brand-50)}.tmpl-ic{flex-shrink:0;width:28px;height:28px;border-radius:7px;background:var(--brand-50);color:var(--brand-500);display:flex;align-items:center;justify-content:center}.pk-field{border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:var(--surface)}.pk-field.binding{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-50)}.pk-field-ic{flex-shrink:0;width:24px;height:24px;border-radius:6px;background:var(--brand-50);color:var(--brand-500);display:flex;align-items:center;justify-content:center}.bind-btn{width:100%;margin-top:8px;justify-content:center}.pk-field-val{font-size:12px;margin-top:7px;padding:6px 9px;border-radius:7px;background:var(--surface-2);border:1px solid var(--line-soft);word-break:break-all}.link-sm{background:none;border:none;color:var(--tx-3);font-size:11px;cursor:pointer;padding:4px 0 0;text-decoration:underline}.result-preview{width:100%;border-collapse:collapse;font-size:12.5px}.result-preview th{text-align:left;font-weight:600;color:var(--tx-2);padding:7px 10px 7px 0;white-space:nowrap;vertical-align:top;width:1%;border-bottom:1px dashed var(--line-soft)}.result-preview td{padding:7px 0;color:var(--tx);word-break:break-all;border-bottom:1px dashed var(--line-soft)}.result-preview tr:last-child th,.result-preview tr:last-child td{border-bottom:none}@media (max-width:1100px){.app{grid-template-columns:64px 1fr}.logo-name,.logo-ver,.nav-sec,.nav-item span,.nav-badge,.sf-name,.sf-role{display:none}.nav-item{justify-content:center}.grid-2,.grid-3,.grid-23,.field-row{grid-template-columns:1fr}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.break-all{word-break:break-all}.border{border-width:1px}.line-through{text-decoration-line:line-through}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.landing{overflow-y:auto;height:100vh;background:var(--bg);color:var(--tx)}.lp-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;padding:14px 40px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}.lp-nav .lp-brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;letter-spacing:-.02em}.lp-nav .lp-brand span{color:var(--brand-500)}.lp-nav .lp-links{margin-left:auto;display:flex;align-items:center;gap:22px}.lp-nav .lp-links a{font-size:13.5px;font-weight:600;color:var(--tx-2);text-decoration:none;transition:color .15s}.lp-nav .lp-links a:hover{color:var(--tx)}.lp-hero{text-align:center;padding:96px 24px 72px;max-width:880px;margin:0 auto}.lp-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;padding:5px 13px;border-radius:20px;background:var(--brand-50);color:var(--brand-600);margin-bottom:22px}[data-theme=dark] .lp-eyebrow{background:#14224a}.lp-hero h1{font-size:52px;line-height:1.08;font-weight:800;letter-spacing:-.03em}.lp-hero h1 .grad{background:linear-gradient(120deg,var(--brand-500),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.lp-hero p{font-size:18px;color:var(--tx-2);margin:22px auto 34px;max-width:640px;line-height:1.6}.lp-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-lg{padding:12px 24px;font-size:15px;border-radius:10px}.lp-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;max-width:960px;margin:0 auto;padding:40px 24px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.lp-stat{text-align:center}.lp-stat .v{font-size:34px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.lp-stat .l{font-size:13px;color:var(--tx-2);margin-top:4px}.lp-section{max-width:1080px;margin:0 auto;padding:80px 24px}.lp-section>.lp-head{text-align:center;margin-bottom:48px}.lp-head h2{font-size:34px;font-weight:800;letter-spacing:-.02em}.lp-head p{font-size:16px;color:var(--tx-2);margin-top:12px}.lp-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.lp-feature{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s}.lp-feature:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.lp-feature .ic{width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,var(--brand-500),var(--purple));display:flex;align-items:center;justify-content:center;margin-bottom:16px}.lp-feature .ic svg{width:22px;height:22px;color:#fff}.lp-feature h3{font-size:16px;font-weight:700}.lp-feature p{font-size:13.5px;color:var(--tx-2);margin-top:8px;line-height:1.6}.lp-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.lp-plan{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px 24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.lp-plan.featured{border-color:var(--brand-500);box-shadow:0 0 0 3px #3b63f31f}.lp-plan .pname{font-size:15px;font-weight:700}.lp-plan .price{font-size:38px;font-weight:800;letter-spacing:-.03em;margin:12px 0 4px}.lp-plan .price small{font-size:14px;font-weight:600;color:var(--tx-3)}.lp-plan ul{list-style:none;margin:18px 0 24px;display:flex;flex-direction:column;gap:10px}.lp-plan li{font-size:13.5px;color:var(--tx-2);display:flex;align-items:center;gap:8px}.lp-plan li svg{width:15px;height:15px;color:var(--ok);flex-shrink:0}.lp-plan .btn{margin-top:auto;justify-content:center}.lp-arch{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm);text-align:center}.lp-arch .flow{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.lp-arch .node{padding:12px 18px;border-radius:10px;border:1.5px solid var(--line);font-size:13px;font-weight:700;background:var(--surface-2)}.lp-arch .arw{color:var(--tx-3);font-weight:700}.lp-logos{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;opacity:.7;font-size:18px;font-weight:800;color:var(--tx-3)}.lp-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:40px}.lp-quote{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.lp-quote p{font-size:14px;line-height:1.7;color:var(--tx)}.lp-quote .who{margin-top:16px;font-size:12.5px;color:var(--tx-3);font-weight:600}.lp-footer{border-top:1px solid var(--line-soft);padding:40px 24px;text-align:center;color:var(--tx-3);font-size:13px}@media (max-width: 700px){.lp-hero h1{font-size:38px}.lp-nav{padding:12px 20px}.lp-nav .lp-links a:not(.btn){display:none}}.login-wrap{height:100vh;display:grid;place-items:center;background:var(--bg);padding:24px}.login-card{width:400px;max-width:100%;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:32px 30px}.login-card .lc-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}.login-card .lc-brand span{color:var(--brand-500)}.login-card .lc-sub{font-size:13px;color:var(--tx-2);margin-bottom:24px}.login-card .btn-block{width:100%;justify-content:center;padding:11px;font-size:14px}.login-hint{margin-top:20px;padding:14px;border-radius:10px;background:var(--surface-2);border:1px dashed var(--line);font-size:12px;color:var(--tx-2);line-height:1.7}.login-hint b{color:var(--tx)}.login-err{margin-bottom:14px;padding:10px 12px;border-radius:8px;background:var(--err-bg);color:var(--err);font-size:12.5px;font-weight:600}