:root{--navy:#071527;--navy2:#102033;--gold:#c9a33a;--bg:#f4f7fb;--line:#dbe3ef;--muted:#64748b;--danger:#b42318;--ok:#057a55}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Arial,Helvetica,sans-serif;color:var(--navy2)}a{color:#0f4c81;text-decoration:none}a:hover{text-decoration:underline}.topbar{background:var(--navy);border-bottom:4px solid var(--gold);color:white;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:5}.brand{font-weight:900;letter-spacing:.8px;font-size:20px}.tagline{color:var(--gold);font-size:12px;margin-top:4px;letter-spacing:.16em}.nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.nav a,.nav button{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 12px;font-size:13px}.nav a.active{background:var(--gold);color:#071527;font-weight:800}.wrap{max-width:1180px;margin:24px auto;padding:0 16px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(7,21,39,.08);overflow:hidden}.card-pad{padding:24px}.login{max-width:460px;margin:8vh auto}.field{margin:0 0 15px}.field label{display:block;font-weight:800;margin-bottom:7px;color:#102033}.field input,.field textarea,.field select{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:12px 13px;font:inherit;background:#fff}.field textarea{min-height:250px;resize:vertical}.btn{border:0;border-radius:12px;background:var(--navy);color:white;font-weight:800;padding:11px 16px;cursor:pointer;display:inline-block}.btn.gold{background:var(--gold);color:var(--navy)}.btn.red{background:var(--danger)}.btn.light{background:#eef2f7;color:#102033}.grid{display:grid;grid-template-columns:260px 1fr;gap:18px}.side{padding:16px}.side a{display:block;padding:11px 12px;border-radius:11px;color:#102033;font-weight:700}.side a.active,.side a:hover{background:#eef2f7;text-decoration:none}.mail-list{width:100%;border-collapse:collapse}.mail-list th,.mail-list td{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:middle}.mail-list tr.unread{font-weight:900;background:#fbfdff}.mail-list .subject{font-weight:800}.muted{color:var(--muted)}.pill{display:inline-flex;border-radius:999px;background:#eef2f7;padding:3px 8px;font-size:12px;color:#334155}.flash{border-radius:12px;padding:12px 14px;margin:0 0 16px;font-weight:700}.flash.ok{background:#ecfdf3;color:var(--ok);border:1px solid #abefc6}.flash.error{background:#fef3f2;color:var(--danger);border:1px solid #fecdca}.message-head{padding:18px 22px;border-bottom:1px solid var(--line)}.message-body{padding:22px;line-height:1.6;overflow:auto}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.attachments{display:flex;flex-direction:column;gap:8px;margin-top:16px}.attachment{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fbfdff}.footer{text-align:center;color:var(--muted);font-size:12px;padding:20px}.compose-grid{display:grid;grid-template-columns:1fr;gap:12px}.empty{text-align:center;padding:36px;color:var(--muted)}@media(max-width:820px){.topbar{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}.side{display:flex;overflow:auto;gap:8px}.side a{white-space:nowrap}.mail-list th:nth-child(3),.mail-list td:nth-child(3){display:none}.wrap{margin:14px auto}.card-pad{padding:18px}.brand{font-size:17px}.tagline{letter-spacing:.08em}.mail-list td,.mail-list th{padding:10px 7px}}

.install-btn{background:var(--gold)!important;color:var(--navy)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:800;cursor:pointer}.install-btn[hidden]{display:none!important}.offline-card{max-width:560px;margin:10vh auto}.app-safe-note{font-size:12px;color:var(--muted);margin-top:10px}@media(display-mode:standalone){.topbar{padding-top:calc(16px + env(safe-area-inset-top))}body{padding-bottom:env(safe-area-inset-bottom)}}