:root{--bg: #f4f6f9;--card: #ffffff;--ink: #1d2733;--muted: #67788a;--line: #dfe5ec;--primary: #3c6fe8;--primary-ink: #ffffff;--danger: #c23b3b;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:32px;width:100%;max-width:420px;box-shadow:0 8px 30px #1d27330f}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:18px}.login-brand h1{font-size:22px;margin:0}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:var(--primary);color:var(--primary-ink);font-size:18px}.login-card p{line-height:1.5}.login-card input{width:100%;padding:11px 12px;font-size:16px;border:1px solid var(--line);border-radius:8px;margin:10px 0 14px}.login-card button{width:100%;padding:12px;font-size:16px;border:0;border-radius:8px;background:var(--primary);color:var(--primary-ink);cursor:pointer}.login-card button:disabled{opacity:.6;cursor:default}.code-display{font-size:40px;font-weight:700;letter-spacing:10px;text-align:center;padding:14px 0;margin:8px 0;background:var(--bg);border-radius:10px}.code-input{text-align:center;font-size:28px;letter-spacing:8px}.muted{color:var(--muted);font-size:14px}.error{color:var(--danger);font-size:14px}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:14px;background:var(--card);border-bottom:1px solid var(--line);padding:12px 20px}.topbar-brand{font-weight:700}.topbar-spacer{flex:1}.portal-switcher{padding:7px 10px;border:1px solid var(--line);border-radius:8px;font-size:14px;background:var(--bg)}.linklike{background:none;border:0;color:var(--primary);cursor:pointer;font-size:14px}.content{padding:28px 36px;width:100%}.content h2{margin:0 0 4px}.card-grid{display:grid;gap:16px;margin-top:24px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.area-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}.area-card h3{margin:0 0 8px}.area-card p{margin:0 0 12px;color:var(--muted);font-size:14px;line-height:1.5}.badge{display:inline-block;font-size:12px;padding:3px 9px;border-radius:99px;background:var(--bg);color:var(--muted);border:1px solid var(--line)}.tabs{display:flex;gap:4px;margin-left:10px}.tab{background:none;border:0;padding:8px 14px;border-radius:8px;font-size:14px;cursor:pointer;color:var(--muted)}.tab.active{background:var(--bg);color:var(--ink);font-weight:600}.inline-form{display:flex;gap:10px;margin:14px 0 20px}.inline-form input{flex:1;max-width:460px}.content input,.content textarea{padding:9px 11px;font-size:14px;border:1px solid var(--line);border-radius:8px;width:100%;font-family:inherit}.content button:not(.linklike):not(.tab):not(.chip){padding:9px 16px;font-size:14px;border:0;border-radius:8px;background:var(--primary);color:var(--primary-ink);cursor:pointer;white-space:nowrap}.content button:disabled{opacity:.5;cursor:default}.content button.danger{background:var(--danger)}.table{width:100%;border-collapse:collapse;margin-top:14px;background:var(--card);border-radius:10px;overflow:hidden}.table th,.table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);font-size:14px}.table th{background:var(--bg);color:var(--muted);font-weight:600;font-size:13px}.table td.break{word-break:break-all}.pill{font-size:12px;padding:2px 9px;border-radius:99px;background:var(--bg);border:1px solid var(--line)}.pill-sent,.pill-subscribed{color:#1c7c40;border-color:#bfe3cc;background:#ecf8f0}.pill-draft{color:var(--muted)}.pill-unsubscribed,.pill-bounced{color:var(--danger);border-color:#eccaca;background:#fbf0f0}.panel-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:16px 0}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}.panel h3{margin:0 0 10px}.panel input,.panel textarea{margin-bottom:10px}.editor-grid{display:grid;grid-template-columns:minmax(340px,560px) 1fr;gap:26px;margin-top:16px}@media (max-width: 900px){.editor-grid{grid-template-columns:1fr}}.field{display:block;margin-bottom:12px}.field span{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.block{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:10px}.block input,.block textarea{margin-top:8px}.block-head{display:flex;align-items:center;gap:10px;font-size:14px}.add-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.chip{background:var(--card);border:1px solid var(--line);border-radius:99px;padding:6px 13px;font-size:13px;cursor:pointer;color:var(--ink)}.action-row{display:flex;gap:10px;margin:10px 0;align-items:center}.action-row input{max-width:240px}.preview-pane{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow-y:auto;display:flex;flex-direction:column;max-height:calc(100vh - 140px);position:sticky;top:16px}.preview-head{display:flex;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--line);border-top:1px solid var(--line);position:sticky;top:0;background:var(--card);z-index:1}.preview-head:first-child{border-top:0}.preview-pane iframe{border:0;width:100%;background:#f2f4f7}.preview-desktop{height:calc(100vh - 240px);min-height:560px;flex-shrink:0}.mobile-frame{width:430px;max-width:calc(100% - 24px);margin:14px auto 18px;box-sizing:content-box;border:8px solid #1d2733;border-radius:26px;overflow:hidden;flex-shrink:0}.mobile-frame iframe{width:430px;max-width:100%}.mobile-frame iframe{height:calc(100vh - 280px);min-height:560px;display:block}.ai-panel{background:linear-gradient(135deg,#f6f2ff,#f0f6ff);border:1px solid #ded4f2;border-radius:12px;padding:16px 18px;margin:14px 0 4px}.ai-panel p{margin:6px 0 10px}.ai-panel textarea{background:#fff;margin-bottom:10px}.picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141c2673;display:flex;align-items:center;justify-content:center;z-index:50}.picker{background:var(--card);border-radius:14px;width:min(720px,92vw);max-height:84vh;overflow-y:auto;padding:16px 18px;box-shadow:0 18px 60px #00000040}.picker-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.picker-msg{margin:4px 0 10px}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.picker-item{border:1px solid var(--line);border-radius:10px;overflow:hidden}.picker-item img{width:100%;height:100px;object-fit:cover;display:block;cursor:pointer}.picker-item img:hover{opacity:.85}.picker-item-foot{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;font-size:12px;color:var(--muted)}.picker-generate textarea{margin-bottom:10px}.picker-generate select{padding:8px 10px;border:1px solid var(--line);border-radius:8px}.picker-preview{margin-top:12px}.picker-preview img{max-width:100%;border-radius:10px;display:block;margin-bottom:10px}.block-thumb{max-width:180px;border-radius:8px;margin-top:8px;display:block}.col-editor{border:1px dashed var(--line);border-radius:8px;padding:10px;margin-top:10px}.col-editor-label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.col-editor input,.col-editor textarea{margin-top:6px}.stat-row{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0 6px}.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 20px;min-width:120px;text-align:center}.stat b{display:block;font-size:26px}.stat span{font-size:13px;color:var(--muted)}