:root{--bg:#f6f4ef;--surface:#fff;--surface-alt:#f1f4f8;--border:#d9dee7;--text:#152033;--muted:#5b6576;--accent:#2457ff;--success:#146c43;--warn:#8a5a00;--danger:#a2273c}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);letter-spacing:0;background:linear-gradient(#f6f4ef 0%,#f4f7fb 100%);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.app-shell{min-height:100vh;padding:24px}.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.section{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-column:span 12;padding:16px}.half{grid-column:span 12}@media (min-width:960px){.half{grid-column:span 6}}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:16px;display:flex}.top-actions{align-items:center;gap:10px;display:inline-flex}.brand h1{margin:4px 0 0;font-size:28px;line-height:1.15}.kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:12px}.small{color:var(--muted);font-size:13px}.pill{border:1px solid var(--border);background:var(--surface-alt);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:4px 10px;font-size:12px;display:inline-flex}.pill.on{color:var(--success);background:#edf7f1;border-color:#99c8b0}.pill.warn{color:var(--warn);background:#fff6e7;border-color:#f0d19b}.pill.off{color:var(--danger);background:#fff0f4;border-color:#e5b3bf}.status-dot{background:var(--success);border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.off{background:var(--danger)}.summary-section{gap:12px;display:grid}.health-band{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);align-items:start;gap:16px;padding:16px;display:grid}.health-band h2,.health-band p{margin:0}.health-band h2{margin-top:4px;font-size:24px}.health-band.success{background:#f4fbf7;border-color:#99c8b0}.health-band.warn{background:#fffaf0;border-color:#f0d19b}.health-band.danger{background:#fff5f7;border-color:#e5b3bf}.health-alerts{gap:8px;display:grid}.health-alert{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:3px;padding:10px 12px;display:grid}.health-alert span{color:var(--muted);font-size:13px;line-height:1.4}.health-alert.success{border-color:#99c8b0}.health-alert.warn{border-color:#f0d19b}.health-alert.danger{border-color:#e5b3bf}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.metric-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;padding:14px}.metric-card span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;display:block}.metric-card strong{margin-top:8px;font-size:28px;line-height:1;display:block}.metric-card p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.35}.metric-card.success{border-color:#99c8b0}.metric-card.warn{border-color:#f0d19b}.metric-card.danger{border-color:#e5b3bf}.status-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:0;display:grid}.status-list div{min-width:0}.status-list dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.status-list dd{word-break:break-word;margin:4px 0 0}.status-list.compact{grid-template-columns:1fr;gap:10px}.reply-preview{white-space:pre-wrap}.campaign-list{gap:12px;margin-top:16px;display:grid}.refresh-countdown{border:1px solid var(--border);background:var(--surface-alt);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin-top:14px;padding:12px;display:grid}.refresh-countdown div{min-width:0}.refresh-countdown dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.refresh-countdown dd{margin:4px 0 0;font-size:20px;font-weight:700}.refresh-countdown p{grid-column:1/-1;margin:0}.manual-poll{border:1px solid var(--border);background:var(--surface-alt);border-radius:8px;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.manual-poll p{margin:0}.campaign-card{border:1px solid var(--border);background:var(--surface-alt);border-radius:8px;padding:12px}.campaign-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.campaign-card-head p{margin:3px 0 0}.table{border-collapse:collapse;width:100%}.table-wrap{overflow-x:auto}.table th,.table td{border-top:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 8px}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.event-log-panel{gap:12px;margin-top:12px;display:grid}.filter-toggle{align-self:center;padding-bottom:10px}.log-filters{grid-template-columns:minmax(240px,1.5fr) repeat(5,minmax(132px,1fr)) auto;align-items:end;gap:10px;display:grid}.log-search{min-width:0}.log-filter-actions{align-items:center;gap:8px;display:inline-flex}.log-result-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.log-result-head p{margin:0}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:12px;display:grid}@media (max-width:860px){.control-grid,.health-band{grid-template-columns:1fr}.metric-grid,.log-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.log-search,.log-filter-actions{grid-column:1/-1}}.panel-form{border:1px solid var(--border);background:var(--surface-alt);border-radius:8px;gap:12px;padding:14px;display:grid}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-head h3{margin:0;font-size:18px}.field{gap:6px;display:grid}.compact-field{min-width:132px}.field span,.toggle-row span{color:var(--muted);font-size:13px}.field input,.field select,.field textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:6px;padding:10px 12px}.media-manager{gap:14px;display:grid}.media-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.media-toolbar-group,.pager{flex-wrap:wrap;align-items:flex-end;gap:10px;display:inline-flex}.media-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px;display:grid}.media-card{border:1px solid var(--border);background:var(--surface-alt);border-radius:8px;grid-template-columns:132px minmax(0,1fr);min-height:172px;display:grid;overflow:hidden}.media-preview{width:132px;height:100%;min-height:172px;color:var(--muted);background:#dfe5ee;place-items:center;font-size:13px;display:grid}.media-preview img{object-fit:cover;width:100%;height:100%;display:block}.media-body{align-content:start;gap:8px;min-width:0;padding:10px;display:grid}.media-meta{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.media-meta .small{white-space:nowrap}.media-caption{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:35px;margin:0;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.media-card select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:6px;padding:8px 9px;font-size:13px}.media-campaign-field{gap:5px;display:grid}.media-campaign-field span,.media-id-row span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.media-id-row{gap:3px;min-width:0;display:grid}.media-id-row code{color:var(--muted);overflow-wrap:anywhere;font-family:Arial,Helvetica,sans-serif;font-size:12px}.media-link{justify-self:start}@media (max-width:520px){.app-shell{padding:14px}.metric-grid,.media-grid{grid-template-columns:1fr}.media-card{grid-template-columns:104px minmax(0,1fr);min-height:156px}.media-preview{width:104px;min-height:156px}.manual-poll{flex-direction:column;align-items:stretch}.log-filters{grid-template-columns:1fr}.log-search,.log-filter-actions{grid-column:auto}.log-filter-actions{flex-direction:column;align-items:stretch}}.empty-state{border:1px dashed var(--border);background:var(--surface-alt);border-radius:8px;padding:16px}.field textarea{resize:vertical;min-height:76px}.toggle-row{align-items:center;gap:10px;display:inline-flex}.toggle-row input{width:16px;height:16px}.primary{border:1px solid var(--accent);background:var(--accent);color:#fff;font:inherit;cursor:pointer;border-radius:6px;padding:9px 14px}.secondary{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:6px;padding:9px 14px}.primary:disabled,.secondary:disabled{opacity:.7;cursor:wait}.auth-section{max-width:520px}.auth-section h1{margin:4px 0 6px}.auth-form{gap:12px;margin-top:18px;display:grid}.status-line{min-height:18px;margin:0}.mini-summary{border-top:1px solid var(--border);flex-wrap:wrap;gap:16px;padding-top:4px;display:flex}.mini-summary strong{font-size:18px;display:block}.mini-summary span{color:var(--muted);font-size:12px}.legal-page{max-width:860px;margin:0 auto}.legal-section{gap:14px;display:grid}.legal-section h1,.legal-section h2,.legal-section p{margin:0}.legal-section h1{font-size:30px;line-height:1.15}.legal-section h2{margin-top:10px;font-size:18px}.legal-section p{color:var(--text);line-height:1.6}.legal-section a{color:var(--accent);font-weight:600}