@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}:root{--navy-900:#0d1e33;--navy-800:#122a47;--navy-700:#16314f;--navy:#1a375c;--navy-600:#224872;--navy-500:#2e6098;--navy-400:#4a82bd;--navy-200:#b9cde2;--navy-100:#e2ecf6;--bg:#f3f5f9;--surface:#ffffff;--surface-alt:#f8fafc;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#16202e;--text-muted:#64748b;--text-faint:#94a3b8;--ok:#0f9d6e;--ok-bg:#e7f7f1;--warn:#c2790b;--warn-bg:#fdf4e3;--danger:#d02f3f;--danger-bg:#fdeced;--radius:12px;--radius-sm:8px;--radius-lg:18px;--shadow-sm:0 1px 2px rgba(15,30,51,0.06);--shadow:0 4px 16px rgba(15,30,51,0.08);--shadow-lg:0 18px 44px rgba(15,30,51,0.16);--sidebar-w:256px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--navy-500);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;letter-spacing:-.02em;line-height:1.25}button,input,select,textarea{font:inherit;color:inherit}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--navy) 0,var(--navy-900) 100%);color:#dfe8f3;padding:22px 16px;display:flex;flex-direction:column;gap:26px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 8px}.sidebar-brand-name{font-size:17px;font-weight:700;color:#fff;letter-spacing:-.02em}.sidebar-brand-sub{font-size:11px;color:var(--navy-200);text-transform:uppercase;letter-spacing:.1em}.nav-group-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:#7e9dc0;padding:0 10px;margin-bottom:8px;font-weight:600}.nav-link{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--radius-sm);color:#cadaea;font-size:14px;font-weight:500;transition:background .15s,color .15s}.nav-link:hover{background:rgba(255,255,255,.08);color:#fff;text-decoration:none}.nav-link.active{background:rgba(255,255,255,.14);color:#fff}.nav-link svg{flex-shrink:0;opacity:.9}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}.user-chip{display:flex;align-items:center;gap:10px;padding:6px 8px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--navy-500);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;flex-shrink:0}.user-name{font-size:13.5px;font-weight:600;color:#fff}.user-role{font-size:11.5px;color:var(--navy-200)}.main{display:flex;flex-direction:column;min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.topbar h1{font-size:21px;font-weight:700}.topbar-sub{font-size:13px;color:var(--text-muted);margin-top:2px}.content{padding:28px 32px 56px;max-width:1280px;width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:22px}.card-head{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}.card-head h2{font-size:15.5px;font-weight:700}.card-head p{margin:3px 0 0;font-size:13px;color:var(--text-muted)}.grid{display:grid;grid-gap:18px;gap:18px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-sm)}.stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.stat-value{font-size:30px;font-weight:700;letter-spacing:-.03em;margin-top:6px;color:var(--navy)}.stat-hint{font-size:12.5px;color:var(--text-faint);margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--navy);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s,opacity .15s;text-decoration:none;white-space:nowrap}.btn:hover:not(:disabled){background:var(--navy-700);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-alt)}.btn-danger{background:var(--danger)}.btn-danger:hover:not(:disabled){background:#b12634}.btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-alt);color:var(--text)}.btn-sm{padding:6px 11px;font-size:13px}.btn-lg{padding:12px 22px;font-size:15px}.field{display:block;margin-bottom:16px}.field label,.label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text)}.field .hint{font-size:12.5px;color:var(--text-muted);margin-top:5px}.input,.select,.textarea{width:100%;padding:9px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--navy-500);box-shadow:0 0 0 3px rgba(46,96,152,.14)}.textarea{resize:vertical;min-height:110px;font-family:inherit}.switch-row{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-alt);cursor:pointer}.switch-row input{margin-top:3px;width:17px;height:17px;accent-color:var(--navy);cursor:pointer}.switch-row .switch-title{font-size:14px;font-weight:600}.switch-row .switch-desc{font-size:12.5px;color:var(--text-muted);margin-top:2px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.01em;background:var(--surface-alt);color:var(--text-muted);border:1px solid var(--border)}.badge-online{background:var(--ok-bg);color:var(--ok);border-color:#b8e6d4}.badge-draft{background:var(--warn-bg);color:var(--warn);border-color:#f0dcb4}.badge-offline{background:var(--danger-bg);color:var(--danger);border-color:#f4c6ca}.badge-ready{background:var(--navy-100);color:var(--navy-500);border-color:var(--navy-200)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600;padding:11px 18px;background:var(--surface-alt)}.table td,.table th{border-bottom:1px solid var(--border)}.table td{padding:13px 18px;font-size:14px;vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-alt)}.alert{padding:13px 16px;border-radius:var(--radius-sm);font-size:13.5px;border:1px solid;display:flex;gap:10px;align-items:flex-start}.alert-error{background:var(--danger-bg);border-color:#f4c6ca;color:#97202d}.alert-ok{background:var(--ok-bg);border-color:#b8e6d4;color:#0a6c4c}.alert-warn{background:var(--warn-bg);border-color:#f0dcb4;color:#8a5606}.alert-info{background:var(--navy-100);border-color:var(--navy-200);color:var(--navy-700)}.pin-display{font-size:30px;font-weight:700;letter-spacing:.32em;color:var(--navy);background:var(--navy-100);border:1px dashed var(--navy-200);padding:14px 18px 14px 26px;text-align:center}.code,.pin-display{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;border-radius:var(--radius-sm)}.code{font-size:12.5px;background:var(--navy-900);color:#d5e3f2;padding:16px;overflow-x:auto;white-space:pre;margin:0;line-height:1.6}.code-inline{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:12.5px;background:var(--surface-alt);border:1px solid var(--border);border-radius:5px;padding:1.5px 6px}.empty{text-align:center;padding:52px 24px;color:var(--text-muted)}.empty h3{font-size:16px;color:var(--text);margin-bottom:6px}.empty p{font-size:14px;margin:0 auto 18px;max-width:420px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:22px;overflow-x:auto}.tab{padding:10px 15px;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;white-space:nowrap}.tab:hover{color:var(--text);text-decoration:none}.tab.active{color:var(--navy);border-bottom-color:var(--navy)}.row{gap:12px}.row,.row-between{display:flex;align-items:center}.row-between{justify-content:space-between;gap:16px}.stack{display:flex;flex-direction:column;gap:16px}.muted{color:var(--text-muted)}.small{font-size:12.5px}.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-aside{background:linear-gradient(150deg,var(--navy) 0,var(--navy-900) 100%);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-aside:after{content:"";position:absolute;right:-120px;bottom:-140px;width:460px;height:460px;border-radius:50%;background:rgba(255,255,255,.05)}.login-aside h2{font-size:32px;font-weight:700;max-width:420px;position:relative}.login-aside p{color:var(--navy-200);max-width:400px;font-size:15px;position:relative}.login-main{display:grid;place-items:center;padding:40px;background:var(--surface)}.login-box{width:100%;max-width:372px}.editor-shell{display:grid;grid-template-columns:236px 1fr;grid-gap:0;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);height:calc(100vh - 210px);min-height:520px}.file-tree{border-right:1px solid var(--border);background:var(--surface-alt);overflow-y:auto;padding:10px}.file-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;cursor:pointer;color:var(--text);width:100%;border:none;background:none;text-align:left}.file-item:hover{background:var(--navy-100)}.file-item.active{background:var(--navy);color:#fff}.file-item.disabled{color:var(--text-faint);cursor:not-allowed}.file-kind{font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:4px;background:var(--border);color:var(--text-muted);text-transform:uppercase}.file-item.active .file-kind{background:rgba(255,255,255,.24);color:#fff}.editor-main{display:grid;grid-template-rows:auto 1fr;min-width:0}.editor-toolbar{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface)}.editor-split{display:grid;grid-template-columns:1fr 1fr;min-height:0}.editor-pane{min-width:0;overflow:auto;border-right:1px solid var(--border)}.preview-pane{background:#fff;min-width:0}.preview-pane iframe{width:100%;height:100%;border:none;display:block}.cm-editor{height:100%;font-size:13px}.cm-editor .cm-scroller{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace}.email-layout{display:grid;grid-template-columns:minmax(340px,440px) 1fr;grid-gap:20px;gap:20px;align-items:start}.style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:10px;gap:10px}.style-card{border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:12px;cursor:pointer;background:var(--surface);text-align:left;transition:border-color .15s,background .15s}.style-card:hover{border-color:var(--navy-400)}.style-card.active{border-color:var(--navy);background:var(--navy-100);box-shadow:0 0 0 1px var(--navy)}.style-card .style-name{font-size:13.5px;font-weight:700}.style-card .style-desc{font-size:11.5px;color:var(--text-muted);margin-top:3px;line-height:1.45}.email-preview-frame{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff;height:640px}.email-preview-frame iframe{width:100%;height:100%;border:none}.nx-banner-preview{background:var(--navy);color:#fff;font-size:13px;padding:9px 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500}@media (max-width:1080px){.editor-split,.email-layout{grid-template-columns:1fr}}@media (max-width:860px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto;flex-direction:row;align-items:center;overflow-x:auto;gap:14px}.sidebar nav{display:flex;gap:6px}.nav-group-label,.sidebar-footer{display:none}.content,.topbar{padding-left:18px;padding-right:18px}.login-page{grid-template-columns:1fr}.login-aside{display:none}}