:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f2f4f8;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.center-screen,.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.muted{color:#697386}.login-panel{background:#fff;border:1px solid #dce1ea;border-radius:18px;width:min(100%,440px);padding:42px}.brand-mark{color:#fff;background:#1f62ff;border-radius:10px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:grid}.eyebrow{color:#1f62ff;letter-spacing:.16em;margin:22px 0 6px;font-size:11px;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:10px;font-size:30px;line-height:1.2}.intro{color:#697386;margin-bottom:28px;line-height:1.6}form{gap:18px;display:grid}label{color:#343d50;gap:8px;font-size:13px;font-weight:700;display:grid}input{color:#172033;background:#fff;border:1px solid #cfd5df;border-radius:10px;outline:none;width:100%;height:46px;padding:0 14px}input:focus{border-color:#1f62ff;box-shadow:0 0 0 3px #1f62ff1f}.primary-button,.refresh-button,.copy-code{color:#fff;background:#1f62ff;border:0;border-radius:10px;font-weight:750}.primary-button{height:48px;margin-top:4px}.privacy-note{color:#8a93a4;margin:20px 0 0;font-size:12px;line-height:1.55}.error-banner{color:#a32932;background:#fff4f4;border:1px solid #f1c7ca;border-radius:9px;margin:0;padding:11px 13px;font-size:13px}.mail-shell{min-height:100vh;padding:0 30px 30px}.topbar{border-bottom:1px solid #dce1ea;justify-content:space-between;align-items:center;min-height:104px;display:flex}.topbar .eyebrow{margin:0 0 4px}.topbar h1{margin:0;font-size:24px}.text-button,.tab{color:#697386;background:0 0;border:0;font-weight:700}.text-button:hover,.tab:hover{color:#1f62ff}.mail-toolbar{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.tabs{background:#e9ecf2;border:1px solid #dce1ea;border-radius:11px;gap:4px;padding:4px;display:flex}.tab{border-radius:7px;min-width:84px;padding:8px 13px}.tab.active{color:#172033;background:#fff}.refresh-button,.copy-code{padding:10px 15px}.page-error{margin-bottom:16px}.mail-layout{background:#fff;border:1px solid #dce1ea;border-radius:14px;grid-template-columns:minmax(270px,360px) minmax(0,1fr);min-height:calc(100vh - 178px);display:grid;overflow:hidden}.mail-list{background:#f8f9fb;border-right:1px solid #e2e6ed;overflow:auto}.mail-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #e2e6ed;gap:7px;width:100%;padding:18px;display:grid;position:relative}.mail-row:hover{background:#f1f4fa}.mail-row.selected{background:#eaf0ff}.mail-row.selected:before{content:"";background:#1f62ff;width:3px;position:absolute;inset:0 auto 0 0}.mail-subject{color:#202a3d;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:750;overflow:hidden}.mail-meta{color:#7b8495;font-size:12px}.code-pill{color:#1557e8;letter-spacing:.08em;background:#dfe9ff;border-radius:6px;width:fit-content;padding:3px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:800}.mail-detail{flex-direction:column;min-width:0;display:flex}.mail-heading{border-bottom:1px solid #e2e6ed;justify-content:space-between;align-items:center;gap:18px;min-height:94px;padding:20px 24px;display:flex}.mail-heading h2{margin-bottom:7px;font-size:18px}.mail-heading p{color:#7b8495;margin:0;font-size:12px}.copy-code{flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.mail-frame{background:#fff;border:0;flex:1;width:100%;min-height:520px}.empty-state{color:#7b8495;text-align:center;gap:8px;padding:34px 24px;display:grid}.empty-state strong{color:#3c4659}.empty-state span{font-size:12px;line-height:1.5}.detail-empty{margin:auto}@media (width<=760px){.login-panel{padding:30px 24px}.mail-shell{padding:0 14px 14px}.topbar{min-height:86px}.mail-layout{grid-template-columns:1fr}.mail-list{border-bottom:1px solid #e2e6ed;border-right:0;max-height:260px}.mail-heading{flex-direction:column;align-items:flex-start}.mail-frame{min-height:480px}}