:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}:root{--bg:#f7f7f8;--surface:#fff;--line:#e0e0e0;--ink:#1a1a1a;--muted:#6b6b6b;--ink-strong:#1f1f24;--green:#1f7a4d;--green-bg:#e6f4ec;--amber:#a36b00;--amber-bg:#fbf1de;--grey-bg:#ededf0;--red:#b2261e;--red-bg:#fdecea;--info-ink:#21548c;--info-bg:#e8f0fa;--info-line:#c7d6ed;--r-sm:6px;--r-md:9px;--r-lg:10px;--r-xl:14px;--r-card:16px;--shadow-card:0 8px 24px 0 #0000000f;--shadow-pop:0 14px 34px 0 #00000029;--shadow-modal:0 18px 48px 0 #0000004d;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}button{font-family:inherit}.portal{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.portal-header{background:var(--surface);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:14px;height:64px;padding:0 32px;display:flex}.brand{align-items:center;gap:9px;display:flex}.brand .mark{background:var(--ink-strong);border-radius:7px;width:26px;height:26px}.brand strong{letter-spacing:-.2px;font-size:18px;font-weight:700}.brand .tag{color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:3px 8px;font-size:12px;font-weight:500}.header-spacer{flex:1;min-width:0}.operator{align-items:center;gap:8px;display:flex}.operator .av{width:28px;height:28px;color:var(--ink);background:#d1d6e0;border-radius:999px;place-items:center;font-size:11px;font-weight:600;display:grid}.operator .nm{font-size:13px;font-weight:500}.tenant-switcher{position:relative}.tenant-switcher>.tbtn{cursor:pointer;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);align-items:center;gap:8px;padding:8px 12px;display:flex}.tenant-switcher>.tbtn:disabled{cursor:default}.tenant-switcher .tsq{background:#d9ccb2;border-radius:5px;flex-shrink:0;width:20px;height:20px}.tenant-switcher .tname{color:var(--ink);font-size:13px;font-weight:600}.tenant-switcher .tcar{color:var(--muted);font-size:11px}.tenant-dropdown{z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);width:300px;box-shadow:var(--shadow-pop);padding:8px;position:absolute;top:calc(100% + 6px);right:0}.tenant-dropdown .ttitle{color:var(--muted);letter-spacing:.3px;padding:8px 8px 6px;font-size:12px;font-weight:600}.tenant-dropdown .titem{text-align:left;cursor:pointer;border-radius:var(--r-md);background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:10px 8px;display:flex}.tenant-dropdown .titem:hover,.tenant-dropdown .titem.active{background:var(--bg)}.tenant-dropdown .titem .tsq{width:26px;height:26px}.tenant-dropdown .titem .lc{flex:1;min-width:0}.tenant-dropdown .titem .lc .tt{font-size:14px;font-weight:600}.tenant-dropdown .titem .lc .sub{color:var(--muted);font-size:12px}.tenant-dropdown .titem .tick{color:var(--green);font-weight:700}.portal-nav{background:var(--surface);border-bottom:1px solid var(--line);gap:4px;padding:0 32px;display:flex}.portal-nav button{cursor:pointer;color:var(--muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:10px;padding:14px 6px 0;font-size:14px;font-weight:500;display:flex;position:relative}.portal-nav button .bar{background:0 0;border-radius:2px;width:100%;min-width:60px;height:2.5px}.portal-nav button.active{color:var(--ink);font-weight:600}.portal-nav button.active .bar{background:var(--ink-strong)}.portal-main{flex-direction:column;flex:1;gap:18px;padding:28px 32px 40px;display:flex}.page-head{align-items:center;gap:16px;display:flex}.page-head .lc{flex:1;min-width:0}.page-head .crumb{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-bottom:4px;padding:0;font-size:12px;font-weight:500;display:inline-block}.page-head h1{letter-spacing:-.3px;margin:0 0 4px;font-size:22px;font-weight:700}.page-head p{color:var(--muted);margin:0;font-size:14px}.btn{border-radius:var(--r-lg);cursor:pointer;border:0;padding:9px 14px;font-size:13px;font-weight:500}.btn.lg{padding:11px 16px;font-size:14px}.btn-primary{background:var(--ink-strong);color:#fff}.btn-ghost{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.btn-danger{background:var(--red);color:#fff}.btn:disabled{opacity:.5;cursor:default}.btn-block{justify-content:center;align-items:center;width:100%;display:flex}.linkbtn{cursor:pointer;color:var(--ink);background:0 0;border:0;padding:0;font-size:13px;font-weight:500}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl)}.card.pad{padding:22px 24px}.cols{align-items:flex-start;gap:24px;display:flex}.col-grow{flex:1;min-width:0}.section-title{margin:0 0 2px;font-size:15px;font-weight:600}.section-sub{color:var(--muted);margin:0;font-size:12px}.field{flex-direction:column;gap:6px;display:flex}.field>label,.field-label{color:var(--ink);font-size:13px;font-weight:500}.field .help{color:var(--muted);font-size:12px}.input,textarea.input,select.input{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);width:100%;font:inherit;color:var(--ink);outline:none;padding:11px 12px;font-size:14px}.input:focus,textarea.input:focus,select.input:focus{border-color:#9aa0aa}.input::placeholder,textarea.input::placeholder{color:var(--muted)}textarea.input{resize:vertical}.input:disabled,textarea.input:disabled{background:var(--bg);color:var(--muted)}.toggle{cursor:pointer;background:var(--line);border:0;border-radius:999px;flex-shrink:0;width:40px;height:23px;padding:0;transition:background .15s;position:relative}.toggle.on{background:var(--ink-strong)}.toggle:disabled{opacity:.5;cursor:default}.toggle .knob{background:#fff;border-radius:999px;width:18px;height:18px;transition:left .15s;position:absolute;top:2.5px;left:2.5px}.toggle.on .knob{left:19.5px}.toggle-row{background:var(--bg);border-radius:var(--r-lg);align-items:center;gap:12px;padding:12px 14px;display:flex}.toggle-row .lc{flex:1;min-width:0}.toggle-row .lc .tt{font-size:13px;font-weight:600}.toggle-row .lc .sub{color:var(--muted);font-size:12px}.callout{border-radius:var(--r-lg);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;display:flex}.callout.info{background:var(--info-bg);border:1px solid var(--info-line);color:var(--info-ink)}.callout .ico{font-weight:700}.callout p{margin:0;font-weight:500}.formstatus{border-radius:var(--r-lg);padding:10px 14px;font-size:13px;font-weight:500}.formstatus.ok{background:var(--green-bg);color:var(--green)}.formstatus.error{background:var(--red-bg);color:var(--red)}.muted{color:var(--muted);font-size:14px}.badge{border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge .dot{border-radius:999px;width:7px;height:7px}.badge.green{background:var(--green-bg);color:var(--green)}.badge.green .dot{background:var(--green)}.badge.amber{background:var(--amber-bg);color:var(--amber)}.badge.amber .dot{background:var(--amber)}.badge.grey{background:var(--grey-bg);color:var(--muted)}.badge.grey .dot{background:#b6b6bd}.pill{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--muted);align-items:center;padding:3px 8px;font-size:12px;font-weight:500;display:inline-flex}.list{flex-direction:column;gap:14px;display:flex}.list-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);flex-direction:column;gap:14px;padding:18px 20px;display:flex}.lc-head{align-items:center;gap:10px;display:flex}.lc-head .title{font-size:16px;font-weight:600}.lc-head .grow{flex:1;min-width:0}.lc-head .when{color:var(--muted);font-size:12px}.lc-desc{color:var(--muted);margin:0;font-size:13px}.lc-foot{align-items:center;gap:22px;display:flex}.lc-foot .grow{flex:1;min-width:0}.lc-actions{gap:10px;display:flex}.stats{align-items:center;gap:20px;display:flex}.stat{align-items:center;gap:7px;display:flex}.stat .sdot{border-radius:999px;width:8px;height:8px}.stat .sv{font-size:14px;font-weight:700}.stat .sl{color:var(--muted);font-size:13px}.dstats{gap:28px;display:flex}.dstat .dv{font-size:15px;font-weight:700}.dstat .dl{color:var(--muted);font-size:11px}.dstat.sent .dv{color:var(--green)}.dstat.failed .dv{color:var(--red)}.dstat.muted .dv{color:var(--muted)}.fieldrow{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;gap:12px;padding:12px 14px;display:flex}.fieldrow .fr-head{align-items:center;gap:10px;display:flex}.fieldrow .grip{color:var(--muted);cursor:grab;-webkit-user-select:none;user-select:none;font-weight:700}.fieldrow .fname{font-size:14px;font-weight:600}.fieldrow .grow{flex:1;min-width:0}.fieldrow .req{align-items:center;gap:7px;display:flex}.fieldrow .req span{color:var(--muted);font-size:12px;font-weight:500}.fieldrow .rm{cursor:pointer;color:var(--muted);background:0 0;border:0;font-size:14px}.fieldrow .lock{color:var(--muted);font-size:13px}.fieldrow .fr-body{gap:12px;display:flex}.fieldrow .fr-body .field{flex:1;min-width:0}.chips-input{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);flex-wrap:wrap;align-items:center;gap:8px;padding:9px 10px;display:flex}.chip-x{background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:4px 8px 4px 9px;font-size:12px;font-weight:500;display:inline-flex}.chip-x button{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:0;font-size:10px}.chips-input input{min-width:120px;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:12px}.popover-wrap{position:relative}.catalog-pop{z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);width:370px;max-height:460px;box-shadow:var(--shadow-pop);flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.catalog-pop .cp-head{flex-direction:column;gap:10px;padding:14px 14px 12px;display:flex}.catalog-pop .cp-head .t{font-size:14px;font-weight:600}.catalog-pop .cp-list{flex-direction:column;gap:2px;padding:8px;display:flex;overflow:auto}.catalog-pop .cat-label{color:var(--muted);letter-spacing:.5px;padding:8px 10px 4px;font-size:11px;font-weight:600}.catalog-pop .cat-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.catalog-pop .cat-item:hover,.catalog-pop .cat-item.on{background:var(--bg)}.catalog-pop .cat-item .box{border:1.4px solid var(--line);color:#fff;background:#fff;border-radius:5px;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:11px;display:grid}.catalog-pop .cat-item.on .box{background:var(--ink-strong);border-color:var(--ink-strong)}.catalog-pop .cat-item .nm{flex:1;min-width:0;font-size:13px;font-weight:500}.catalog-pop .cat-item .ty{color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:500}.catalog-pop .cp-foot{border-top:1px solid var(--line);align-items:center;gap:10px;padding:12px 14px 14px;display:flex}.catalog-pop .cp-foot .n{color:var(--muted);flex:1;font-size:12px;font-weight:500}.divider{background:var(--line);width:100%;height:1px}.htmled{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.htmled .bar{background:var(--bg);border-bottom:1px solid var(--line);gap:6px;padding:8px 10px;display:flex}.htmled .bar .tb{border:1px solid var(--line);width:30px;height:28px;color:var(--ink);background:#fff;border-radius:7px;place-items:center;font-size:12px;font-weight:600;display:grid}.htmled textarea{resize:vertical;width:100%;min-height:300px;font:inherit;color:var(--ink);border:0;outline:none;padding:16px;font-size:14px}.side-stat{background:var(--bg);border-radius:12px;padding:16px}.side-stat .v{font-size:26px;font-weight:700}.side-stat .l{color:var(--muted);font-size:13px}.kv{gap:8px;font-size:13px;display:flex}.kv .k{color:var(--muted);flex:1}.kv .v{font-weight:600}.side-note{background:var(--bg);border-radius:var(--r-md);color:var(--muted);padding:10px 12px;font-size:12px}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:56px 24px;display:flex}.empty-state .ei{background:var(--bg);border-radius:999px;place-items:center;width:44px;height:44px;display:grid}.empty-state h3{margin:4px 0 0;font-size:16px;font-weight:700}.empty-state p{color:var(--muted);max-width:360px;margin:0;font-size:13px}.skel{background:linear-gradient(90deg,#eee,#f5f5f5,#eee) 0 0/200% 100%;border-radius:8px;animation:1.3s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.preview{flex-direction:column;flex-shrink:0;gap:10px;width:520px;display:flex}.preview .ph{align-items:center;gap:8px;display:flex}.preview .ph .t{font-size:13px;font-weight:600}.window{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;box-shadow:0 10px 28px #00000014}.window .chrome{background:#f7f7fa;align-items:center;gap:6px;padding:10px 12px;display:flex}.window .chrome .c{border-radius:999px;width:10px;height:10px}.window .chrome .url{border:1px solid var(--line);border-radius:var(--r-sm);color:var(--muted);background:#fff;flex:1;padding:5px 10px;font-size:11px}.hosted{background:linear-gradient(140deg,#17263d 0%,#334d6b 71%) 50%/cover;justify-content:center;align-items:center;min-height:430px;padding:36px 28px;display:flex}.hosted .panel{border-radius:var(--r-card);background:#fff;flex-direction:column;gap:14px;width:320px;padding:28px 26px;display:flex;box-shadow:0 12px 30px #0000002e}.hosted .panel .logo{align-items:center;gap:8px;display:flex}.hosted .panel .logo .sq{object-fit:cover;border-radius:8px;width:30px;height:30px}.hosted .panel .logo .nm{font-size:16px;font-weight:700}.hosted .panel h2{margin:0;font-size:22px;font-weight:700}.hosted .panel .body{color:var(--muted);margin:0;font-size:13px}.hosted .panel .ip{border:1px solid var(--line);border-radius:var(--r-md);color:var(--muted);padding:12px;font-size:14px}.hosted .panel .cta{background:var(--ink-strong);color:#fff;border-radius:var(--r-md);text-align:center;padding:12px;font-size:14px;font-weight:600}.auth-screen{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);width:460px;max-width:100%;box-shadow:var(--shadow-card);flex-direction:column;gap:18px;padding:40px;display:flex}.auth-card.wide{width:500px}.auth-brand{align-items:center;gap:10px;display:flex}.auth-brand .mark{background:var(--ink-strong);border-radius:8px;width:32px;height:32px}.auth-brand strong{font-size:22px;font-weight:700}.auth-brand .tag{color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:3px 8px;font-size:12px;font-weight:500}.auth-title h1{margin:0 0 6px;font-size:24px;font-weight:700}.auth-title p{color:var(--muted);margin:0;font-size:14px}.auth-meta{background:var(--bg);border-radius:var(--r-lg);align-items:center;gap:8px;padding:10px 12px;display:flex}.auth-meta .em{flex:1;min-width:0;font-size:13px;font-weight:500}.auth-foot-note{color:var(--muted);text-align:center;margin:0;font-size:12px}.auth-error{background:var(--red-bg);color:var(--red);border-radius:var(--r-lg);padding:10px 14px;font-size:13px;font-weight:500}.key-box{background:var(--bg);border:1px solid var(--line);letter-spacing:1px;color:var(--ink);border-radius:8px;padding:8px 10px;font-size:13px;font-weight:600}.totp{align-items:center;gap:16px;display:flex}.totp .qr{border:1px solid var(--line);background:#fff;border-radius:12px;flex-shrink:0;width:132px;height:132px;padding:8px}.totp .qr img,.totp .qr canvas{width:100%;height:100%}.totp .right{min-width:0;color:var(--muted);flex-direction:column;flex:1;gap:8px;font-size:13px;display:flex}.recovery-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.recovery-grid code{background:var(--bg);border:1px solid var(--line);text-align:center;letter-spacing:.5px;border-radius:8px;padding:10px;font-size:13px;font-weight:600}.overlay{z-index:80;background:#0f1217c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-card);width:560px;max-width:100%;box-shadow:var(--shadow-modal);flex-direction:column;gap:16px;padding:26px 28px 24px;display:flex}.modal.sm{width:420px}.modal-head{align-items:flex-start;gap:10px;display:flex}.modal-head .lc{flex:1;min-width:0}.modal-head h2{margin:0;font-size:17px;font-weight:700}.modal-head .sub{color:var(--muted);margin:2px 0 0;font-size:13px}.modal-head .x{cursor:pointer;color:var(--muted);background:0 0;border:0;font-size:16px}.modal-icon{background:var(--red-bg);border-radius:999px;place-items:center;width:34px;height:34px;display:grid}.modal-actions{gap:10px;display:flex}.modal-actions .btn{flex:1}.codeblock{background:#1e1f24;border-radius:12px;padding:14px 16px;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:12.5px;line-height:1.6}.codeblock .green{color:#8cc79e}.codeblock .white{color:#fff}@media (width<=900px){.cols{flex-direction:column}.preview{width:100%}.portal-main,.portal-header,.portal-nav{padding-left:18px;padding-right:18px}.lc-foot{flex-wrap:wrap}.fieldrow .fr-body{flex-direction:column}}