:root{font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif;--accent: #00a0a0;--bg: #000000;--surface: #121212;--surface-2: #1e1e1e;--text: #ffffff;--text-muted: #cccccc;--line: #2b2b2b;color:var(--text);background:var(--bg)}.layout.theme-dark{--accent: #00a0a0;--bg: #000000;--surface: #121212;--surface-2: #1e1e1e;--text: #ffffff;--text-muted: #cccccc;--line: #2b2b2b}.layout.theme-light{--accent: #0f766e;--bg: #f4f7fb;--surface: #ffffff;--surface-2: #eef2f7;--text: #0f172a;--text-muted: #475569;--line: #d2dae6}*{box-sizing:border-box}body{margin:0;background:var(--bg)}*{scrollbar-width:thin;scrollbar-color:var(--surface-2) var(--surface)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--surface)}*::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:999px;border:2px solid var(--surface)}.layout{display:grid;grid-template-columns:276px 1fr;min-height:100vh;background:var(--bg);color:var(--text)}.layoutSingle{grid-template-columns:1fr}.sidebar{display:flex;flex-direction:column;min-height:100vh;background:var(--surface);border-right:1px solid var(--line);padding:16px;color:var(--text)}.sidebarScroll{flex:1;min-height:0}.sidebarFooter{flex-shrink:0;padding-top:12px;border-top:1px solid var(--line);margin-top:12px}.signOutBtn{padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--text-muted);font-size:13px;cursor:pointer}.signOutBtn:hover{color:var(--text);border-color:var(--accent);background:var(--surface-2)}.brandWrap{margin-bottom:16px}.brand{font-size:24px;font-weight:700}.brandSub{margin-top:4px;color:var(--text-muted);font-size:13px}.navItem{width:100%;text-align:left;display:flex;align-items:center;gap:10px;margin-bottom:10px;background:transparent;border:1px solid var(--line);color:var(--text);padding:12px;border-radius:10px;cursor:pointer;font-size:14px}.navIcon{display:inline-grid;place-items:center;width:20px}.navIconSvg{width:18px;height:18px;color:currentColor}.navItem.active{background:#0a2a2a;border-color:var(--accent);color:#d5ffff}.content{padding:16px}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 8px}.toolbar .actions{display:flex;align-items:center;gap:8px}.themeSwitch{position:relative;width:44px;height:24px;display:inline-block}.themeSwitch input{display:none}.themeSlider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);transition:.2s ease}.themeSlider:before{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:999px;background:var(--text);transition:.2s ease}.themeSwitch input:checked+.themeSlider:before{transform:translate(20px)}.toolbar h1{margin:0;font-size:22px;letter-spacing:.2px}.toolbarSub{margin-top:2px;color:var(--text-muted);font-size:13px}.split{margin-top:12px;display:grid;grid-template-columns:380px 1fr;gap:12px;align-items:start}.mailList,.detail{background:var(--surface);border:1px solid var(--line);border-radius:12px;height:calc(100vh - 150px);overflow:auto}.mailList{position:sticky;top:12px}.mailRow{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;padding:12px;text-align:left;cursor:pointer}.theme-dark .mailRow:hover{background:#171717}.theme-light .mailRow:hover{background:var(--surface-2)}.mailRow.active{background:#0a2a2a}.mailRow.active .mailSender,.mailRow.active .mailSubject,.mailRow.active .mailSnippet,.mailRow.active .mailTime{color:#fffffff2}.mailRow.active .avatar.unread,.mailRow.active .avatar.read{background:#ffffff38;color:#fff}.mailRowTop{display:flex;align-items:center;justify-content:space-between;gap:8px}.mailIdentity{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:700}.avatar.unread{background:#0a2a2a;color:#d5ffff}.avatar.read{background:var(--surface-2);color:var(--text-muted)}.mailTime{color:var(--text-muted);font-size:12px}.mailSender{font-size:14px}.mailSender.unread{font-weight:700}.mailSender.read{font-weight:400}.mailSubject{margin-top:4px;font-family:Roboto,Segoe UI,Arial,sans-serif}.mailSubject.unread{font-weight:700}.mailSubject.read{font-weight:400}.mailSnippet{margin-top:6px;color:var(--text-muted);font-size:13px;font-family:Roboto,Segoe UI,Arial,sans-serif}.mailSnippet.unread{font-weight:700}.mailSnippet.read{font-weight:400}.detail{padding:16px}.detail h2{margin-top:2px;margin-bottom:8px;font-size:20px}.meta{color:var(--text-muted);margin-bottom:6px}.plainBody{white-space:pre-wrap;line-height:1.45;font-family:Roboto,Segoe UI,Arial,sans-serif;font-size:14px}.htmlBody{background:#fff;color:#111;border-radius:8px;padding:12px}.attachmentsSection{margin-top:12px}.mailAttachmentGrid{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.mailAttachmentCard{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:10px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px}.mailAttachmentIcon svg{width:22px;height:22px;color:var(--text-muted)}.mailAttachmentName{font-size:13px;line-height:1.3;word-break:break-word}.mailAttachmentBtn{text-decoration:none;color:var(--accent);font-size:12px;border:1px solid var(--line);border-radius:999px;padding:5px 9px}.actions button{margin-right:8px;margin-bottom:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:7px 11px;border-radius:8px;cursor:pointer}.actions button:hover{border-color:var(--accent)}.toolbar .actions .iconBtn{margin:0;padding:0;border:1px solid var(--line);width:38px;height:38px}.iconBtn{width:38px;height:38px;padding:0;display:inline-grid;place-items:center;margin:0;line-height:0;border:1px solid var(--line);background:var(--surface-2);border-radius:10px;color:var(--text);cursor:pointer}.iconBtnInner{width:100%;height:100%;display:grid;place-items:center;align-items:center;justify-items:center}.iconBtnSvg{width:17px;height:17px;display:block;flex:none;margin:0 auto;transform:none;overflow:visible}.threadBar{margin-top:10px;color:var(--text-muted);font-size:13px}.emptyBlock{padding:18px;color:var(--text-muted)}.error{margin-top:10px;color:#ff8d8d}.searchWrap{margin-top:6px}.searchInput{width:100%;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:10px 12px}.searchInput:focus{outline:none;border-color:var(--accent)}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:grid;place-items:center}.composeDialog{width:min(760px,96vw);max-height:88vh;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 18px 48px #00000080}.composeHeader{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 14px}.composeHeader h3{margin:0;font-size:14px;color:var(--text-muted);font-weight:600}.composeFields{border-bottom:1px solid var(--line)}.composeLineInput{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:10px 14px;font-family:Roboto,Segoe UI,Arial,sans-serif}.composeLineInput:last-child{border-bottom:0}.composeLineInput:focus,.composeBody:focus{outline:none}.composeBody{width:100%;resize:none;border:0;background:transparent;color:var(--text);padding:12px 14px;font-family:Roboto,Segoe UI,Arial,sans-serif;line-height:1.5;min-height:220px}.attachBtn{margin:0 14px 8px;width:fit-content;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:13px;cursor:pointer;color:var(--text-muted)}.attachBtn input{display:none}.attachmentList{list-style:none;margin:0 14px 10px;padding:0;display:flex;gap:8px;flex-wrap:wrap}.attachmentList li{border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px;color:var(--text-muted)}.composeFooter{border-top:1px solid var(--line);padding:10px 14px;display:flex;gap:8px}.sendBtn{border:0;border-radius:999px;background:var(--accent);color:#031212;font-weight:700;padding:8px 16px;cursor:pointer}.ghostBtn{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text-muted);padding:8px 14px;cursor:pointer}.loginPage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px 48px;position:relative}.loginTopBar{position:absolute;top:16px;right:16px}.loginCard{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px 24px 22px;box-shadow:0 8px 32px #0000001f}.theme-dark .loginCard{box-shadow:0 8px 32px #00000073}.loginTitle{margin:0;font-size:26px;font-weight:700}.loginSubtitle{margin:6px 0 0;color:var(--text-muted);font-size:14px}.loginError{margin-top:14px;padding:10px 12px;border-radius:8px;background:#dc26261f;color:#f87171;font-size:13px}.loginLabel{display:block;margin-top:18px;font-size:12px;color:var(--text-muted);font-weight:600;letter-spacing:.02em}.loginInput{display:block;width:100%;margin-top:8px;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:15px}.loginInput:focus{outline:none;border-color:var(--accent)}.loginSubmit{width:100%;margin-top:22px;padding:12px 16px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-size:15px;font-weight:700;cursor:pointer}.loginSubmit:hover{filter:brightness(1.08)}.loginHint{margin:16px 0 0;font-size:12px;color:var(--text-muted);line-height:1.45}