.portal-loading{min-height:100vh;display:grid;place-items:center;color:var(--fg-muted);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.portal-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.portal-side{background:var(--bg-sunken);border-right:1px solid var(--border);padding:28px 18px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh}.portal-main{padding:36px 40px 80px;max-width:1200px}.portal-side h1{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.portal-side h1 .ext{font-weight:400;color:var(--accent)}.portal-side__role{font-family:var(--font-mono);font-size:11px;color:var(--fg-faint);letter-spacing:.06em;text-transform:uppercase}.portal-side__user{font-size:13px;color:var(--fg-muted)}.portal-side__user strong{color:var(--wl-bone);display:block;font-weight:500}.portal-side nav{display:flex;flex-direction:column;gap:4px;margin-top:8px}.portal-side nav a{display:flex;align-items:center;padding:10px 14px;border-radius:8px;font-size:14px;color:var(--fg-muted);transition:color .18s,background .18s}.portal-side nav a:hover{background:#ffffff0a;color:var(--wl-bone)}.portal-side nav a.--on{background:#ffffff0f;color:var(--wl-bone)}.portal-side__signout{margin-top:auto;font-size:13px;background:transparent;border:1px solid var(--border-strong);color:var(--fg-muted);padding:10px 14px;border-radius:8px;cursor:pointer;transition:color .18s,background .18s;text-align:left;font-family:inherit}.portal-side__signout:hover{color:var(--wl-bone);background:#ffffff0a}@media(max-width:880px){.portal-shell{grid-template-columns:1fr}.portal-side{position:static;height:auto}.portal-main{padding:24px 20px 64px}}.portal-h{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,3.5vw,40px);letter-spacing:-.02em;line-height:1.1;text-wrap:balance}.portal-h2{font-family:var(--font-display);font-weight:700;font-size:clamp(20px,2.4vw,28px);letter-spacing:-.01em}.portal-eyebrow{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.portal-card{background:#ffffff06;border:1px solid var(--border);border-radius:18px;padding:28px}.portal-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font:600 13px var(--font-display);border:1px solid transparent;cursor:pointer;transition:all .18s;letter-spacing:.02em}.portal-btn--primary{background:var(--wl-purple);color:var(--wl-bone)}.portal-btn--primary:hover{background:var(--wl-purple-2)}.portal-btn--ghost{background:transparent;color:var(--wl-bone);border-color:var(--border-strong)}.portal-btn--ghost:hover{background:#ffffff0a}.portal-btn--danger{background:#e5484d26;color:#ff8b8e;border-color:#e5484d66}.portal-btn--lg{padding:14px 22px;font-size:15px}.portal-btn:disabled{opacity:.5;cursor:not-allowed}.portal-input,.portal-textarea,.portal-select{width:100%;background:var(--bg-sunken);border:1px solid var(--border-strong);border-radius:10px;padding:12px 14px;color:var(--fg);font-family:var(--font-body);font-size:14px;transition:border-color .18s,background .18s}.portal-input:focus,.portal-textarea:focus,.portal-select:focus{outline:none;border-color:var(--accent);background:var(--bg)}.portal-textarea{min-height:96px;resize:vertical}.portal-label{display:block;font-size:12px;color:var(--fg-muted);margin-bottom:6px;letter-spacing:.04em;text-transform:uppercase}.pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font:600 10px var(--font-display);letter-spacing:.12em;text-transform:uppercase}.pill--lead{background:#ffffff0f;color:var(--fg-muted)}.pill--preview-sent{background:#5170ff2e;color:var(--brand-3pl)}.pill--active{background:#11cc552e;color:var(--wl-fern)}.pill--paused{background:#e6d9432e;color:var(--wl-citron)}.pill--churned{background:#e5484d2e;color:#ff8b8e}.pill--draft{background:#ffffff0f;color:var(--fg-muted)}.pill--sent{background:#5170ff2e;color:var(--brand-3pl)}.pill--under-review,.pill--changes-requested{background:#e6d9432e;color:var(--wl-citron)}.pill--accepted{background:#11cc552e;color:var(--wl-fern)}.pill--accepted-pending-review{background:#e6d9432e;color:var(--wl-citron)}.pill--publish-requested{background:#a56cff2e;color:var(--brand-ai)}.pill--published{background:#11cc552e;color:var(--wl-fern)}.pill--pending{background:#e6d9432e;color:var(--wl-citron)}.pill--approved{background:#11cc552e;color:var(--wl-fern)}.pill--rejected{background:#e5484d2e;color:#ff8b8e}.portal-table{width:100%;border-collapse:collapse;font-size:14px}.portal-table th,.portal-table td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--border)}.portal-table th{font:600 11px var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--fg-muted)}.portal-table tbody tr:hover{background:#ffffff05}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{max-width:420px;width:100%;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:20px;padding:40px 36px;box-shadow:var(--shadow-lg)}.login-card h1{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.01em}.login-card form{display:flex;flex-direction:column;gap:14px;margin-top:28px}.login-card .login-credits{margin-top:24px;padding-top:20px;border-top:1px solid var(--border);font-size:12px;color:var(--fg-faint);line-height:1.6}.login-card .login-credits code{font-family:var(--font-mono);color:var(--fg-muted)}.login-divider{display:flex;align-items:center;gap:12px;margin:22px 0;font:600 11px var(--font-display);color:var(--fg-faint);letter-spacing:.16em;text-transform:uppercase}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-error{margin-top:16px;padding:12px 14px;background:#e5484d1a;border:1px solid rgba(229,72,77,.3);border-radius:10px;color:#ff8b8e;font-size:13px}.dialog-overlay{position:fixed;inset:0;background:#08060cc7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:90}.dialog-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:480px;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:18px;padding:32px;box-shadow:var(--shadow-lg);z-index:91;max-height:85vh;overflow-y:auto}.dialog-title{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.01em}.dialog-description{color:var(--fg-muted);font-size:14px;margin-top:8px;line-height:1.5}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:28px}.preview-grid{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.preview-frame{background:var(--bg-elev);border:1px solid var(--border);border-radius:18px;overflow:hidden;height:calc(100vh - 200px);min-height:600px}.preview-frame iframe{width:100%;height:100%;border:0}.preview-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:24px}.preview-side__panel{background:#ffffff06;border:1px solid var(--border);border-radius:14px;padding:20px}.comment-list{display:flex;flex-direction:column;gap:12px;max-height:360px;overflow-y:auto}.comment{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:13px}.comment__meta{display:flex;justify-content:space-between;font-size:11px;color:var(--fg-faint);margin-bottom:6px;font-family:var(--font-mono);letter-spacing:.04em}.comment--resolved{opacity:.55}@media(max-width:1000px){.preview-grid{grid-template-columns:1fr}.preview-side{position:static}.preview-frame{height:60vh}}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-top:28px;margin-bottom:28px}.tabs button{background:transparent;border:none;padding:12px 18px;font:600 12px var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .18s,border-color .18s}.tabs button:hover{color:var(--wl-bone)}.tabs button.--on{color:var(--wl-bone);border-bottom-color:var(--accent)}