:root{
    --blue:#061a40;
    --magenta:#d1008f;
    --ivory:#f8f3e7;
    --black:#111827;
    --muted:#6b7280;
    --border:#e5e7eb;
    --bg:#f4f6fb;
    --danger:#dc2626;
}
body{background:var(--bg);color:var(--black)}
a{color:var(--blue)}
.wm-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px;background:radial-gradient(circle at 10% 10%, rgba(209,0,143,.18), transparent 28%),radial-gradient(circle at 90% 20%, rgba(6,26,64,.22), transparent 32%),var(--bg)}
.wm-login-card{width:100%;max-width:460px;background:#fff;border-radius:28px;box-shadow:0 24px 60px rgba(6,26,64,.18);padding:34px}
.wm-login-logo{width:62px;height:62px;border-radius:20px;background:linear-gradient(135deg,var(--blue),var(--magenta));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:28px;margin-bottom:18px}
.wm-shell{display:flex;min-height:100vh}
.wm-sidebar{width:280px;background:linear-gradient(180deg,var(--blue),#020817);color:#fff;padding:24px;position:fixed;top:0;bottom:0;left:0}
.wm-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.wm-brand span{display:block;color:#d1d5db;font-size:13px}
.wm-logo{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--magenta),#fff1);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:24px}
.wm-compose{display:flex;width:100%;justify-content:center;background:var(--magenta);color:#fff;text-decoration:none;border-radius:16px;padding:13px 14px;font-weight:800;margin-bottom:22px;box-shadow:0 12px 28px rgba(209,0,143,.3)}
.wm-menu a{display:block;color:#e5e7eb;text-decoration:none;padding:12px 14px;border-radius:14px;margin-bottom:8px;font-weight:700}
.wm-menu a.active,.wm-menu a:hover{background:#ffffff18;color:#fff}
.wm-main{margin-left:280px;width:calc(100% - 280px);padding:28px}
.wm-topbar{background:#fff;border-radius:24px;padding:22px 26px;box-shadow:0 12px 35px rgba(6,26,64,.08);margin-bottom:22px}
.wm-topbar h1{margin:0;font-size:26px}
.wm-topbar p{margin:6px 0 0;color:var(--muted)}
.wm-card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 12px 35px rgba(6,26,64,.08);margin-bottom:22px}
.wm-alert{box-shadow:0 12px 35px rgba(6,26,64,.06)}
.wm-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:13px;background:var(--blue);color:#fff;text-decoration:none;border:0;font-weight:800;cursor:pointer}
.wm-btn-magenta{background:var(--magenta)}
.wm-btn-light{background:#fff;color:var(--blue);border:1px solid var(--border)}
.wm-btn-danger{background:var(--danger);color:#fff}
.wm-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;align-items:center}
.wm-message-row.unread td{font-weight:900;background:#fffdf7}
.wm-message-row a{text-decoration:none;color:var(--black)}
.wm-sender-link,.wm-subject-link{display:inline-block;color:var(--black);text-decoration:none}
.wm-sender-link:hover,.wm-subject-link:hover{color:var(--magenta);text-decoration:underline}
.wm-new-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#fee2e2;color:#dc2626;font-weight:900;font-size:15px;border:1px solid #fecaca}
.wm-no-check{display:inline-block;width:22px}
.wm-subject{max-width:540px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wm-message-body{border:1px solid var(--border);border-radius:18px;padding:20px;background:#fff;overflow:auto}
.wm-meta{background:var(--ivory);border-radius:18px;padding:16px;margin-bottom:18px}
.wm-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:18px}
textarea.form-control{min-height:260px}
.wm-secret{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:#f3f4f6;padding:3px 7px;border-radius:8px}
.wm-contact-wrap{position:relative}
.wm-contact-suggest{position:absolute;z-index:20;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 34px rgba(6,26,64,.16);left:0;right:0;top:100%;margin-top:6px;overflow:hidden;display:none}
.wm-contact-suggest button{display:block;width:100%;padding:10px 12px;background:#fff;border:0;text-align:left;cursor:pointer}
.wm-contact-suggest button:hover{background:#f8f3e7}
@media(max-width:900px){.wm-sidebar{position:relative;width:100%;height:auto;bottom:auto}.wm-shell{display:block}.wm-main{margin-left:0;width:100%;padding:18px}}