.clientUpdateBanner{position:fixed;top:0;left:0;right:0;z-index:10050;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem 1rem;padding:.55rem 1rem;background:linear-gradient(90deg,#0c4a6e,#075985,#0c4a6e);color:#f0f9ff;font-size:.875rem;line-height:1.35;box-shadow:0 2px 12px #0f172a40}.clientUpdateBannerText{text-align:center}.clientUpdateBannerBtn{flex-shrink:0;border:1px solid rgba(255,255,255,.45);border-radius:8px;padding:.35rem .85rem;font-size:.8125rem;font-weight:600;cursor:pointer;background:#f0f9ff;color:#0c4a6e}.clientUpdateBannerBtn:hover{background:#fff}.clientUpdateBannerBtn:focus-visible{outline:2px solid #7dd3fc;outline-offset:2px}.loginAdsenseWrap{margin-top:1.5rem;min-width:0;width:100%;overflow:hidden}.loginAdsenseWrap .adsbygoogle{display:block}.appShell{display:flex;height:100%;min-height:100vh;background:var(--app-bg);color:var(--text)}.appShellNav{width:220px;flex-shrink:0;display:flex;flex-direction:column;padding:1.25rem .75rem;color-scheme:light;color:#0f172a;background-color:#f8fafc;background:#f8fafc;border-left:1px solid #e2e8f0;box-shadow:-2px 0 12px #0f172a0d;transition:width .2s ease,padding .2s ease}.appShellNavToggle{display:none;align-items:center;justify-content:center;gap:.35rem;width:100%;margin-bottom:.65rem;padding:.4rem .5rem;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit}.appShellNavToggle:hover{background:#f1f5f9;color:#0f172a}.appShellNavToggleIcon{font-size:1rem;line-height:1;letter-spacing:-.05em}.appShellNavToggleText{font-size:.75rem}.appShellNavLabel{min-width:0}.appShellLogout{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.appShellLogoutIcon{display:none;font-size:1rem;line-height:1}.appShellLogoutLabel{display:inline}@media (min-width: 721px){.appShellNavToggle{display:flex}.appShellNavCollapsed .appShellNav{width:3.5rem;padding:.75rem .35rem;align-items:center}.appShellNavCollapsed .appShellNavToggle{padding:.35rem .25rem;margin-bottom:.5rem}.appShellNavCollapsed .appShellNavToggleText{display:none}.appShellNavCollapsed .appShellBrand{flex-direction:column;justify-content:center;padding-left:0;padding-right:0;gap:0}.appShellNavCollapsed .appShellBrandText{display:none}.appShellNavCollapsed .appShellNavList{width:100%;align-items:center}.appShellNavCollapsed .appShellNavLink{justify-content:center;padding-left:.35rem;padding-right:.35rem}.appShellNavCollapsed .appShellNavLabel{display:none}.appShellNavCollapsed .appShellNavFoot{align-items:center;width:100%}.appShellNavCollapsed .appShellUser{display:none}.appShellNavCollapsed .appShellLogout{padding:.4rem .35rem;min-width:0}.appShellNavCollapsed .appShellLogoutIcon{display:inline}.appShellNavCollapsed .appShellLogoutLabel{display:none}}.appShellBrand{display:flex;align-items:center;gap:.6rem;padding:0 .5rem 1.25rem;margin-bottom:.5rem;border-bottom:1px solid #e2e8f0}.appShellBrandMark{width:2.25rem;height:2.25rem;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-size:1.1rem}.appShellBrandText{display:flex;flex-direction:column;gap:.1rem;min-width:0}.appShellBrandTitle{font-weight:700;font-size:.82rem;letter-spacing:-.02em;color:#0f172a;line-height:1.35}.appShellBrandTagline{font-size:.65rem;line-height:1.35;color:#64748b;display:block}.appShellNavLinkMuted{color:#64748b}.appShellNavLinkMuted:hover{color:#0f172a}.appShellNavList{display:flex;flex-direction:column;gap:.25rem}.appShellNavLink{display:flex;align-items:center;gap:.55rem;padding:.55rem .65rem;border-radius:8px;font-size:.875rem;font-weight:500;color:#475569;text-decoration:none;transition:background .15s,color .15s}.appShellNavLink:hover{background:#f1f5f9;color:#0f172a}.appShellNavLinkActive{background:#0284c71f;color:#0284c7}.appShellNavIcon{width:1.25rem;text-align:center;opacity:.9}.appShellNavFoot{margin-top:auto;padding-top:1rem;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem}.appShellUser{font-size:.75rem;color:#64748b;padding:0 .35rem;line-height:1.35;word-break:break-all}.appShellLogout{padding:.45rem .65rem;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#dc2626;font-size:.8125rem;cursor:pointer}.appShellLogout:hover{background:#dc262614}.appShellMain{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.appShellMain>*{flex:1;min-height:0;min-width:0}@media (max-width: 720px){.appShell{flex-direction:column}.appShellNav{order:-1;width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem;border-left:none;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 10px #0f172a0d}.appShellBrand{border-bottom:none;margin-bottom:0;padding-bottom:0;flex:1}.appShellNavList{flex-direction:row;flex-wrap:wrap}.appShellNavFoot{margin-top:0;padding-top:0;border-top:none;flex-direction:row;align-items:center;width:100%;justify-content:space-between}.appShellUser{display:none}}.mailRoot{display:flex;flex:1;min-height:0;background:var(--app-bg)}.mailAggRoot{flex:1;min-height:0}.mailAggHeader{flex-shrink:0;padding:.65rem .75rem .5rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#f8fafc 0%,var(--surface) 100%)}.mailAggTitleRow{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.mailAggTitle{margin:0;font-size:1rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.mailAggBack{flex-shrink:0;font-size:.8125rem;font-weight:600;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:.3rem}.mailAggBack:hover{text-decoration:underline}.mailAggLead{margin:.4rem 0 0;font-size:.75rem;line-height:1.45;color:var(--muted)}.mailAggMb{font-size:.68rem;color:var(--muted);margin-bottom:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mailAggRow{padding-top:.55rem}.mailAggRoot .mailAggHeader{padding:.45rem .65rem .35rem}.mailAggRoot .mailAggLead{margin:.22rem 0 0;font-size:.7rem;line-height:1.35}.mailAggRoot .mailToolbar{padding:.45rem .65rem;gap:.35rem}.mailAggRoot .mailRow{padding:.45rem .65rem}.mailAggRoot .mailRowUnread:not(.mailRowSelected){padding-left:calc(.65rem - 3px)}.mailAggRoot .mailRowSelected{padding-left:calc(.65rem - 3px)}.mailAggRoot .mailAggRow{padding-top:.3rem}.mailAggRowWithPick{display:flex;flex-direction:row;align-items:flex-start;gap:.35rem;padding-left:.5rem}.mailAggRowWithPick .mailAggPick{flex-shrink:0;display:flex;align-items:flex-start;padding-top:.12rem;cursor:pointer}.mailAggRowWithPick .mailAggPick input{cursor:pointer;width:.95rem;height:.95rem}.mailAggRowWithPick .mailAggRowMain{flex:1;min-width:0;cursor:pointer;text-align:left;padding-bottom:.05rem}.mailAggRoot .mailAggMb{font-size:.62rem;margin-bottom:.05rem}.mailAggRoot .mailFrom{font-size:.75rem;margin-bottom:.08rem}.mailAggRoot .mailSubj{font-size:.75rem}.mailAggRoot .mailRowFoot{margin-top:.18rem}.mailAggRoot .mailDate{font-size:.65rem}.mailAggRoot .tagAtt{font-size:.6rem;padding:.04rem .28rem}.mailAggRoot .mailListSkeleton{padding:.45rem .65rem;gap:.35rem}.mailAggRoot .mailLoadingMore{padding:.45rem;font-size:.72rem}.mailSidebar{width:260px;flex-shrink:0;min-height:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow-md)}.mailSidebarHead{flex:1;min-height:0;padding:.85rem .9rem .65rem;display:flex;flex-direction:column}.mailSidebarTitle{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.4rem;display:flex;align-items:center;gap:.3rem}.mailSidebarTitle svg{width:14px;height:14px;color:var(--accent)}.mailSidebarScroll{flex:1;min-height:120px;overflow-y:auto;margin-right:-.15rem;padding-right:.15rem}.mailSidebarFooter{flex-shrink:0;margin-top:.55rem;padding-top:.55rem;border-top:1px solid var(--border-subtle)}.mailSidebarQuota{margin:0 0 .35rem;font-size:.68rem;color:var(--muted);line-height:1.4;display:flex;align-items:center;gap:.3rem}.mailSidebarQuota svg{width:12px;height:12px}.mailOnboardCard{padding:.75rem;min-height:6rem;display:flex;flex-direction:column;gap:.4rem;background:var(--accent-gradient-soft);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.mailOnboardLead{font-size:.8125rem;font-weight:700;color:var(--text);margin:0;display:flex;align-items:center;gap:.35rem}.mailOnboardLead svg{width:16px;height:16px;color:var(--accent)}.mailOnboardHint{margin:0;font-size:.72rem;line-height:1.45;color:var(--text-secondary)}.mailOnboardHint a{color:var(--accent);font-weight:600}.mailOpenRow{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.mailOpenRemain{font-size:.7rem;color:var(--muted);width:100%;display:flex;align-items:center;gap:.25rem}.mailOpenRemain svg{width:12px;height:12px;color:var(--accent)}.mailOpenField{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--muted)}.mailInputNum{width:3.5rem;padding:.3rem .4rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.78rem;background:var(--surface);transition:var(--transition-fast)}.mailInputNum:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.mailSidebarSearch{display:block;width:100%;flex:none;margin-bottom:.45rem;box-sizing:border-box}.mailSidebarPageHint{margin:0 0 .4rem;font-size:.65rem;line-height:1.4;color:var(--muted);display:flex;align-items:flex-start;gap:.25rem}.mailSidebarPageHint svg{width:12px;height:12px;margin-top:.05rem}.mailSidebarLoadMore{padding:.4rem .2rem;text-align:center;font-size:.7rem;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:.25rem}.mailSidebarMailboxEmpty{min-height:3.5rem;padding:.55rem 0 .4rem;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.mailSidebarMailboxEmpty .mailToolbarBtn{align-self:stretch;text-align:center}.mailboxRow{display:flex;flex-direction:row;align-items:flex-start;gap:.35rem;padding:.55rem .65rem;border-radius:var(--radius-sm);font-size:.8125rem;border:1px solid transparent;margin-bottom:.2rem;transition:var(--transition-fast)}.mailboxRow:hover{background:var(--nav-hover)}.mailboxRowActive{background:var(--accent-soft);border-color:var(--accent-light)}.mailboxRowActive .mailboxAddr{color:var(--accent)}.mailboxRowBody{flex:1;min-width:0;display:flex;flex-direction:column;gap:.18rem;cursor:pointer;border-radius:var(--radius-sm);text-align:left}.mailboxRowBody:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mailboxCopyBtn{flex-shrink:0;align-self:flex-start;margin-top:.02rem;padding:.18rem .4rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);font-size:.65rem;font-weight:600;color:var(--accent);cursor:pointer;display:inline-flex;align-items:center;gap:.2rem;transition:var(--transition-fast)}.mailboxCopyBtn svg{width:12px;height:12px}.mailboxCopyBtn:hover{background:var(--accent-soft);border-color:var(--accent)}.mailboxAddrRow{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}.mailboxAddr{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;word-break:break-all;flex:1;min-width:0;font-weight:600}.mailboxUsageTag{flex-shrink:0;font-family:system-ui,-apple-system,sans-serif;font-size:.6rem;font-weight:700;padding:.08rem .32rem;border-radius:4px;letter-spacing:.02em;line-height:1.2}.mailboxUsageUsed{background:var(--ok-soft);color:var(--ok);border:1px solid rgba(22,163,74,.3)}.mailboxUsageUnused{background:var(--nav-bg);color:var(--muted);border:1px solid var(--border)}.mailboxMeta{font-size:.68rem;color:var(--muted);display:flex;align-items:center;gap:.2rem}.mailboxMeta svg{width:12px;height:12px}.mailQuotaHint{margin:.65rem .9rem .85rem;padding:.45rem .55rem;border-radius:var(--radius-sm);border:1px dashed var(--border);background:var(--nav-bg);font-size:.7rem;line-height:1.4;color:var(--muted)}.mailQuotaHint p{margin:0}.mailQuotaHint a{color:var(--accent);font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.mailListCol{width:340px;max-width:40vw;flex-shrink:0;flex:0 0 auto;min-height:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border)}.mailListContext{flex-shrink:0;display:flex;flex-direction:column;gap:.12rem;padding:.5rem .7rem .45rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--nav-bg) 0%,var(--surface) 100%)}.mailListContextMuted .mailListContextAddr{color:var(--muted);font-style:italic;font-weight:400}.mailListContextTop{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.mailListContextLabel{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);display:flex;align-items:center;gap:.25rem}.mailListContextLabel svg{width:12px;height:12px}.mailListAggLink{flex-shrink:0;font-size:.7rem;font-weight:600;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:.2rem}.mailListAggLink svg{width:12px;height:12px}.mailListAggLink:hover{text-decoration:underline}.mailListContextAddr{font-size:.72rem;font-weight:600;color:var(--text);word-break:break-all;line-height:1.3;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.mailListFilterHint{flex-shrink:0;padding:.3rem .7rem;font-size:.68rem;color:var(--text-secondary);background:#fffbeb;border-bottom:1px solid #fde68a;line-height:1.4;display:flex;align-items:center;gap:.25rem}.mailListFilterHint svg{width:12px;height:12px;color:#d97706}.mailListFilterHint strong{color:var(--text);font-weight:700}.mailToolbar{flex-shrink:0;padding:.55rem .7rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.4rem;align-items:stretch}.mailToolbarSearchRow{width:100%;min-width:0}.mailToolbarActionsRow{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;justify-content:space-between}.mailToolbarSearchInput{display:block;width:100%;min-width:0;flex:none;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none}.mailOpenReadOpt{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.mailOpenReadOpt input{accent-color:var(--accent);cursor:pointer}.mailToolbarBtns{display:flex;flex-wrap:wrap;gap:.3rem;margin-left:auto;flex-shrink:0}.mailSearch{flex:1;min-width:120px;padding:.4rem .55rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.78rem;color:var(--text);background:var(--surface);transition:var(--transition-fast)}.mailSearch::placeholder{color:var(--muted)}.mailSearch:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.mailSearch.mailToolbarSearchInput{height:1.75rem;min-height:1.75rem;max-height:1.75rem;padding:.25rem .45rem;line-height:1.2;font-size:.78rem}.mailSearch.mailSidebarSearch{height:1.75rem;min-height:1.75rem;max-height:1.75rem;padding:.25rem .45rem;line-height:1.2;font-size:.78rem;-moz-appearance:none;appearance:none;-webkit-appearance:none}.mailboxFilterRow{display:flex;gap:.3rem;margin:.35rem 0 .4rem;flex-wrap:wrap}.mailboxFilterBtn{padding:.2rem .5rem;font-size:.68rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--muted);display:inline-flex;align-items:center;gap:.2rem;transition:var(--transition-fast)}.mailboxFilterBtn svg{width:12px;height:12px}.mailboxFilterBtn:hover{background:var(--nav-hover);color:var(--text-secondary)}.mailboxFilterBtnActive{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.exportBtn{border-color:var(--ok);color:var(--ok);font-weight:600}.exportBtn:hover{background:var(--ok-soft)}.mailToolbarBtn{padding:.4rem .6rem;font-size:.72rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);display:inline-flex;align-items:center;gap:.3rem;transition:var(--transition-fast)}.mailToolbarBtn svg{width:14px;height:14px}.mailToolbarBtn:hover:not(:disabled){background:var(--nav-hover);transform:translateY(-1px)}.mailToolbarBtnAccent{border-color:var(--accent);color:var(--accent);font-weight:600;background:var(--accent-soft)}.mailToolbarBtnAccent:hover:not(:disabled){background:#0284c726;box-shadow:var(--shadow-accent)}.mailToolbarBtn.mailBtnDangerGhost{border-color:#dc26264d;color:var(--danger);background:var(--danger-soft);font-weight:600}.mailToolbarBtn.mailBtnDangerGhost:hover:not(:disabled){background:#dc26261f}.mailToolbarBtn:disabled{opacity:.55;cursor:not-allowed}.mailFolderTabs{flex-shrink:0;position:relative;z-index:1;display:flex;gap:.3rem;padding:.4rem .7rem .55rem}.mailFolderTab{padding:.32rem .6rem;border-radius:999px;border:1px solid transparent;background:transparent;font-size:.78rem;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;transition:var(--transition-fast)}.mailFolderTab svg{width:14px;height:14px}.mailFolderTab:hover{background:var(--nav-hover);color:var(--text-secondary)}.mailFolderTabActive{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.mailListAdsenseSlot{flex-shrink:0;padding:.3rem .6rem .4rem;border-bottom:1px solid var(--border);background:var(--surface);box-sizing:border-box}.mailListAdsenseSlot .adsbygoogle{display:block}.mailScroll{flex:1;min-height:0;overflow-y:auto}.mailRowVirtualOuter{box-sizing:border-box}.mailDetailSkeletonWrap{pointer-events:none}.mailDetailSkTitle{height:1.5rem;max-width:85%;border-radius:var(--radius-sm);margin-bottom:.85rem;background:linear-gradient(90deg,#f1f5f9,#e8eef5,#f1f5f9);background-size:200% 100%;animation:mailSkShimmer 1.1s ease-in-out infinite}.mailDetailSkMeta{height:.8rem;max-width:70%;border-radius:5px;margin-bottom:.45rem;background:linear-gradient(90deg,#f1f5f9,#e8eef5,#f1f5f9);background-size:200% 100%;animation:mailSkShimmer 1.1s ease-in-out infinite}.mailDetailSkMetaShort{max-width:45%;margin-bottom:.85rem}.mailDetailSkActions{height:2rem;max-width:12rem;border-radius:var(--radius-sm);margin-bottom:1rem;background:linear-gradient(90deg,#f1f5f9,#e8eef5,#f1f5f9);background-size:200% 100%;animation:mailSkShimmer 1.1s ease-in-out infinite}.mailDetailSkBody{height:.7rem;border-radius:4px;margin-bottom:.5rem;max-width:100%;background:linear-gradient(90deg,#f1f5f9,#e8eef5,#f1f5f9);background-size:200% 100%;animation:mailSkShimmer 1.1s ease-in-out infinite}.mailDetailSkBodyNarrow{max-width:88%}.mailDetailSkSrOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mailRow{padding:.75rem .8rem;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-fast)}.mailRow:hover{background:var(--nav-hover)}.mailRowUnread{background:var(--accent-gradient-soft)}.mailRowUnread:not(.mailRowSelected){border-left:3px solid var(--accent);padding-left:calc(.8rem - 3px)}.mailRowUnread .mailFrom{color:var(--accent);font-weight:700}.mailRowSelected{background:linear-gradient(90deg,#0284c71f,#6366f114);border-left:3px solid var(--accent);padding-left:calc(.8rem - 3px)}.mailRowUnread.mailRowSelected{background:linear-gradient(90deg,#0284c729,#6366f11a);border-left-color:var(--accent)}.mailRowSelected:hover{background:linear-gradient(90deg,#0284c729,#6366f11a)}.mailFrom{font-weight:600;font-size:.78rem;margin-bottom:.18rem}.mailSubj{color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mailRowFoot{display:flex;justify-content:space-between;align-items:center;margin-top:.3rem}.mailDate{font-size:.68rem;color:var(--muted)}.tagAtt{font-size:.62rem;padding:.08rem .3rem;border-radius:4px;background:#fffbeb;color:var(--warn);display:inline-flex;align-items:center;gap:.15rem}.tagAtt svg{width:10px;height:10px}.mailDetail{flex:1;min-width:0;min-height:0;background:var(--surface);overflow:auto}.mailDetailInner{max-width:880px;margin:0 auto;padding:1rem 1.35rem 1.75rem}.mailDetailHead h1{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.65rem;line-height:1.3;color:var(--text)}.mailMetaGrid{display:flex;flex-direction:column;gap:.45rem;font-size:.8125rem;margin-bottom:.85rem}.mailMetaRow{display:grid;grid-template-columns:3.5rem 1fr;gap:.45rem .6rem;align-items:start;line-height:1.4;word-break:break-word}.mailMetaKey{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding-top:.1rem;display:flex;align-items:center;gap:.2rem}.mailMetaKey svg{width:12px;height:12px}.mailMetaVal{color:var(--text);font-weight:500}.mailActions{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem}.mailBtn{padding:.35rem .65rem;font-size:.78rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:var(--transition-fast)}.mailBtn svg{width:14px;height:14px}.mailBtn:hover:not(:disabled){background:var(--nav-hover)}.mailBtnDanger{border-color:#dc26264d;color:var(--danger);background:var(--danger-soft)}.mailBtnDanger:hover:not(:disabled){background:#dc26261f}.mailAttSection{margin:.85rem 0;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--nav-bg)}.mailAttTitle{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.45rem;display:flex;align-items:center;gap:.25rem}.mailAttTitle svg{width:14px;height:14px}.mailAttList{display:flex;flex-direction:column;gap:.3rem}.mailAttItem{display:flex;align-items:center;justify-content:space-between;gap:.45rem;font-size:.78rem}.mailAttName{word-break:break-all;display:flex;align-items:center;gap:.2rem}.mailAttName svg{width:14px;height:14px;color:var(--muted)}.mailAttMeta{color:var(--muted);margin-left:.3rem;font-size:.72rem;font-weight:400}.mailAttDl{flex-shrink:0;padding:.22rem .45rem;font-size:.72rem;border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--surface);color:var(--accent);cursor:pointer;display:inline-flex;align-items:center;gap:.2rem;transition:var(--transition-fast)}.mailAttDl svg{width:12px;height:12px}.mailAttDl:hover{background:var(--accent-soft)}.mailBodyToggle{display:inline-flex;gap:0;margin-bottom:.55rem;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--nav-bg)}.mailBodyToggleBtn{padding:.32rem .75rem;font-size:.72rem;border:none;background:transparent;color:var(--muted);cursor:pointer;transition:var(--transition-fast)}.mailBodyToggleBtn:hover{color:var(--text-secondary);background:#ffffffb3}.mailBodyToggleBtnActive{background:var(--surface);color:var(--accent);font-weight:600}.mailBody{line-height:1.6;font-size:.85rem;color:var(--text-secondary);border-top:1px solid var(--border);padding-top:.85rem}.mailBodyHtml{overflow-x:auto;max-width:100%}.mailBodyHtml table{max-width:100%}.mailBodyHtml pre,.mailBodyHtml code{overflow-x:auto;max-width:100%}.mailBodyEmpty{color:var(--muted);font-style:italic}.mailBody img{max-width:100%;height:auto}.mailEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;color:var(--muted);font-size:.85rem;text-align:center;padding:1.25rem}.mailListEmpty{min-height:10rem;padding:1rem .85rem}.mailDetailEmpty{min-height:200px;max-width:20rem;margin:0 auto}.mailEmptyTitle{margin:0 0 .35rem;font-size:.9rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.3rem}.mailEmptyTitle svg{width:18px;height:18px;color:var(--muted)}.mailEmptyLead{margin:0;font-size:.78rem;line-height:1.5;color:var(--muted);max-width:18rem}.mailLoadingMore{display:flex;justify-content:center;align-items:center;gap:.35rem;padding:.65rem;font-size:.78rem;color:var(--muted)}.mailLoadingMore svg{width:16px;height:16px}@keyframes mailSkShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.mailListSkeleton{padding:.85rem .8rem;display:flex;flex-direction:column;gap:.55rem;border-bottom:1px solid var(--border-subtle)}.mailSkLine{height:.68rem;border-radius:4px;background:linear-gradient(90deg,#f1f5f9,#e8eef5,#f1f5f9);background-size:200% 100%;animation:mailSkShimmer 1.1s ease-in-out infinite}.mailSkLineShort{width:55%}.mailSkLineMid{width:78%}@media (max-width: 1100px){.mailListCol{width:280px}}@media (max-width: 900px){.mailRoot{flex-direction:column}.mailSidebar,.mailListCol{width:100%;max-width:none;border-right:none}.mailSidebar{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:.45rem;padding-bottom:.45rem}.mailSidebarHead{flex:1;min-width:200px;min-height:0}.mailSidebarScroll{max-height:220px}.mailQuotaHint{margin:.45rem .9rem;align-self:center;max-width:100%}}.accPage{flex:1;min-width:0;width:100%;max-width:none;overflow:auto;padding:1.25rem 1.5rem 2rem;box-sizing:border-box;background:var(--app-bg)}.accHeroCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-md);margin-bottom:1rem;position:relative;overflow:hidden}.accHeroCard:before{content:"";position:absolute;top:0;left:0;right:0;height:60px;background:var(--accent-gradient-soft);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.accHeroInner{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.accAvatar{width:56px;height:56px;border-radius:var(--radius);background:var(--avatar-gradient);color:#fff;font-size:1.35rem;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase;box-shadow:var(--shadow-accent);flex-shrink:0}.accHeroInfo{flex:1;min-width:0}.accHeroName{font-size:1rem;font-weight:700;color:var(--text);margin:0 0 .2rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.accHeroEmail{font-size:.78rem;color:var(--muted);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.accHeroMeta{margin:.3rem 0 0;font-size:.72rem;color:var(--muted);display:inline-flex;align-items:center;gap:.3rem}.accHeroMeta svg{width:12px;height:12px}.accHeroBadges{display:flex;gap:.4rem;flex-wrap:wrap}.accBadge{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.68rem;font-weight:600;letter-spacing:.01em}.accBadge svg{width:11px;height:11px}.accBadgeAdmin{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fcd34d}.accBadgeLeader{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7}.accTabCard{margin-bottom:0}.accTabs{display:flex;gap:.5rem;padding:0 0 1rem;border-bottom:1px solid var(--border-subtle)}.accTabBtn{padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;font-size:.8125rem;font-weight:600;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:var(--transition-fast)}.accTabBtn svg{width:16px;height:16px}.accTabBtn:hover{background:var(--nav-hover);color:var(--text-secondary)}.accTabActive{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.accTabActive svg{color:var(--accent)}.accTabContent{padding-top:.75rem}.accCard{margin-bottom:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow-md)}.accGrid{display:grid;gap:.6rem;font-size:.8125rem}.accRow{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border-subtle)}.accRow:last-child{border-bottom:none}.accLabel{color:var(--muted);font-weight:500;font-size:.78rem}.accLabelIcon{display:flex;align-items:center;gap:.35rem}.accLabelIcon svg{width:14px;height:14px}.accVal{font-weight:600;text-align:right;word-break:break-all;color:var(--text)}.accMono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;background:var(--accent-soft);padding:.12rem .35rem;border-radius:var(--radius-sm)}.accValWithAction{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.4rem;max-width:100%}.accIconBtn{padding:.2rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);font-size:.68rem;font-weight:600;color:var(--accent);cursor:pointer;display:inline-flex;align-items:center;gap:.2rem;transition:var(--transition-fast);text-decoration:none}.accIconBtn svg{width:12px;height:12px}.accIconBtn:hover{background:var(--accent-soft);border-color:var(--accent)}.accNotice{grid-column:1 / -1;padding:.6rem .75rem;border-radius:var(--radius-sm);background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;color:#92400e;font-size:.75rem;line-height:1.4;display:flex;align-items:center;gap:.4rem}.accNotice svg{width:14px;height:14px;color:#d97706}.accRowBlock{flex-direction:column;align-items:stretch;padding:.6rem 0;border-bottom:none}.accRowBlock .accLabel{margin-bottom:.4rem}.accQuotaBlock{width:100%;background:var(--accent-gradient-soft);padding:.75rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.accQuotaHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.accQuotaText{text-align:left;font-size:.78rem;font-weight:500;color:var(--text)}.accQuotaNum{font-size:1rem;font-weight:700;color:var(--accent)}.accQuotaTrack{height:6px;border-radius:999px;background:var(--border);overflow:hidden}.accQuotaFill{height:100%;border-radius:999px;background:var(--accent-gradient);transition:width .35s cubic-bezier(.4,0,.2,1)}.accQuotaHint{margin:.5rem 0 0;font-size:.72rem;line-height:1.4;color:var(--text-secondary);display:flex;align-items:center;gap:.3rem}.accQuotaHint svg{width:12px;height:12px;color:var(--accent)}.accQuotaHint strong{color:var(--accent);font-weight:700}.accQuotaHintMuted{color:var(--muted)}.accQuotaHintMuted svg{color:var(--muted)}.accActions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.accBtn{padding:.45rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);font-size:.78rem;font-weight:600;cursor:pointer;text-decoration:none;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:.35rem;transition:var(--transition-fast)}.accBtn svg{width:14px;height:14px}.accBtn:hover:not(:disabled){background:var(--nav-hover);transform:translateY(-1px)}.accBtn:disabled{opacity:.6;cursor:not-allowed}.accBtnPrimary{background:var(--accent-gradient);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.accBtnPrimary:hover:not(:disabled){filter:brightness(1.08);box-shadow:var(--shadow-glow)}.accBtnPrimary svg{color:#fff}.accBtnDanger{border-color:#dc26264d;color:var(--danger);background:var(--danger-soft)}.accBtnDanger:hover:not(:disabled){background:#dc26261f;border-color:var(--danger)}.accBtnDanger svg{color:var(--danger)}.accPwdForm{display:flex;flex-direction:column;gap:.85rem;max-width:none;width:100%}.accPwdField{display:flex;flex-direction:column;gap:.3rem;font-size:.8125rem}.accPwdLabel{color:var(--text-secondary);font-weight:600;font-size:.78rem;display:flex;align-items:center;gap:.3rem}.accPwdLabel svg{width:14px;height:14px;color:var(--muted)}.accInput{padding:.5rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:.8125rem;background:var(--surface);color:var(--text);transition:var(--transition-fast)}.accInput:hover{border-color:var(--muted)}.accInput:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.accPwdInputWrap{display:flex;align-items:stretch;gap:.4rem}.accPwdInputWrap .accInput{flex:1;min-width:0}.accPwdToggle{flex-shrink:0;padding:.5rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--nav-bg);color:var(--muted);cursor:pointer;display:flex;align-items:center;transition:var(--transition-fast)}.accPwdToggle svg{width:14px;height:14px}.accPwdToggle:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.accPwdToggle:hover svg{color:var(--accent)}.accPwdHint{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--muted)}.accPwdHint svg{width:11px;height:11px}.accCustomCodeBlock{margin-top:1rem;width:100%}.accCustomCodeHint{font-size:.72rem;color:var(--muted);margin:.2rem 0 .5rem;line-height:1.4}.accCustomCodeInputWrap{display:flex;align-items:stretch;gap:.4rem;margin-bottom:.5rem}.accCustomCodeInputWrap .accInput{flex:1;min-width:0}.accCustomCodeBlock .accBtn{width:100%}.accSpinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:accSpin .8s linear infinite}@keyframes accSpin{to{transform:rotate(360deg)}}@media (max-width: 480px){.accPage{padding:1rem}.accHeroInner{flex-direction:column;text-align:center}.accHeroName,.accHeroBadges{justify-content:center}.accTabs{flex-direction:column;gap:.3rem}.accTabBtn{width:100%;justify-content:center}.accRow{flex-direction:column;align-items:flex-start;gap:.3rem}.accVal,.accValWithAction{text-align:left;justify-content:flex-start}.accActions{flex-direction:column}.accBtn{width:100%;justify-content:center}}.leaderPage{padding:1.25rem 1.5rem;max-width:960px}.leaderHead h1{margin:0 0 .5rem;font-size:1.35rem}.leaderDesc{margin:0 0 .75rem;font-size:.875rem;color:var(--muted);line-height:1.55}.leaderCodeLabel{margin:0 0 .35rem;font-size:.8125rem;color:var(--muted)}.leaderCodeLabel span{font-weight:600;color:var(--text)}.leaderAvail{margin:0 0 1rem;font-size:.9rem}.leaderMuted{color:var(--muted);font-size:.875rem}.leaderTableWrap{overflow:auto;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.leaderTable{width:100%;border-collapse:collapse;font-size:.8125rem}.leaderTable th,.leaderTable td{padding:.65rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.leaderTable th{font-weight:600;color:var(--muted);background:#f8fafc}.leaderRowSelf{background:#f0f9ff}.leaderId{font-weight:600}.leaderEmail{font-size:.78rem;color:var(--muted);word-break:break-all}.leaderTag{display:inline-block;padding:.12rem .45rem;border-radius:6px;font-size:.72rem;font-weight:600}.leaderTagOk{background:#ecfdf5;color:#047857}.leaderTagMuted{background:#f1f5f9;color:var(--muted)}.leaderAlloc{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.leaderInput{width:5.5rem;padding:.35rem .45rem;border-radius:6px;border:1px solid var(--border);font-size:.8125rem}.leaderBtn{padding:.35rem .65rem;border-radius:6px;border:none;background:var(--accent);color:#fff;font-size:.78rem;font-weight:600;cursor:pointer}.leaderBtn:disabled{opacity:.6;cursor:not-allowed}.leaderDash{color:var(--muted)}.ugPage{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#eef2f7 40%,#e2e8f0);color:#0f172a;padding:1.25rem 1.25rem 2.5rem;box-sizing:border-box}.ugHead{max-width:42rem;margin:0 auto 1.5rem}.ugBack{display:inline-block;font-size:.875rem;color:#0369a1;text-decoration:none;margin-bottom:.75rem}.ugBack:hover{text-decoration:underline}.ugTitle{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem;line-height:1.35}.ugLead{margin:0;font-size:.95rem;color:#475569;line-height:1.55}.ugArticle{max-width:42rem;margin:0 auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.35rem 1.5rem 1.75rem;box-shadow:0 4px 24px #0f172a0f}.ugNotice{margin:0 0 1.25rem;padding:.75rem .9rem;font-size:.8125rem;line-height:1.5;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px}.ugSection{margin-top:1.35rem;padding-top:1.25rem;border-top:1px solid #f1f5f9}.ugSection:first-of-type{margin-top:0;padding-top:0;border-top:none}.ugSection h2{font-size:1.05rem;font-weight:600;margin:0 0 .65rem;color:#0f172a}.ugSection p{margin:0 0 .65rem;font-size:.875rem;line-height:1.65;color:#334155}.ugSection p:last-child{margin-bottom:0}.ugSection ul{margin:0 0 .5rem;padding-left:1.25rem;font-size:.875rem;line-height:1.6;color:#334155}.ugSection li{margin-bottom:.35rem}.ugFoot{max-width:42rem;margin:1.5rem auto 0;text-align:center}.ugFootLink{font-size:.875rem;color:#0369a1;text-decoration:none}.ugFootLink:hover{text-decoration:underline}.accessPage{max-width:480px;margin:0 auto;padding:2rem 1.25rem;min-height:100vh;background:linear-gradient(135deg,#f0f4f8,#e8f0fe,#f5f7fa)}.accessHead{text-align:center;margin-bottom:2rem}.accessBrand{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem}.accessBrandIcon{font-size:2rem;color:var(--accent)}.accessBrandText{font-size:1.25rem;font-weight:600;color:var(--text)}.accessTitle{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.accessSub{color:var(--muted);font-size:.9rem;line-height:1.5}.accessForm{background:var(--surface);border-radius:16px;padding:1.5rem;box-shadow:0 4px 24px #0f172a14;margin-bottom:1.25rem;border:1px solid rgba(226,232,240,.8)}.formField{margin-bottom:1.25rem}.formField label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.fieldIcon{font-size:1rem}.formField input{width:100%;padding:.875rem 1rem;font-size:1rem;border:2px solid var(--border);border-radius:12px;outline:none;transition:all .2s ease;background:#f8fafc}.formField input:hover{border-color:#cbd5e1}.formField input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #0284c71a}.formField input:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.7}.codeInput{letter-spacing:.3em;font-family:SF Mono,Fira Code,monospace;font-weight:600;font-size:1.1rem;text-align:center}.fieldHint{font-size:.75rem;color:var(--muted);margin-top:.35rem}.submitBtn{width:100%;padding:1rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent) 0%,#0369a1 100%);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.submitBtn:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-1px);box-shadow:0 4px 12px #0284c74d}.submitBtn:active:not(:disabled){transform:translateY(0)}.submitBtn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btnText{display:flex;align-items:center;gap:.5rem}.btnIcon{font-size:1.1rem}.btnLoading{display:flex;align-items:center;gap:.5rem}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.accessError{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#dc26261a,#dc26260d);color:var(--danger);padding:.875rem 1rem;border-radius:12px;margin-bottom:1.25rem;border:1px solid rgba(220,38,38,.2)}.errorIcon{font-size:1.1rem}.errorText{font-size:.9rem;font-weight:500}.accessResult{background:var(--surface);border-radius:16px;box-shadow:0 4px 24px #0f172a14;overflow:hidden;border:1px solid rgba(226,232,240,.8)}.resultHead{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.resultInfo{display:flex;align-items:center;gap:.5rem}.resultIcon{font-size:1.25rem}.resultEmail{font-size:.95rem;font-weight:600;color:var(--accent)}.resultCount{font-size:.8rem;color:var(--muted);background:#e0f2fe;padding:.25rem .6rem;border-radius:6px}.emptyMsg{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;color:var(--muted)}.emptyIcon{font-size:2.5rem;margin-bottom:.5rem;opacity:.6}.emptyMsg p{font-size:.95rem}.emailList{list-style:none}.emailRow{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);font-size:.85rem;transition:background .15s ease}.emailRow:hover{background:#0284c708}.emailRow:last-child{border-bottom:none}.emailFrom{min-width:120px;max-width:140px;color:var(--accent);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emailSubject{flex:1;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}.emailDate{min-width:100px;text-align:right;color:var(--muted);font-size:.75rem;font-family:SF Mono,monospace}.accessMailRoot{display:flex;height:100vh;background:var(--bg)}.accessMailListCol{width:340px;min-width:300px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--surface)}.accessMailHeader{padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.accessMailTitleRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.accessMailTitle{font-size:1.1rem;font-weight:600;color:var(--text)}.accessLogoutBtn{font-size:.8rem;color:var(--muted);background:transparent;border:1px solid var(--border);padding:.25rem .6rem;border-radius:6px;cursor:pointer;transition:all .15s ease}.accessLogoutBtn:hover{color:var(--danger);border-color:var(--danger)}.accessMailAddress{font-size:.85rem;color:var(--accent);font-weight:500}.accessMailCount{font-size:.75rem;color:var(--muted)}.accessMailToolbar{padding:.5rem 1rem;border-bottom:1px solid var(--border);display:flex;gap:.5rem}.accessToolbarBtn{font-size:.85rem;padding:.4rem .8rem;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;cursor:pointer;transition:all .15s ease}.accessToolbarBtn:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}.accessToolbarBtn:disabled{opacity:.5;cursor:not-allowed}.accessMailScroll{flex:1;overflow-y:auto;padding:.5rem 0}.accessMailLoading,.accessMailEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--muted)}.accessEmailList{list-style:none}.accessEmailRow{display:flex;flex-direction:column;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s ease}.accessEmailRow:hover{background:#0284c70d}.accessEmailRowSelected{background:#0284c71a;border-left:3px solid var(--accent)}.accessEmailFrom{font-size:.85rem;color:var(--accent);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accessEmailSubject{font-size:.8rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.2rem}.accessEmailDate{font-size:.7rem;color:var(--muted);margin-top:.2rem}.accessMailDetail{flex:1;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.accessDetailLoading,.accessDetailEmpty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);padding:2rem}.accessDetailEmptyTitle{font-size:1.1rem;font-weight:500;color:var(--text);margin-bottom:.5rem}.accessDetailEmptyLead{font-size:.85rem}.accessDetailInner{flex:1;overflow-y:auto;padding:1.5rem}.accessDetailHead{margin-bottom:1.25rem}.accessDetailHead h1{font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:1rem}.accessMetaGrid{display:flex;flex-direction:column;gap:.5rem}.accessMetaRow{display:flex;font-size:.85rem}.accessMetaKey{min-width:70px;color:var(--muted)}.accessMetaVal{color:var(--text);word-break:break-all}.accessAttSection{margin-bottom:1.25rem;padding:1rem;background:var(--surface);border-radius:8px;border:1px solid var(--border)}.accessAttTitle{font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:.75rem}.accessAttList{list-style:none}.accessAttItem{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}.accessAttItem:last-child{border-bottom:none}.accessAttName{font-size:.85rem;color:var(--text)}.accessAttMeta{font-size:.75rem;color:var(--muted);margin-left:.5rem}.accessAttDl{font-size:.8rem;color:var(--accent);background:transparent;border:1px solid var(--accent);padding:.2rem .5rem;border-radius:4px;cursor:pointer;transition:all .15s ease}.accessAttDl:hover{background:var(--accent);color:#fff}.accessBodyToggle{display:flex;gap:.5rem;margin-bottom:1rem}.accessBodyToggleBtn{font-size:.85rem;padding:.4rem .8rem;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;cursor:pointer;transition:all .15s ease}.accessBodyToggleBtn:hover{border-color:var(--accent)}.accessBodyToggleBtnActive{background:var(--accent);color:#fff;border-color:var(--accent)}.accessBody{padding:1rem;background:var(--surface);border-radius:8px;border:1px solid var(--border);min-height:200px;font-size:.9rem;color:var(--text);line-height:1.6}.accessBodyHtml{overflow-x:auto}.accessBodyHtml img{max-width:100%;height:auto}.accessBodyEmpty{display:flex;align-items:center;justify-content:center;color:var(--muted)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:115%}:root{color-scheme:light;--app-bg: #eef2f7;--surface: #ffffff;--surface-elevated: #ffffff;--nav-bg: #f8fafc;--nav-hover: #f1f5f9;--nav-active-bg: rgba(2, 132, 199, .12);--nav-border: #e2e8f0;--border: #e2e8f0;--border-subtle: rgba(2, 132, 199, .08);--text: #0f172a;--text-secondary: #334155;--muted: #64748b;--accent: #0284c7;--accent-light: #38bdf8;--accent-soft: rgba(2, 132, 199, .1);--accent-2: #6366f1;--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .08);--ok: #16a34a;--ok-soft: rgba(22, 163, 74, .1);--warn: #d97706;--warn-soft: rgba(217, 119, 6, .1);--success-gradient: linear-gradient(135deg, #16a34a 0%, #22c55e 100%);--accent-gradient: linear-gradient(135deg, #0284c7 0%, #38bdf8 100%);--accent-gradient-soft: linear-gradient(135deg, rgba(2, 132, 199, .05) 0%, rgba(56, 189, 248, .08) 100%);--danger-gradient: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);--purple-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--avatar-gradient: linear-gradient(135deg, #0284c7 0%, #6366f1 100%);--shadow: 0 1px 3px rgba(15, 23, 42, .06);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .12);--shadow-accent: 0 4px 14px rgba(2, 132, 199, .15);--shadow-glow: 0 0 20px rgba(2, 132, 199, .2);--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--radius-xl: 20px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-smooth: all .25s cubic-bezier(.4, 0, .2, 1)}html,body,#root{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--app-bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea{font-family:inherit}