:root{font-family:Inter,Arial,sans-serif;color:#1f2937;background:#f4f7fb}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#f4f7fb;color:#1f2937;font-family:Inter,Arial,sans-serif}button,input,textarea,select{font:inherit}.page-shell{min-height:100vh;padding:32px 20px}.page-card{max-width:920px;margin:0 auto}.page-header{margin-bottom:24px}.page-header h1{margin:0 0 8px;font-size:32px}.page-header p{margin:0;color:#6b7280}.stepper{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.stepper-item{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #dbe2ea;color:#6b7280}.stepper-item.active{border-color:#2563eb;color:#2563eb}.stepper-item.done{border-color:#16a34a;color:#16a34a}.stepper-badge{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#eef2ff}.card{background:#fff;border:1px solid #dbe2ea;border-radius:18px;padding:24px;box-shadow:0 8px 30px #0f172a0d}.list-grid{display:grid;gap:12px}.btn{border-radius:12px;border:1px solid transparent;padding:14px 16px;cursor:pointer;transition:.2s ease}.btn-block{width:100%;text-align:left}.btn-primary{background:#2563eb;color:#fff}.btn-secondary{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.btn-ghost{background:transparent;border-color:#cbd5e1;color:#334155}.actions-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.highlight-box{border:1px solid #dbe2ea;background:#f8fafc;border-radius:16px;padding:20px}.highlight-box h3{margin:0 0 8px}.muted-label{margin:0 0 8px;color:#64748b;font-size:14px}.muted-text{color:#64748b}.spinner{color:#475569}.table-wrap{margin-top:24px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #e2e8f0}.form-grid{display:grid;gap:16px;margin-top:16px}.form-field{display:grid;gap:8px}.form-field label{font-weight:600;color:#0f172a}.form-input,.form-textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:12px 14px;background:#fff;color:#0f172a;font:inherit}.form-textarea{min-height:120px;resize:vertical}.preview-textarea{width:100%;min-height:440px;border:1px solid #cbd5e1;border-radius:14px;padding:16px;background:#f8fafc;color:#0f172a;font:inherit;line-height:1.6;resize:vertical}.notice-box{border:1px dashed #cbd5e1;border-radius:14px;padding:16px;background:#f8fafc}.alt-file-actions{width:150px}.recipients-box{border:1px solid #cbd5e1;background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:16px}.recipients-section+.recipients-section{margin-top:12px}.recipients-section strong{display:block;margin-bottom:6px}.mail-preview-paper{border:1px solid #cbd5e1;background:#fff;border-radius:12px;padding:18px;min-height:280px;line-height:1.65}.mail-preview-paper p{margin:0 0 12px}.mail-preview-paper ul{margin:0 0 12px 20px}.mail-preview-paper li{margin-bottom:6px}.mail-preview-paper strong{font-weight:700}.preview-textarea{min-height:320px;white-space:pre-wrap}.recipients-text{white-space:normal;overflow-wrap:anywhere;word-break:break-word}