:root{color:#172026;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef3f4}.login-card{width:min(100%,380px);display:grid;gap:16px;padding:28px;background:#fff;border:1px solid #d9e1e4;border-radius:8px;box-shadow:0 16px 40px #1e292d1a}.login-card h1,.message-list h1,.reader h2{margin:0;letter-spacing:0}label{display:grid;gap:6px;font-weight:600}input{width:100%;border:1px solid #cbd5d8;border-radius:6px;padding:11px 12px}button{border:0;border-radius:6px;padding:11px 14px;background:#176b6b;color:#fff;cursor:pointer}button:disabled{cursor:wait;opacity:.7}.mail-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(280px,420px) minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;gap:24px;padding:20px;color:#eef8f7;background:#123333}.eyebrow{margin:0 0 4px;color:#a9c6c3;font-size:12px;text-transform:uppercase}nav{display:grid;gap:8px}.nav-item,.ghost{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;color:inherit;text-align:left}.nav-item.active,.nav-item:hover,.ghost:hover{background:#1f4b4b}.message-list{border-right:1px solid #d9e1e4;background:#fff;overflow:auto}.message-list header,.reader header{padding:20px;border-bottom:1px solid #d9e1e4}.message-list header p,.reader header p,.reader time{margin:6px 0 0;color:#617075}.message-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:14px 20px;color:#172026;background:#fff;border-radius:0;border-bottom:1px solid #edf1f2;text-align:left}.message-row:hover{background:#f1f6f6}.message-row.unread .subject,.message-row.unread .from{font-weight:700}.from,.subject{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.from{grid-column:1}.subject{grid-column:1;color:#405055}.message-row time{grid-column:2;grid-row:1 / span 2;color:#6a7a7f;font-size:12px;align-self:center}.reader{min-width:0;background:#fbfcfc}.message-body{padding:24px;line-height:1.6;overflow-wrap:anywhere}.message-body img{max-width:100%;height:auto}.empty,.error{margin:0;color:#6a7a7f}.empty{padding:20px}.error{color:#a31f1f}.inline{padding:12px 20px}@media(max-width:860px){.mail-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.message-list{border-right:0}}