main { max-width: 1280px; padding: 48px 24px; }
h1 { font-size: clamp(32px,5vw,48px); }
h2 { font-size: 24px; margin-block: 32px 16px; }
h3 { font-size: 16px; }
#admin-status { font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
.error { color: #ffafaf; }
.stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin: 32px 0; }
.stats>div { padding: 24px; border: 1px solid #333; }
.stats span { font-size: 32px; }
.stats p { font-size: 12px; color: #aaa; margin-bottom: 0; }
.admin-tabs { display:flex; gap:0; border-bottom: 1px solid #444; overflow-x:auto; margin:32px 0; }
.admin-tabs button { background:none; border:0; border-bottom:2px solid transparent; color:#999; white-space:nowrap; padding:16px 20px; }
.admin-tabs button[aria-pressed="true"] { color:white; border-bottom-color:white; }
button { cursor:pointer; background:#151515; border:1px solid #444; padding:12px 16px; color:#eee; font-size:12px; }
button:hover { background:#242424; }
button:disabled { opacity:.4; cursor:default; }
.search { display:flex; align-items:flex-end; gap:12px; margin:24px 0; flex-wrap:wrap; }
.search label { margin:0; min-width:180px; flex:1; max-width:480px; }
.search input { padding:12px; }
.table-wrap { overflow:auto; border-top:1px solid #555; }
table { border-collapse:collapse; width:100%; font-size:12px; text-align:left; }
th, td { padding:18px 12px; border-bottom:1px solid #292929; line-height:1.6; vertical-align:top; }
th { font-weight:400; color:#999; white-space:nowrap; }
td:first-child { overflow-wrap:anywhere; min-width:180px; }
td small { display:block; color:#999; }
td button { white-space:nowrap; padding:8px 12px; }
.pager { display:flex; align-items:center; gap:20px; justify-content:space-between; margin-top:24px; }
.pager p { font-size:12px; color:#aaa; text-align:center; }
.compose-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; }
select, textarea { width:100%; display:block; margin-top:12px; border:1px solid #444; background:#111; color:white; padding:14px; font:14px "Courier New",monospace; border-radius:0; }
textarea { resize:vertical; line-height:1.6; }
.preview { min-width:0; }
iframe { display:block; width:100%; height:800px; background:#f5f5f5; border:1px solid #444; }
.template-controls { border:1px solid #333; padding:16px 20px; margin-top:32px; }
.template-controls legend { font-size:13px; padding-inline:8px; }
.button-row { display:flex; flex-wrap:wrap; gap:12px; }
#send-result, #template-result { font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
#email-detail { margin-top:32px; padding-top:20px; border-top:1px solid #444; }
#detail-metadata { overflow-wrap:anywhere; }
#close-detail { margin-top:20px; }
footer { display:flex; justify-content:space-between; margin-top:64px; border-top:1px solid #333; padding-top:24px; color:#999; font-size:12px; }
@media(max-width:760px){.compose-grid{grid-template-columns:1fr}.stats{gap:8px}.stats>div{padding:16px 12px}.stats span{font-size:25px}.stats p{line-height:1.6}.admin-tabs button{padding:14px 12px}iframe{height:750px}}