:root{--font-stack: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--bg: #040c2a;--bg-soft: #0a143b;--panel: linear-gradient(180deg, rgba(24, 36, 86, .62), rgba(11, 19, 51, .74));--panel-flat: rgba(12, 21, 56, .84);--text: #e8eefc;--muted: #9aa6cc;--line: rgba(162, 187, 255, .2);--line-soft: rgba(162, 187, 255, .12);--accent: #4f8cff;--accent-soft: rgba(79, 140, 255, .2);--subject-color: #8db6ff;--btn: rgba(255, 255, 255, .07);--btn-hover: rgba(255, 255, 255, .14);--danger: #ff8f97;--danger-bg: rgba(255, 95, 95, .14);--shadow-lg: 0 22px 40px rgba(4, 10, 34, .34)}:root[data-theme=light]{--bg: #e9f1ff;--bg-soft: #cddfff;--panel: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(246, 250, 255, .97));--panel-flat: rgba(255, 255, 255, .92);--text: #142243;--muted: #4e628f;--line: rgba(37, 74, 146, .2);--line-soft: rgba(37, 74, 146, .11);--accent: #1f63e0;--accent-soft: rgba(31, 99, 224, .15);--subject-color: #184fb8;--btn: rgba(255, 255, 255, .88);--btn-hover: rgba(255, 255, 255, 1);--danger: #ce2d3f;--danger-bg: rgba(235, 57, 79, .12);--shadow-lg: 0 18px 36px rgba(64, 106, 186, .18)}html,body{overscroll-behavior:none;overflow:hidden}.authPage{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;color:var(--text);font-family:var(--font-stack);background:radial-gradient(1200px 760px at -8% -24%,rgba(79,140,255,.18),transparent 60%),radial-gradient(1000px 700px at 115% -22%,rgba(83,199,255,.16),transparent 62%),linear-gradient(155deg,var(--bg) 8%,var(--bg-soft) 80%)}.authCard{width:min(460px,100%);border:1px solid var(--line);background:var(--panel);border-radius:16px;box-shadow:var(--shadow-lg);padding:20px;display:grid;gap:12px}.authField input{width:100%}.authBtn{margin-top:6px}.authError{margin:0}.page{position:relative;min-height:100vh;min-height:100dvh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;color:var(--text);font-family:var(--font-stack);background:radial-gradient(1200px 760px at -8% -24%,rgba(79,140,255,.18),transparent 60%),radial-gradient(1000px 700px at 115% -22%,rgba(83,199,255,.16),transparent 62%),linear-gradient(155deg,var(--bg) 8%,var(--bg-soft) 80%)}.topbar{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line-soft);position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;gap:12px;align-items:center}.dot{width:12px;height:12px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 6px var(--accent-soft)}.title{font-weight:700;font-size:33px;line-height:1;letter-spacing:-.03em}.subtitle{margin-top:6px;font-size:13px;color:var(--muted)}.controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.field{display:grid;gap:6px;font-size:12px;color:var(--muted)}.searchField input{width:260px}.field input{width:250px;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel-flat);color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field input[type=number]{width:110px}.btn,.iconBtn,.chip,.tab{border-radius:12px;border:1px solid var(--line);background:var(--btn);color:var(--text);cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease}.btn{padding:11px 14px;font-weight:600}.btn:hover,.iconBtn:hover,.chip:hover,.tab:hover{background:var(--btn-hover);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.btn:disabled,.iconBtn:disabled{opacity:.56;cursor:not-allowed}.btn.secondary{background:color-mix(in srgb,var(--btn) 84%,transparent)}.activeBtn{border-color:color-mix(in srgb,var(--accent) 56%,var(--line));background:color-mix(in srgb,var(--accent-soft) 60%,transparent)}.iconBtn{width:44px;height:44px;display:grid;place-items:center;padding:0}.iconBtn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.iconBtn svg circle:last-child,.iconBtn svg path:last-child{fill:currentColor;stroke:currentColor}.error{margin:14px 20px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--danger) 45%,var(--line));background:var(--danger-bg);border-radius:12px;color:var(--danger)}.grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px 20px 24px;overflow:auto;overscroll-behavior:none;align-content:start}.panel{border:1px solid var(--line);background:var(--panel);border-radius:16px;overflow:hidden;min-height:70vh;display:grid;grid-template-rows:auto 1fr auto;box-shadow:var(--shadow-lg)}.panelHead{padding:13px 14px;border-bottom:1px solid var(--line-soft)}.panelTitle{font-weight:700;display:flex;align-items:center;gap:10px;letter-spacing:-.01em}.badge{font-size:12px;padding:2px 9px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--accent-soft) 55%,transparent)}.chips{margin-top:9px;display:flex;gap:8px;flex-wrap:wrap}.chip{padding:5px 10px;border-radius:999px;font-size:12px}.chip.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent-soft) 62%,transparent)}.panelHint{margin-top:7px;font-size:12px;color:var(--muted)}.panelHint code{color:var(--text)}.list{overflow:auto;overscroll-behavior:contain;padding:8px}.row{width:100%;text-align:left;color:var(--text);border:1px solid var(--line-soft);background:color-mix(in srgb,var(--panel-flat) 92%,transparent);padding:10px 12px;border-radius:12px;margin:8px 0;cursor:pointer}.row:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--panel-flat) 100%,white 8%);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.row.active{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));background:color-mix(in srgb,var(--accent-soft) 54%,var(--panel-flat))}.row.unread .subject{color:var(--subject-color)}.row:not(.unread) .subject{color:color-mix(in srgb,var(--text) 78%,var(--muted))}.rowTop{display:flex;justify-content:space-between;gap:10px}.subjectLine{display:flex;gap:7px;align-items:center;min-width:0}.unreadDot{width:7px;height:7px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);flex:0 0 auto}.subject{font-weight:650;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment{color:var(--muted);font-size:11px}.when{font-size:12px;color:var(--muted);white-space:nowrap}.rowMid{display:flex;justify-content:space-between;gap:10px;margin-top:6px}.from{font-size:12px;color:color-mix(in srgb,var(--text) 82%,var(--muted));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{font-size:12px;color:var(--muted)}.preview{margin-top:7px;font-size:12px;line-height:1.45;color:color-mix(in srgb,var(--text) 76%,var(--muted));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.panelFoot{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 14px;border-top:1px solid var(--line-soft)}.muted{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.muted code{color:var(--text)}.readerPanel{grid-template-rows:auto 1fr}.readerHead{position:sticky;top:0;z-index:1;background:color-mix(in srgb,var(--panel-flat) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.readerTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.tabs{display:flex;gap:8px}.tab{padding:6px 12px;font-size:12px;border-radius:10px}.tab.active{border-color:color-mix(in srgb,var(--accent) 56%,var(--line));background:color-mix(in srgb,var(--accent-soft) 65%,transparent)}.detail{padding:0;overflow:auto;overscroll-behavior:contain}.readerBody{min-height:55vh}.message{min-height:100%;display:grid;grid-template-rows:auto 1fr}.messageHead{position:sticky;top:0;z-index:1;padding:14px;border-bottom:1px solid var(--line-soft);background:color-mix(in srgb,var(--panel-flat) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.messageSubject{margin:0;font-size:20px;line-height:1.25;letter-spacing:-.01em;font-weight:700;color:var(--subject-color)}.messageActions{margin-top:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.metaGrid{margin-top:10px;display:grid;gap:7px}.metaGrid div{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center;font-size:13px}.metaGrid span{color:var(--muted)}.messageContent{padding:16px 14px 20px}.messageBodySurface{border:1px solid var(--line-soft);border-radius:14px;overflow:hidden}.htmlSurface{background:#fff;color:#111827}.textSurface{background:color-mix(in srgb,var(--panel-flat) 92%,black 8%)}.emailText,.emailHtml{font-size:14px;line-height:1.55;color:inherit;padding:14px}.emailText{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.emailText a,.emailHtml a{color:var(--accent);text-decoration:underline}.emailText a{word-break:break-word}.emailHtml{white-space:normal;overflow-wrap:normal;word-break:normal;max-width:100%;overflow-x:auto}.emailHtml img,.emailHtml video,.emailHtml iframe{max-width:100%;height:auto}.emailHtml table{display:table;max-width:none;border-collapse:collapse}.emailHtml pre,.emailHtml code{white-space:pre-wrap;overflow-wrap:anywhere}.emailHtml blockquote{margin-left:0;padding-left:12px;border-left:3px solid rgba(15,23,42,.24)}.emailHtml p,.emailHtml li{margin-top:0}.attachmentsSection{margin-top:14px;border-top:1px solid var(--line-soft);padding-top:12px}.attachmentsTitle{margin:0 0 10px;font-size:14px;color:var(--text)}.attachmentsList{display:grid;gap:10px}.attachmentCard{border:1px solid var(--line-soft);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--panel-flat) 88%,transparent)}.attachmentName{font-size:13px;font-weight:650;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachmentInfo{margin-top:4px;font-size:12px;color:var(--muted)}.attachmentActions{margin-top:8px;display:flex;gap:10px}.attachmentLink{font-size:12px;color:var(--accent);text-decoration:underline}.attachmentPreviewWrap{margin-top:10px;border:1px solid var(--line-soft);border-radius:10px;padding:8px;background:color-mix(in srgb,var(--panel-flat) 78%,transparent)}.attachmentPreview{display:block;width:100%;max-height:300px;object-fit:contain}.json{margin:12px;padding:12px;border-radius:12px;border:1px solid var(--line-soft);background:color-mix(in srgb,var(--panel-flat) 86%,black 14%);overflow:auto;font-size:12px}.composeForm{padding:14px;display:grid;gap:11px}.composeField{display:grid;gap:6px;font-size:12px;color:var(--muted)}.composeField input,.composeField textarea{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel-flat) 92%,transparent);color:var(--text);outline:none;font:inherit;transition:border-color .15s ease,box-shadow .15s ease}.composeField textarea{resize:vertical}.composeField input:focus,.composeField textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.composeActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.compactError{margin:0}.sendInfo{border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent-soft) 60%,transparent);color:var(--text);border-radius:12px;padding:10px 12px;font-size:13px}.empty{color:var(--muted);padding:18px 10px}@media (max-width: 1250px){.searchField input{width:220px}}@media (max-width: 1120px){.title{font-size:27px}.controls{justify-content:flex-end}.searchField input{width:180px}}@media (max-width: 980px){.grid{grid-template-columns:1fr}.panel{min-height:55vh}.topbar{align-items:end;flex-wrap:wrap}.field input,.searchField input{width:100%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-height:100vh}