:root{--navy:#13294b;--blue:#1f5f99;--gold:#c9a227;--light:#f4f7fb;--line:#dbe3ee;--text:#172033;--muted:#627083;--danger:#b42318;--green:#067647;--yellow:#a15c00}*{box-sizing:border-box}body{margin:0;background:var(--light);font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.45}.topbar{background:var(--navy);color:white;padding:16px 22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.topbar span{display:block;font-size:13px;opacity:.8}.topbar nav{display:flex;gap:12px;flex-wrap:wrap}.topbar a{color:white;text-decoration:none;font-size:14px}.container{max-width:1180px;margin:26px auto;padding:0 18px}.footer{text-align:center;color:var(--muted);font-size:12px;margin:35px 0}.card{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 18px rgba(19,41,75,.05);padding:20px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric{background:white;border:1px solid var(--line);border-radius:14px;padding:18px}.metric strong{display:block;font-size:30px}.metric span{color:var(--muted);font-size:13px}h1,h2,h3{margin-top:0}a{color:var(--blue)}.button,button,input[type=submit]{display:inline-block;border:0;border-radius:10px;background:var(--blue);color:white;text-decoration:none;padding:10px 14px;font-weight:700;cursor:pointer}.button.secondary{background:#eef3f9;color:var(--navy)}.button.danger{background:var(--danger)}.button.green{background:var(--green)}.button.gold{background:var(--gold);color:#1d1d1d}.button-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}table{width:100%;border-collapse:collapse;background:white}th,td{border-bottom:1px solid var(--line);padding:10px 9px;text-align:left;vertical-align:top}th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#f8fafc}tr:hover td{background:#fbfdff}.badge{border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;white-space:nowrap}.badge-green{background:#dcfae6;color:#067647}.badge-red{background:#fee4e2;color:#b42318}.badge-blue{background:#d1e9ff;color:#175cd3}.badge-yellow{background:#fef0c7;color:#a15c00}.badge-gray{background:#eaecf0;color:#344054}.notice{background:#fff8db;border:1px solid #f5dd7b;color:#473b05;border-radius:12px;padding:12px 14px;margin-bottom:16px}.error{background:#fee4e2;border:1px solid #fda29b;color:#7a271a;border-radius:12px;padding:12px 14px;margin-bottom:16px}.success{background:#dcfae6;border:1px solid #75e0a7;color:#054f31;border-radius:12px;padding:12px 14px;margin-bottom:16px}label{display:block;font-weight:700;margin:12px 0 5px}input[type=text],input[type=password],input[type=email],input[type=number],select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;background:white;font:inherit}textarea{min-height:220px;font-family:Consolas,monospace;font-size:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.filters input,.filters select{width:auto}.small{font-size:13px;color:var(--muted)}.letter{max-width:850px;margin:0 auto;background:white;border:1px solid var(--line);border-radius:14px;padding:26px}.choice-panel{border:2px solid var(--blue);background:#f7fbff;border-radius:14px;padding:18px;margin:20px 0}.center{text-align:center}.actions-inline form{display:inline}.warn{color:var(--danger);font-weight:700}@media(max-width:850px){.grid,.grid-2,.form-row{grid-template-columns:1fr}.topbar{display:block}.topbar nav{margin-top:12px}.filters input,.filters select{width:100%}}
.preview-controls{margin-top:16px}.preview-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.preview-meta div{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fbfdff}.preview-meta span{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.preview-meta strong{display:block;margin-top:4px}.subject-preview{border:1px solid var(--line);border-radius:12px;background:#fbfdff;padding:14px;font-size:18px;font-weight:700}.email-preview-shell{background:#e8eef7;border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:18px}.email-preview-header{display:flex;justify-content:space-between;gap:16px;color:var(--navy);padding:0 2px 12px}.email-preview-header span{color:var(--muted);font-size:13px}.email-preview-body{background:white;border:1px solid var(--line);border-radius:12px;padding:28px;max-width:850px;margin:0 auto}.plain-preview summary{cursor:pointer;font-weight:700}.plain-preview pre{white-space:pre-wrap;font-family:Arial,Helvetica,sans-serif;background:#fbfdff;border:1px solid var(--line);border-radius:12px;padding:16px}.preview-tag{display:inline-block;background:#fef0c7;color:#a15c00;border-radius:999px;font-weight:700;font-size:12px;padding:5px 10px;margin-bottom:12px}.preview-page button[disabled]{opacity:.55;cursor:not-allowed}@media(max-width:850px){.preview-meta{grid-template-columns:1fr}.email-preview-header{display:block}.email-preview-header span{display:block;margin-top:4px}}.actions-cell{white-space:nowrap}.danger-link{color:var(--danger);font-weight:700}.actions-inline{display:flex;gap:10px;flex-wrap:wrap}.actions-inline form{display:inline-block}.actions-inline button{margin-right:0}
.code-block{white-space:pre-wrap;background:#0f172a;color:#e5e7eb;border-radius:12px;padding:14px;overflow:auto;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.45}