:root{--bg: #f4f6f8;--card: #ffffff;--line: #e3e7ec;--text: #1c2530;--muted: #6b7684;--accent: #0f766e;--accent-soft: rgba(15, 118, 110, .12);--ok: #1a7f37;--warn: #9a3412;--danger: #b42318;--sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}.portal{max-width:620px;margin:0 auto;padding:28px 20px 60px}.head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-weight:600;letter-spacing:.02em}.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--accent)}.mailbox{font-size:13px;color:var(--muted)}.banner{margin-top:16px;padding:10px 14px;background:#fff8e1;border:1px solid #ffe082;border-radius:8px;font-size:13px;color:#7a5b00}.title{font-size:20px;margin:26px 0 14px}.msg,.empty{color:var(--muted);margin-top:24px}.empty{padding:28px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:12px}.notice{margin-top:32px;padding:28px;background:var(--card);border:1px solid var(--line);border-radius:12px}.notice h1{font-size:19px;margin:0 0 8px}.notice p{color:var(--muted);margin:0;line-height:1.55}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.card.resolved{opacity:.72}.row1{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.date{font-size:12px;color:var(--muted);white-space:nowrap}.tag{flex:0 0 auto;align-self:center;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:999px;background:#eef1f4;color:var(--muted)}.tag.phish,.tag.malware{background:#fdecea;color:var(--danger)}.tag.spam{background:#fff4e5;color:var(--warn)}.subject{font-weight:600;font-size:15px;line-height:1.35}.from{font-size:13px;color:var(--muted);margin-top:3px;word-break:break-all}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}.malware-note{flex:1 1 100%;font-size:13px;color:var(--warn);line-height:1.5;margin-bottom:4px}.btn{all:unset;cursor:pointer;font-size:13.5px;font-weight:500;padding:8px 15px;border-radius:8px;background:var(--accent);color:#fff}.btn:hover{background:#0b5f58}.btn:focus-visible{outline:3px solid var(--accent-soft)}.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--line)}.btn.ghost:hover{background:#f4f6f8}.btn:disabled{opacity:.5;cursor:default}.done{margin-top:14px;font-size:13.5px;color:var(--muted)}.done.ok{color:var(--ok)}.err{margin-top:10px;font-size:13px;color:var(--danger)}.turnstile{margin-bottom:16px}.tabs{display:flex;gap:4px;margin:8px 0 20px;border-bottom:1px solid var(--line, #e3e7ec)}.tabs button{all:unset;cursor:pointer;padding:10px 16px;font-size:15px;font-weight:600;color:#6b7684;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button:hover{color:var(--accent)}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.cont-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.cont-head .hint{flex:1}.reader-bar{display:flex;gap:8px;align-items:center;justify-content:space-between}.reader-subject{font-size:18px;margin:14px 0 8px}.compose{display:flex;flex-direction:column;gap:6px}.compose label{font-size:12.5px;font-weight:600;color:var(--muted);margin-top:8px}.compose input,.compose textarea{font:inherit;font-size:14px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:inherit;width:100%;box-sizing:border-box}.compose textarea{resize:vertical;line-height:1.5}.compose input:focus,.compose textarea:focus{outline:3px solid var(--accent-soft);border-color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[tabindex="-1"]:focus{outline:none}.tabs button:focus-visible,.lang select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.head-right{display:flex;align-items:center;gap:12px}.lang select{font:inherit;font-size:13px;padding:4px 6px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--text)}.spinner{display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-1px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.hint{color:var(--muted);font-size:13px}.empty strong{display:block;color:var(--text);margin-bottom:6px}.done.approval{padding:10px 12px;background:var(--accent-soft);border-radius:8px;color:var(--text)}.done.approval p{margin:4px 0 0;color:var(--muted)}.btn.danger{background:var(--danger);border-color:var(--danger)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172073;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.dialog{background:var(--card);border-radius:12px;max-width:460px;width:100%;padding:22px;box-shadow:0 12px 40px #0003}.dialog.danger{border-top:4px solid var(--danger)}.dialog h2{margin:0 0 10px;font-size:18px}.dialog-body p{margin:8px 0;line-height:1.5}.dialog-body .warn{color:var(--danger)}.dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:16px}code.pattern{display:inline-block;padding:4px 8px;background:var(--bg);border:1px solid var(--line);border-radius:6px;font-size:14px;word-break:break-all}.notice.inactive h2{font-size:18px}.message{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px}.headers{margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:13px}.headers .hrow{display:grid;grid-template-columns:80px 1fr;gap:8px;padding:2px 0}.headers dt{color:var(--muted)}.headers dd{margin:0;overflow-wrap:anywhere}.message .body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.55}.attachments{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.attachments h3{font-size:14px;margin:0 0 6px}.attachments ul{margin:0;padding-left:18px;font-size:13px}.att-meta{color:var(--muted)}