:root{color-scheme:light;font-family:Inter,Segoe UI,Arial,sans-serif;background:#eef2f6;color:#152235;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #eef2f6;--surface: #ffffff;--surface-soft: #f7f9fc;--line: #d9e1eb;--line-strong: #bfccd9;--text: #152235;--muted: #66758a;--soft: #8795a8;--accent: #245a8d;--accent-strong: #173e65;--accent-soft: #e8f0f8;--success: #247a55;--warning: #9a6816;--danger: #b94d4d;--shadow: 0 18px 45px rgba(23, 38, 58, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}#app{min-height:100vh}.app-shell{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:grid;grid-template-rows:auto auto auto 1fr;gap:18px;padding:22px;border-right:1px solid var(--line);background:#fbfcfe;overflow:auto}.brand-block{display:grid;gap:4px;padding:4px 2px 10px}.brand-block span,.eyebrow,label span,.section-title,.metric-card span,.fact span{color:var(--soft);font-size:.74rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.brand-block strong{color:var(--text);font-size:1.28rem;letter-spacing:-.02em}.side-nav{display:grid;gap:6px}.side-nav button,.ghost-button,.secondary-button,.primary-button,.warning-button,.danger-button,.danger-ghost{min-height:38px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:9px 12px;font-weight:680;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.side-nav button{width:100%;text-align:left;background:transparent;border-color:transparent;color:var(--muted)}.side-nav button:hover,.side-nav button.active,.ghost-button:hover,.secondary-button:hover{background:var(--accent-soft);border-color:#245a8d40;color:var(--accent-strong)}.primary-button{background:var(--accent);border-color:var(--accent);color:#fff}.warning-button{background:#fff7e8;border-color:#f1d7a6;color:var(--warning)}.danger-button{background:#fff1f1;border-color:#efc5c5;color:var(--danger)}.danger-ghost{background:transparent;border-color:transparent;color:var(--danger)}.sidebar-section{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}label{display:grid;gap:7px}input,select,textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:9px 11px}input:focus,select:focus,textarea:focus{outline:none;border-color:#245a8d73;box-shadow:0 0 0 4px #245a8d14}textarea{min-height:150px;resize:vertical;font-family:Cascadia Code,Consolas,monospace;font-size:.84rem;line-height:1.5}.date-pair,.button-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-status{padding:6px 8px;border-radius:7px;font-size:.82rem;font-weight:700}.mini-status.ok{background:#eaf7f1;color:var(--success)}.mini-status.warn{background:#fff6e6;color:var(--warning)}.main-surface{min-width:0;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.topbar h1{margin:2px 0 0;font-size:1.65rem;line-height:1.1;letter-spacing:-.03em}.topbar-status{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.status-pill,.badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:800;text-transform:uppercase;white-space:nowrap}.status-pill.ok,.badge.generated,.badge.validated,.badge.completed,.badge.ok{background:#eaf7f1;color:var(--success)}.status-pill.warn,.badge.warning,.badge.queued,.badge.running,.badge.pending,.badge.sin-build{background:#fff6e6;color:var(--warning)}.status-pill.danger,.badge.failed,.badge.rejected,.badge.blocking,.badge.danger{background:#fff1f1;color:var(--danger)}.badge.draft,.badge.sin-asset{background:var(--accent-soft);color:var(--accent)}.notice{margin-bottom:12px;padding:12px 14px;border-radius:8px;border:1px solid var(--line);font-weight:650}.notice.error{background:#fff1f1;border-color:#efc5c5;color:var(--danger)}.notice.success{background:#eaf7f1;border-color:#c7e8d9;color:var(--success)}.view-stack{display:grid;gap:16px}.panel,.metric-card,.workflow-card{border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.panel{padding:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-head h2,.inspector-title h2{margin:0;font-size:1.05rem;letter-spacing:-.02em}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{display:grid;gap:10px;min-height:102px;padding:16px;box-shadow:none}.metric-card strong{font-size:1.45rem;line-height:1.15;word-break:break-word}.metric-card.ok{border-color:#bfe2d0}.metric-card.warn{border-color:#ecd29b}.metric-card.danger{border-color:#edbaba}.workflow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.workflow-card{display:grid;gap:8px;padding:14px;box-shadow:none}.workflow-card h3{margin:0;font-size:1rem}.workflow-card p,.empty,.check-row p,.next-list p,.event-row span{margin:0;color:var(--muted);line-height:1.45}.workflow-card.ok{border-color:#bfe2d0}.workflow-card.warn{border-color:#ecd29b}.workflow-card.danger{border-color:#edbaba}.step-badge{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:800}.two-column,.campaign-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.52fr);gap:16px;align-items:start}.check-list,.next-list,.run-table,.mini-table,.event-list{display:grid;gap:8px}.check-row{display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid #eef2f6}.check-row:first-child{border-top:none}.dot{width:10px;height:10px;margin-top:6px;border-radius:999px;background:var(--soft)}.dot.ok{background:var(--success)}.dot.warning{background:var(--warning)}.dot.blocking{background:var(--danger)}.run-row,.table-row{width:100%;display:grid;gap:12px;align-items:center;border:1px solid var(--line);background:var(--surface-soft);color:var(--text);text-align:left}.run-row{grid-template-columns:minmax(160px,1.2fr) 110px 110px 110px;padding:11px 12px;border-radius:8px}.run-row.selected,.campaign-row.selected{border-color:#245a8d6b;background:var(--accent-soft)}.run-row span,.campaign-row span{display:grid;gap:2px}.run-row small,.campaign-row small{color:var(--muted)}.campaign-list-panel{min-width:0}.filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) 180px 170px;gap:10px;margin-bottom:12px}.campaign-table{display:grid;gap:7px}.table-row{grid-template-columns:minmax(170px,1.1fr) minmax(120px,.8fr) minmax(110px,.65fr) 115px minmax(130px,.9fr);min-height:56px;padding:10px 12px;border-radius:8px}.table-head{min-height:34px;border-color:transparent;background:transparent;color:var(--soft);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.campaign-row:hover,.run-row:hover{border-color:var(--line-strong)}.inspector{position:sticky;top:24px;display:grid;gap:14px;max-height:calc(100vh - 48px);overflow:auto}.inspector-title{display:flex;align-items:start;justify-content:space-between;gap:12px}.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fact{display:grid;gap:5px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.fact strong{word-break:break-word}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.send-box,.job-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;border:1px solid #f1d7a6;border-radius:8px;background:#fffaf0}.send-box div{display:grid;gap:2px}.send-box strong{font-size:1.3rem}.send-box span,.muted{color:var(--muted)}.inspector-section{display:grid;gap:9px;padding-top:14px;border-top:1px solid #eef2f6}.inspector-section h3{margin:0;font-size:.96rem}.asset-image{display:block;width:100%;max-height:260px;object-fit:cover;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.asset-link{color:var(--accent);font-weight:750;text-decoration:none}.email-preview{width:100%;min-height:460px;border:1px solid var(--line);border-radius:8px;background:#fff}.event-row,.mini-table-row{display:grid;grid-template-columns:minmax(130px,1fr) repeat(3,auto);gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.event-row{grid-template-columns:1fr auto}.config-hero{display:flex;align-items:center;justify-content:space-between;gap:12px}.config-hero .panel-head{margin:0}.config-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.config-panel{box-shadow:none}.config-grid,.config-editor-grid{display:grid;gap:12px}.config-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.config-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.json-field{min-width:0}.json-field.large{padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.json-field.large textarea{min-height:260px}.analysis-card{display:grid;gap:12px}.analysis-card p{margin:0;padding:12px;border-radius:8px;background:var(--surface-soft);color:var(--text)}pre{margin:0;max-height:420px;overflow:auto;white-space:pre-wrap;word-break:break-word;padding:12px;border:1px solid var(--line);border-radius:8px;background:#0f1722;color:#e7eef7;font-size:.82rem}.promote-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:12px}.empty{padding:14px;border:1px dashed var(--line-strong);border-radius:8px;background:var(--surface-soft)}@media(max-width:1180px){.app-shell,.two-column,.campaign-layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;grid-template-columns:1fr;border-right:none;border-bottom:1px solid var(--line)}.inspector{position:static;max-height:none}.workflow-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.main-surface,.sidebar{padding:14px}.topbar,.config-hero{align-items:stretch;flex-direction:column}.topbar-status,.config-actions{justify-content:flex-start}.metric-grid,.workflow-grid,.config-grid,.config-editor-grid,.filter-bar,.fact-grid,.action-grid,.date-pair,.button-row,.promote-row,.run-row,.table-row,.table-head,.mini-table-row,.event-row{grid-template-columns:1fr}.table-head{display:none}}