*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--accent-2);text-decoration:none}a:hover{color:var(--accent)}:root,[data-theme=dark]{--bg:#0F1117;--surface:#161922;--surface-2:#1B1F2A;--surface-3:#232838;--border:#242a37;--border-2:#2f3646;--text:#E6E8EE;--text-dim:#98A0B3;--faint:#626B80;--accent:#6366F1;--accent-2:#818CF8;--accent-dim:rgba(99,102,241,.14);--accent-bd:rgba(99,102,241,.4);--green:#37C77E;--green-dim:rgba(55,199,126,.13);--red:#E5645B;--red-dim:rgba(229,100,91,.13);--amber:#DBA24C;--amber-dim:rgba(219,162,76,.14);--blue:#4F9DE0;--blue-dim:rgba(79,157,224,.13);--sidebar:#0A0C11;--sidebar-bd:#171A22;--shadow:0 1px 2px rgba(0,0,0,.4),0 12px 34px rgba(0,0,0,.35)}[data-theme=light]{--bg:#F3F4F7;--surface:#FFFFFF;--surface-2:#F6F7FA;--surface-3:#EDEFF4;--border:#E5E8EF;--border-2:#D6DAE4;--text:#141824;--text-dim:#5A6276;--faint:#98A0B2;--accent-dim:rgba(99,102,241,.1);--accent-bd:rgba(99,102,241,.32);--green-dim:rgba(55,199,126,.12);--red-dim:rgba(229,100,91,.11);--amber-dim:rgba(219,162,76,.15);--blue-dim:rgba(79,157,224,.11);--sidebar:#0A0C11;--sidebar-bd:#171A22;--shadow:0 1px 2px rgba(20,24,35,.06),0 12px 30px rgba(20,24,35,.08)}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.pos{color:var(--green)}.neg{color:var(--red)}.muted{color:var(--text-dim)}.faint{color:var(--faint)}.ic{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-columns:236px 1fr;height:100vh;overflow:hidden}.sidebar{background:var(--sidebar);border-right:1px solid var(--sidebar-bd);display:flex;flex-direction:column;padding:15px 12px;color:#c4cad8}.brand{display:flex;align-items:center;gap:11px;padding:5px 8px 16px}.brand-logo{width:31px;height:31px;border-radius:9px;background:linear-gradient(135deg,#818cf8,#4f46e5);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px}.brand-name{font-weight:700;font-size:16px;letter-spacing:.02em;color:#fff}.brand-sub{font-size:10px;color:#5b6478;letter-spacing:.16em;text-transform:uppercase;font-weight:600}.nav{display:flex;flex-direction:column;gap:1px;overflow-y:auto;flex:1;margin:0 -2px;padding:0 2px}.nav-sec{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#565f73;padding:15px 10px 6px;font-weight:700}.navitem{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:8px;color:#8b93a7;font-size:13.5px;font-weight:500;cursor:pointer;border:0;background:none;width:100%;text-align:left;position:relative;font-family:inherit}.navitem .ic{width:17px;height:17px}.navitem:hover{background:#ffffff0b;color:#e6e8ee}.navitem[data-active=true]{background:var(--accent-dim);color:#fff}.navitem[data-active=true] .ic{color:var(--accent-2)}.navitem[data-active=true]:before{content:"";position:absolute;left:-12px;top:9px;bottom:9px;width:3px;background:var(--accent);border-radius:0 3px 3px 0}.nav-badge{margin-left:auto;font-size:10px;font-weight:700;background:var(--surface-3);color:var(--text-dim);padding:1px 6px;border-radius:6px}.nav-foot{border-top:1px solid var(--sidebar-bd);padding-top:11px;margin-top:8px;display:flex;flex-direction:column;gap:9px}.acct{display:flex;align-items:center;gap:10px;padding:6px 4px}.main{display:flex;flex-direction:column;overflow:hidden}.topbar{height:60px;flex-shrink:0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 22px;background:var(--surface)}.content{overflow-y:auto;padding:22px 24px 60px;flex:1;animation:fadeUp .28s ease}.page-h{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.page-t{font-size:21px;font-weight:680;letter-spacing:-.015em}.page-sub{font-size:13px;color:var(--text-dim);margin-top:4px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px}.card-h{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-t{font-size:14px;font-weight:640}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:15px 16px;display:flex;flex-direction:column;gap:10px}.kpi-label{font-size:12px;color:var(--text-dim);font-weight:550;display:flex;align-items:center;gap:7px}.kpi-label .ic{width:14px;height:14px;color:var(--faint)}.kpi-val{font-size:25px;font-weight:600;letter-spacing:-.02em}.kpi-delta{font-size:12px;font-weight:650;display:inline-flex;align-items:center;gap:2px}.kpi-delta .ic{width:13px;height:13px}.dt{width:100%;border-collapse:collapse;font-size:13px}.dt th{text-align:left;padding:10px 14px;font-size:11px;font-weight:650;color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}.dt th.s{cursor:pointer}.dt th.s:hover{color:var(--text)}.dt th.num,.dt td.num{text-align:right}.dt td{padding:11px 14px;border-bottom:1px solid var(--border);white-space:nowrap;color:var(--text)}.dt tbody tr{transition:background .1s}.dt.click tbody tr{cursor:pointer}.dt tbody tr:hover{background:var(--surface-2)}.dt tbody tr:last-child td{border-bottom:0}.sortarr{color:var(--accent-2);margin-left:4px;font-size:10px}.app[data-compact=true] .dt td{padding:7px 14px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:650;line-height:1.5}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge.nodot:before{display:none}.b-active,.b-sale{color:var(--green);background:var(--green-dim)}.b-paused,.b-hold,.b-pending,.b-verifying,.b-issuing{color:var(--amber);background:var(--amber-dim)}.b-archived,.b-none{color:var(--faint);background:var(--surface-3)}.b-error,.b-rejected,.b-failed{color:var(--red);background:var(--red-dim)}.b-lead{color:var(--blue);background:var(--blue-dim)}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border-2);background:var(--surface-2);color:var(--text);font-family:inherit}.btn:hover{background:var(--surface-3)}.btn .ic{width:15px;height:15px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#5457e5}.btn-sm{padding:6px 10px;font-size:12px}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;position:relative}.icon-btn:hover{color:var(--text);background:var(--surface-2)}.icon-btn .ic{width:17px;height:17px}.dot-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--red);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface)}.input,.select{height:36px;border-radius:9px;border:1px solid var(--border-2);background:var(--surface-2);color:var(--text);padding:0 12px;font-size:13px;font-family:inherit;outline:none}.input:focus,.select:focus{border-color:var(--accent-bd)}.field-l{font-size:12px;font-weight:600;color:var(--text-dim);margin-bottom:6px;display:block}.search{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:0 12px;height:36px;color:var(--faint);width:250px}.search input{border:0;background:none;outline:none;color:var(--text);font-size:13px;font-family:inherit;width:100%}.search .ic{width:16px;height:16px}.segment{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:3px;gap:2px}.seg{padding:6px 11px;border-radius:6px;font-size:12.5px;font-weight:600;color:var(--text-dim);cursor:pointer;border:0;background:none;font-family:inherit;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.seg[data-active=true]{background:var(--accent);color:#fff}.seg:hover:not([data-active=true]){color:var(--text)}.sw{width:38px;height:22px;border-radius:999px;background:var(--surface-3);position:relative;cursor:pointer;border:1px solid var(--border-2);flex-shrink:0}.sw[data-on=true]{background:var(--accent);border-color:var(--accent)}.sw:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;transition:left .16s}.sw[data-on=true]:after{left:18px}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#818cf8,#6366f1);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:650;font-size:13px;flex-shrink:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06080c9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:60;animation:fade .15s;padding:24px}.modal{background:var(--surface);border:1px solid var(--border-2);border-radius:14px;box-shadow:var(--shadow);width:560px;max-width:100%;max-height:88vh;overflow:auto;animation:pop .18s ease}.modal-h{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--surface);z-index:2}.kv{display:grid;grid-template-columns:130px 1fr;gap:0}.kv>div{padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}.kv .k{color:var(--text-dim);font-weight:550}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;color:var(--text-dim)}.thumb{background:repeating-linear-gradient(45deg,var(--surface-2),var(--surface-2) 9px,var(--surface-3) 9px,var(--surface-3) 18px);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:11px}.dropzone{border:1.6px dashed var(--border-2);border-radius:12px;padding:26px;text-align:center;color:var(--text-dim);background:var(--surface-2)}.stage-bar{background:var(--accent-dim);border:1px solid var(--accent-bd);border-radius:10px;padding:13px 12px;text-align:center;flex:1}.gap-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 4px;color:var(--faint);min-width:58px}.rule-cond{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:7px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;font-family:JetBrains Mono,monospace}.op{color:var(--accent-2);font-weight:600}.node{background:var(--surface-2);border:1px solid var(--border-2);border-radius:10px;padding:11px 13px;min-width:130px;text-align:center;position:relative}.pill{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;background:var(--surface-3);color:var(--text-dim)}.tt{position:absolute;transform:translate(-50%);background:var(--surface-3);border:1px solid var(--border-2);border-radius:8px;padding:8px 11px;font-size:12px;pointer-events:none;box-shadow:var(--shadow);white-space:nowrap;z-index:5}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.grid-kpi{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}@media (max-width:1240px){.grid-kpi{grid-template-columns:repeat(3,1fr)}}.sk{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite;border-radius:6px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.empty{text-align:center;padding:52px 20px;color:var(--text-dim)}.empty svg{width:34px;height:34px;color:var(--faint);margin-bottom:12px}.auth{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;grid-template-columns:1.05fr .95fr;background:var(--bg);animation:fade .2s}.auth-hero{background:linear-gradient(150deg,#141726,#0a0c11);border-right:1px solid var(--sidebar-bd);padding:44px;display:flex;flex-direction:column;justify-content:space-between;color:#e6e8ee;position:relative;overflow:hidden}.auth-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.35),transparent 70%);top:-120px;right:-120px}.auth-form{display:flex;align-items:center;justify-content:center;padding:44px}.auth-card{width:100%;max-width:360px}.auth-tab{flex:1;padding:9px;text-align:center;font-size:13px;font-weight:600;color:var(--text-dim);cursor:pointer;border-bottom:2px solid var(--border)}.auth-tab[data-active=true]{color:var(--text);border-color:var(--accent)}.err{color:var(--red);font-size:12px;margin-top:6px;display:flex;align-items:center;gap:6px}.input.bad{border-color:var(--red)}@media (max-width:820px){.auth{grid-template-columns:1fr}.auth-hero{display:none}}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.grow{flex:1}.gap-6{gap:6px}.gap-14{gap:14px}.gap-18{gap:18px}.mt-14{margin-top:14px}.mt-20{margin-top:20px}.w-full{width:100%}.stepper{display:flex;align-items:center;gap:8px;margin-bottom:22px;flex-wrap:wrap}.step{display:flex;align-items:center;gap:9px;padding:8px 13px;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);font-size:13px;font-weight:600}.step[data-active=true]{border-color:var(--accent-bd);background:var(--accent-dim);color:var(--text)}.step[data-done=true]{color:var(--green)}.step-n{width:20px;height:20px;border-radius:50%;background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.step[data-active=true] .step-n{background:var(--accent);color:#fff}.dns-rec{display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);font-family:JetBrains Mono,monospace;font-size:12.5px}.toast{position:fixed;bottom:22px;right:22px;background:var(--surface-3);border:1px solid var(--border-2);border-radius:10px;padding:12px 16px;font-size:13px;box-shadow:var(--shadow);z-index:100;animation:pop .18s ease;display:flex;align-items:center;gap:9px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.navitem.active{background:var(--accent-dim);color:#fff}.navitem.active .ic{color:var(--accent-2)}.navitem.active:before{content:"";position:absolute;left:-12px;top:9px;bottom:9px;width:3px;background:var(--accent);border-radius:0 3px 3px 0}a.navitem{text-decoration:none}