body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#eef3f8;color:#0f172a}
a{text-decoration:none;color:inherit}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card,.card,.mail-body{background:#fff;border:1px solid #dbe3ef;border-radius:22px;box-shadow:0 18px 50px rgba(15,23,42,.08);padding:20px}
.logo{font-size:26px;font-weight:900}.muted{color:#53678d}.form-control,textarea,select{width:100%;border:1px solid #bfd0e6;border-radius:14px;padding:12px 14px;font-size:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:11px 16px;font-weight:800;cursor:pointer;background:#e2e8f0}.btn-primary{background:#2563eb;color:#fff}.btn-danger{background:#ef4444;color:#fff}.btn-block{width:100%}.mb{margin-bottom:14px}.mt{margin-top:14px}.small{font-size:12px}
.app{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{background:#111b31;color:#fff;padding:20px}.side-logo{font-size:22px;font-weight:900;margin-bottom:24px}.nav a{display:block;padding:13px 13px;border-radius:14px;margin-bottom:9px;color:#dbeafe;font-size:16px}.nav a:hover{background:#1d4ed8}
.main{padding:22px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.grid{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr)}.stat{padding:18px;border-radius:22px;background:#fff;border:1px solid #dbeafe}.stat .num{font-size:28px;font-weight:900}
.table{width:100%;border-collapse:separate;border-spacing:0 8px}.table th{text-align:left;color:#53678d;font-size:12px;padding:8px}.table td{background:#fff;padding:12px;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.badge{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;background:#e0f2fe;color:#075985}.green{background:#dcfce7;color:#166534}.red{background:#fee2e2;color:#991b1b}
.mail-layout{display:grid;grid-template-columns:390px 1fr;gap:16px}.mail-list{max-height:calc(100vh - 190px);overflow:auto}.mail-item{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:13px;margin-bottom:10px}.mail-item:hover{border-color:#2563eb}.mail-subject{font-weight:900}.mail-from,.mail-snippet{font-size:13px;color:#64748b}.flash{padding:12px 14px;border-radius:16px;margin-bottom:10px;font-weight:700}.flash.success{background:#dcfce7;color:#166534}.flash.error{background:#fee2e2;color:#991b1b}.readonly-pill{display:inline-block;background:#fef3c7;color:#92400e;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:900}
@media(max-width:900px){.app{grid-template-columns:1fr}.mail-layout,.grid-3{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}