:root{color:#172033;background:#eef2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{border:0;border-radius:10px;background:#2155d9;color:#fff;cursor:pointer;padding:.65rem .9rem}button:disabled{cursor:not-allowed;opacity:.6}button.secondary{background:#e8eefc;color:#1843a3}button.ghost{background:#f8fafc;border:1px solid #d9e2f2;color:#334155}button.danger-button{background:#b42318}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #84a9ff;outline-offset:2px}input,select,textarea{border:1px solid #c9d2e3;border-radius:10px;padding:.65rem .75rem}textarea{min-height:90px}h1,h2,h3,h4,p{margin-top:0}table{border-collapse:collapse;min-width:640px;width:100%}td,th{border-bottom:1px solid #e5eaf2;padding:.65rem;text-align:left}.login-shell{display:grid;min-height:100vh;place-items:center}.login-card{max-width:440px;width:min(440px,calc(100vw - 2rem))}.app-shell{margin:0 auto;max-width:1480px;padding:1.5rem}.app-header,.top-row,.actions,.source-row,.campaign-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.wrap{flex-wrap:wrap}.app-header{background:#ffffffe0;border:1px solid #dce4f1;border-radius:22px;box-shadow:0 18px 50px #25335314;margin-bottom:1rem;padding:1rem;position:sticky;top:.75rem;z-index:5}.app-header h1{margin-bottom:.2rem}.app-header p{color:#667085;margin-bottom:0}.card{background:#fff;border:1px solid #dce4f1;border-radius:18px;box-shadow:0 16px 40px #25335314;padding:1rem}.card h2,.card h3,.card h4{color:#172033;margin-bottom:.75rem}.grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1.4fr) minmax(280px,.7fr)}.tab-list{align-items:center;background:#dfe7f5;border:1px solid #ccd8eb;border-radius:18px;display:flex;gap:.35rem;margin-bottom:.75rem;overflow-x:auto;padding:.35rem}.tab-button{background:transparent;color:#40506b;flex:0 0 auto;font-weight:700;min-width:max-content}.tab-button.active{background:#fff;box-shadow:0 10px 24px #2533531a;color:#1843a3}.status-bar{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tab-panel{display:grid;gap:1rem}.page-heading{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.page-heading h2,.page-heading h3{margin-bottom:.2rem}.kpi-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.kpi-card{background:linear-gradient(145deg,#fff,#f7f9fd);border:1px solid #dce4f1;border-left:4px solid #64748b;border-radius:14px;box-shadow:0 8px 20px #2533530f;padding:.6rem .7rem}.kpi-card span{color:#667085;display:block;font-size:.74rem;line-height:1.2;margin-bottom:.2rem}.kpi-card strong{color:#172033;display:block;font-size:1.35rem;line-height:1.05}.kpi-card.success{border-left-color:#168256}.kpi-card.warning{border-left-color:#d97706}.kpi-card.danger{border-left-color:#b42318}.dashboard-grid,.split-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.status-badge{align-items:center;background:#eef2f7;border:1px solid #d9e2f2;border-radius:999px;color:#40506b;display:inline-flex;font-size:.82rem;font-weight:700;gap:.3rem;padding:.3rem .55rem}.status-badge.success{background:#e9f8f0;border-color:#b8e7ce;color:#166443}.status-badge.warning{background:#fff7e8;border-color:#f5d598;color:#92400e}.status-badge.danger{background:#fff1f0;border-color:#ffc6c1;color:#9f1d14}.source-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.source-card{display:grid;gap:.75rem;grid-template-columns:auto 1fr}.source-card .actions{grid-column:1 / -1}.source-marker{background:linear-gradient(180deg,#2155d9,#38bdf8);border-radius:999px;height:100%;min-height:76px;width:8px}.metric-list{display:grid;gap:.5rem;margin:.75rem 0 0}.metric-list div{display:flex;justify-content:space-between}.metric-list dt{color:#667085}.metric-list dd{font-weight:700;margin:0}.editor-card{border-left:5px solid #2155d9}.editor-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.editor-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.code-editor{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;min-height:260px}.rich-editor{background:#fff;border:1px solid #c9d2e3;border-radius:14px;line-height:1.55;min-height:260px;overflow:auto;padding:.85rem}.rich-editor:empty:before{color:#94a3b8;content:attr(aria-label)}.rich-editor:focus{outline:3px solid #84a9ff;outline-offset:2px}.signature-card{background:#fbfcff;border:1px solid #dce4f1;border-radius:14px;padding:.85rem}.compact-editor-grid .code-editor,.signature-editor,.signature-textarea{min-height:130px}.preview-pane{background:#f8fafc;border:1px solid #dce4f1;border-radius:14px;grid-column:1 / -1;padding:.75rem}.preview-pane iframe{background:#fff;border:1px solid #d9e2f2;border-radius:10px;height:260px;width:100%}.review-box{background:#f7f9fd;border:1px solid #dce4f1;border-radius:14px;padding:.75rem}.review-box p{margin-bottom:.35rem}.account-card{max-width:920px}.password-reset-form{align-items:end;display:grid;gap:.4rem;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) auto;min-width:500px}.password-reset-form input{min-width:0}.status-tabs{display:flex;flex-wrap:wrap;gap:.4rem}.subtab-list{align-items:center;background:#edf3fb;border:1px solid #d4deed;border-radius:14px;display:flex;flex-wrap:wrap;gap:.35rem;padding:.35rem}.subtab-button{background:transparent;color:#40506b;font-weight:700;padding:.5rem .75rem}.subtab-button.active{background:#fff;box-shadow:0 8px 18px #25335317;color:#1843a3}.status-tab{background:#eef2f7;color:#40506b;padding:.45rem .7rem}.status-tab.active{background:#2155d9;color:#fff}.warning-list{margin:0;padding-left:1.2rem}.warning-list li{margin-bottom:.5rem}.report-card{align-items:center;display:flex;justify-content:space-between;gap:1rem}.stack,.compact-form{display:grid;gap:.75rem}.inline-form{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.import-box{border:1px dashed #c9d2e3;border-radius:14px;margin:.75rem 0 1rem;padding:.75rem}.check-row{align-items:center;display:flex!important;gap:.5rem}.check-row input{width:auto}.stack label,.compact-form label,.language-picker{display:grid;gap:.35rem}.compact-form{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));margin-bottom:1rem}.table-wrap{overflow-x:auto}.wide-card{overflow:hidden}.recipient-table-wrap table{min-width:1120px}.directory-filters{align-items:end;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.directory-filters label,.metadata-tag-form label{display:grid;gap:.35rem}.tag-list{display:flex;flex-wrap:wrap;gap:.35rem;max-width:22rem}.metadata-pill{background:#eef6ff;border:1px solid #c9ddff;border-radius:999px;color:#1843a3;display:inline-flex;font-size:.78rem;font-weight:700;padding:.2rem .45rem}.metadata-tag-form{align-items:center;display:grid;gap:.4rem;grid-template-columns:minmax(95px,.8fr) minmax(120px,1fr) auto;min-width:360px}.pagination-row{align-items:center;display:flex;gap:.75rem;justify-content:flex-end;margin-top:.85rem}.compact-kpis{margin-bottom:1rem}.cell-subtext{color:#667085;display:block;font-size:.82rem;margin-top:.25rem;max-width:28rem;overflow-wrap:anywhere}.danger-text{color:#9f1d14}.reconcile-form{display:grid;gap:.45rem;min-width:240px}.reconcile-form label{display:grid;gap:.25rem}.reconcile-form .check-row{align-items:flex-start;display:flex}.reconcile-form textarea{min-height:64px}.align-end{align-items:flex-end;justify-content:flex-end}.empty-state{color:#667085;margin-bottom:0}.source-row,.campaign-row{border:1px solid #e5eaf2;border-radius:12px;padding:.75rem}.source-row span,.campaign-row span,.hint{color:#667085;display:block;font-size:.9rem}.error{background:#fff1f0;border:1px solid #ffc6c1;border-radius:12px;color:#9f1d14;padding:.75rem}.notice{background:#e9f8f0;border:1px solid #b8e7ce;border-radius:12px;color:#166443;font-weight:700;padding:.75rem}@media (max-width: 900px){.grid,.compact-form,.dashboard-grid,.split-grid,.editor-grid,.password-reset-form{grid-template-columns:1fr}.password-reset-form{min-width:0}.app-header,.page-heading,.report-card{align-items:flex-start;flex-direction:column}.directory-filters,.pagination-row{justify-content:flex-start}.metadata-tag-form{grid-template-columns:1fr;min-width:220px}.app-shell{padding:.75rem}.app-header{position:static}}
