*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#1f2937}.login-body{min-height:100vh;display:grid;place-items:center}.login-card,.card,.modal-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.login-card{width:420px;max-width:92vw}label{display:block;margin:15px 0 6px;font-weight:bold}input{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:7px}button,.primary{padding:9px 12px;border:0;border-radius:7px;cursor:pointer}.primary{background:#2563eb;color:white}.full{width:100%;margin-top:18px}.topbar{padding:18px 24px;background:white;display:flex;justify-content:space-between}.topbar div{display:flex;gap:14px}.container{max-width:1200px;margin:auto;padding:25px}.toolbar{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin-bottom:15px}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left}.muted{color:#64748b}.alert{padding:12px;margin-bottom:12px;border-radius:7px}.success{background:#dcfce7}.error{background:#fee2e2;color:#991b1b}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center}.hidden{display:none}.modal-box{width:500px;max-width:92vw}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}@media(max-width:700px){.toolbar{grid-template-columns:1fr}.topbar{flex-direction:column;gap:10px}}
.email-compose{display:flex;align-items:center;border:1px solid #cbd5e1;border-radius:7px;overflow:hidden;background:#fff}
.email-compose input{border:0;border-radius:0;outline:none}
.email-compose span{padding:0 12px;color:#475569;white-space:nowrap;background:#f8fafc;align-self:stretch;display:flex;align-items:center;border-left:1px solid #e2e8f0}