:root{--bg: #f6f7fb;--bg-elevated: #ffffff;--bg-soft: #f1f4f8;--panel: rgba(255, 255, 255, .94);--panel-strong: #ffffff;--panel-muted: #f6f7fa;--border: rgba(15, 23, 42, .09);--border-strong: rgba(15, 23, 42, .14);--text: #152034;--text-soft: #4d5b74;--text-muted: #67758d;--accent: #3868ff;--accent-soft: rgba(56, 104, 255, .11);--success: #1f9d55;--success-soft: rgba(31, 157, 85, .12);--warning: #b7791f;--warning-soft: rgba(183, 121, 31, .12);--danger: #d14343;--danger-soft: rgba(209, 67, 67, .12);--shadow-lg: 0 20px 48px rgba(21, 32, 52, .12);--shadow-sm: 0 10px 24px rgba(15, 23, 42, .08);--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--sidebar-width: 320px;--topbar-height: 88px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html[data-theme=dark]{--bg: #1f242c;--bg-elevated: #232a34;--bg-soft: #292f3a;--panel: rgba(35, 42, 52, .96);--panel-strong: #242b35;--panel-muted: #2a313d;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .13);--text: #eef3fb;--text-soft: #c8d1df;--text-muted: #9daabe;--accent: #7aa2ff;--accent-soft: rgba(122, 162, 255, .16);--success: #4bd08a;--success-soft: rgba(75, 208, 138, .14);--warning: #f0b35c;--warning-soft: rgba(240, 179, 92, .16);--danger: #ff7d7d;--danger-soft: rgba(255, 125, 125, .14);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .28);--shadow-sm: 0 14px 30px rgba(0, 0, 0, .22)}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 12%,transparent),transparent 36%),var(--bg);color:var(--text);overscroll-behavior:none}a{color:inherit}button,input,select,textarea{font:inherit}button{color:inherit}textarea{resize:vertical}.appShell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebarHeader,.sidebarBody,.sidebarFooter{padding:18px}.sidebarHeader{display:flex;flex-direction:column;gap:16px;border-bottom:1px solid var(--border)}.brandCluster{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.brandTitle{font-size:22px;font-weight:800;letter-spacing:-.02em}.brandSubtitle{margin-top:4px;color:var(--text-muted);font-size:13px;line-height:1.45}.cardInset{border:1px solid var(--border);background:var(--panel-muted);border-radius:var(--radius-lg);padding:14px}.compactCardInset{padding:12px}.addMailboxCard{display:flex;flex-direction:column;gap:10px}.sectionLabel{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.inlineFieldRow{display:flex;gap:10px}.inlineFieldRowWide{max-width:680px}.inlineError{font-size:13px;color:var(--danger)}.sidebarBody{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px}.sectionHeaderRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.emptySidebarState{padding:18px;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-soft);line-height:1.55;background:color-mix(in srgb,var(--panel-muted) 65%,transparent)}.emptySidebarState p{margin:8px 0 0}.emptySidebarTitle{color:var(--text);font-weight:800}.mailboxList{display:flex;flex-direction:column;gap:10px}.mailboxItem{width:100%;display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--panel-strong);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;transition:transform .08s ease,border-color .14s ease,background .14s ease}.mailboxItem:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.mailboxItemActive{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));background:color-mix(in srgb,var(--accent-soft) 85%,var(--panel-strong))}.mailboxItemMain{min-width:0;flex:1}.mailboxEmail{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailboxMetaRow{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mailboxTime{font-size:12px;color:var(--text-muted)}.badge{min-width:28px;height:28px;border-radius:999px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;background:var(--panel-muted);border:1px solid var(--border);color:var(--text-soft);font-size:12px;font-weight:700;flex:0 0 auto}.badgeUnread{color:var(--text);border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent-soft) 90%,var(--panel-muted))}.statusBadge{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;border:1px solid transparent}.statusBadgeInfo{background:color-mix(in srgb,var(--accent-soft) 90%,var(--panel-muted));color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.statusBadgeWarning{background:color-mix(in srgb,var(--warning-soft) 90%,var(--panel-muted));color:var(--warning);border-color:color-mix(in srgb,var(--warning) 35%,transparent)}.statusBadgeSuccess{background:color-mix(in srgb,var(--success-soft) 90%,var(--panel-muted));color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,transparent)}.statusBadgeDanger{background:color-mix(in srgb,var(--danger-soft) 90%,var(--panel-muted));color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.sidebarFooter{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:16px}.footerMicrocopy{font-size:12px;line-height:1.5;color:var(--text-muted)}.footerMicrocopy a{color:inherit;text-decoration:underline;text-underline-offset:2px}.settingsGrid{display:grid;gap:14px}.fieldGroup{display:flex;flex-direction:column;gap:8px}.fieldLabel{font-size:13px;font-weight:700;color:var(--text-soft)}.footerActionsRow{display:flex;flex-wrap:wrap;gap:10px}.mainPanel{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;min-height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbarPrimary{display:flex;align-items:center;gap:12px;min-width:0}.topbarTitleBlock{min-width:0}.topbarTitle{font-size:20px;font-weight:800;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbarSubtitle{margin-top:4px;font-size:13px;color:var(--text-muted)}.topbarActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.mainContent{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;padding:20px 24px 24px}.mainContentTight{gap:12px}.summaryBar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.summaryItem{display:flex;flex-direction:column;gap:4px}.summaryItemWide{min-width:0}.summaryLabel{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.mailLayout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:16px}.messageListPanel,.previewPanel{min-height:0}.card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--panel);box-shadow:var(--shadow-lg);overflow:hidden}.cardHeader{padding:16px 18px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel-muted) 88%,transparent)}.cardBody{padding:18px}.sectionTitle{font-size:16px;font-weight:800}.messageListHeader{display:flex;flex-direction:column;gap:14px;padding:16px 18px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel-muted) 75%,transparent)}.filterControls{display:flex;flex-direction:column;gap:10px}.messageListScroll{overflow:auto;max-height:100%}.emptyPanelState,.previewPlaceholderBody,.emptyWorkspaceBody{color:var(--text-soft);line-height:1.6}.emptyPanelState{padding:24px 18px}.emptyPanelTitle{font-size:16px;font-weight:800;color:var(--text)}.messageRow{width:100%;text-align:left;border:0;border-bottom:1px solid var(--border);background:transparent;padding:16px 18px;cursor:pointer;transition:background .14s ease}.messageRow:hover{background:color-mix(in srgb,var(--panel-muted) 80%,transparent)}.messageRowActive{background:color-mix(in srgb,var(--accent-soft) 95%,transparent)}.messageRowTop{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.messageSubjectWrap{min-width:0;display:flex;align-items:flex-start;gap:10px}.messageSubject{min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messageDate{flex:0 0 auto;font-size:12px;color:var(--text-muted);white-space:nowrap}.messageFrom{margin-top:8px;font-size:13px;color:var(--text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messageSnippet{margin-top:8px;color:var(--text-muted);font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.messageBadgesRow{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.miniBadge{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:11px;color:var(--text-muted);background:var(--panel-muted)}.miniBadgeAccent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--accent-soft) 90%,var(--panel-muted))}.unreadDot{width:10px;height:10px;border-radius:999px;background:var(--accent);margin-top:4px;flex:0 0 auto}.previewPanel{display:flex;flex-direction:column;gap:14px;min-width:0}.previewCard{min-height:0}.previewHeader,.previewTitleBlock{display:flex;flex-direction:column;gap:14px}.previewSubject{font-size:20px;font-weight:800;line-height:1.35;word-break:break-word}.previewMetaGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metaLabel{display:inline-block;margin-bottom:4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.metaValue{color:var(--text-soft);font-size:14px;line-height:1.55}.breakWord{word-break:break-word}.previewActionsRow{display:flex;flex-wrap:wrap;gap:10px}.previewBody{display:flex;flex-direction:column;gap:16px}.codeSection{border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--accent-soft) 70%,var(--panel-muted));padding:14px}.codeSectionTitle{font-size:13px;font-weight:800;color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em}.codeList{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px}.codeChip{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));background:var(--panel-strong)}.codeValue{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:16px;font-weight:800;letter-spacing:.08em}.emailFrame{width:100%;min-height:62vh;height:720px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff}html[data-theme=dark] .emailFrame{background:#fff}.textPreview{white-space:pre-wrap;word-break:break-word;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel-muted);padding:18px;line-height:1.65}.sourcePreview,.debugBody textarea{width:100%;min-height:220px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel-muted);color:var(--text);padding:14px}.previewPlaceholder{min-height:320px}.debugBox{border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border));border-radius:var(--radius-xl);background:color-mix(in srgb,var(--danger-soft) 80%,var(--panel));box-shadow:var(--shadow-sm);overflow:hidden}.debugHeader{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.debugTitle{font-weight:800}.debugSubtext{margin-top:4px;font-size:12px;line-height:1.5;color:var(--text-soft)}.debugBody{padding:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:var(--panel-strong);color:var(--text);border-radius:12px;padding:10px 14px;cursor:pointer;transition:transform .08s ease,border-color .14s ease,background .14s ease}.btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 30%,var(--border));transform:translateY(-1px)}.btn:disabled{opacity:.66;cursor:default}.btnPrimary{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 92%,white),color-mix(in srgb,var(--accent) 82%,#5b84ff));border-color:color-mix(in srgb,var(--accent) 70%,transparent);color:#fff}html[data-theme=dark] .btnPrimary{color:#0d1117}.btnDanger{background:color-mix(in srgb,var(--danger-soft) 92%,var(--panel-strong));border-color:color-mix(in srgb,var(--danger) 35%,transparent);color:var(--danger)}.btnSmall{padding:8px 12px;border-radius:10px;font-size:13px}.spinner{width:14px;height:14px;flex:0 0 14px;border-radius:999px;border:2px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.input{width:100%;min-width:0;border:1px solid var(--border);border-radius:12px;background:var(--panel-strong);color:var(--text);padding:11px 12px;outline:none}.input:focus{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-soft) 65%,transparent)}.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);font-size:12px;font-weight:700;background:var(--panel-strong);color:var(--text-soft)}.pillSubtle{background:var(--panel-muted)}.pillAccent{color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 95%,var(--panel-strong));border-color:color-mix(in srgb,var(--accent) 28%,transparent)}.segmentedGroup{display:inline-flex;flex-wrap:wrap;gap:8px}.segmentedButton{border:1px solid var(--border);background:var(--panel-strong);color:var(--text-soft);border-radius:12px;padding:9px 12px;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease}.segmentedButtonActive{color:var(--text);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent-soft) 92%,var(--panel-strong))}.helperText{font-size:12px;color:var(--text-muted);line-height:1.5}.callout{display:flex;justify-content:space-between;gap:16px;border-radius:var(--radius-lg);border:1px solid var(--border);padding:14px 16px;box-shadow:var(--shadow-sm)}.calloutCompact{padding:12px 14px}.calloutInfo{background:color-mix(in srgb,var(--accent-soft) 78%,var(--panel));border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.calloutWarning{background:color-mix(in srgb,var(--warning-soft) 80%,var(--panel));border-color:color-mix(in srgb,var(--warning) 25%,transparent)}.calloutSuccess{background:color-mix(in srgb,var(--success-soft) 80%,var(--panel));border-color:color-mix(in srgb,var(--success) 25%,transparent)}.calloutDanger{background:color-mix(in srgb,var(--danger-soft) 80%,var(--panel));border-color:color-mix(in srgb,var(--danger) 25%,transparent)}.calloutBody{min-width:0}.calloutTitle{font-weight:800;margin-bottom:6px}.calloutText{color:var(--text-soft);line-height:1.6}.calloutActions{flex:0 0 auto;display:flex;align-items:flex-start}.stackedText{display:flex;flex-direction:column;gap:6px}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000007a;z-index:1100}.modal{width:min(680px,100%);border:1px solid var(--border);border-radius:24px;background:var(--panel);box-shadow:var(--shadow-lg);overflow:hidden}.modalWide{width:min(760px,100%)}.modalHeader{padding:18px 20px 14px;border-bottom:1px solid var(--border)}.modalHeaderWarning{background:color-mix(in srgb,var(--warning-soft) 75%,var(--panel-muted))}.modalTitle{margin:0;font-size:20px;font-weight:800}.modalBody{padding:20px;line-height:1.7;color:var(--text-soft)}.modalLead{margin-top:0;color:var(--text)}.warningBlock{margin:18px 0;padding:16px;border-radius:18px;border:1px solid var(--border);background:var(--panel-muted)}.warningBlockTitle{font-weight:800;color:var(--text)}.warningList{margin:10px 0 0 18px;padding:0;display:grid;gap:10px}.modalFooter{padding:16px 20px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.toastViewport{position:fixed;right:20px;bottom:20px;z-index:1200;display:flex;flex-direction:column;gap:12px;width:min(420px,calc(100vw - 24px))}.toast{display:flex;gap:12px;justify-content:space-between;border-radius:18px;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-lg);padding:14px 16px}.toastInfo{border-color:color-mix(in srgb,var(--accent) 26%,transparent)}.toastSuccess{border-color:color-mix(in srgb,var(--success) 26%,transparent)}.toastWarning{border-color:color-mix(in srgb,var(--warning) 26%,transparent)}.toastError{border-color:color-mix(in srgb,var(--danger) 26%,transparent)}.toastBody{min-width:0}.toastTitle{font-weight:800}.toastText{margin-top:4px;color:var(--text-soft);line-height:1.55;font-size:13px}.toastActions{display:flex;align-items:flex-start;gap:8px}@media (max-width: 1200px){.mailLayout{grid-template-columns:minmax(300px,340px) minmax(0,1fr)}.summaryBar{grid-template-columns:repeat(2,minmax(0,1fr))}.summaryItemWide{grid-column:1 / -1}.previewMetaGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 920px){.appShell{grid-template-columns:minmax(0,1fr)}.sidebarBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:998}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(90vw,360px);transform:translate(-105%);transition:transform .16s ease;z-index:999;box-shadow:var(--shadow-lg)}.sidebarOpen{transform:translate(0)}.topbar{padding:12px 16px;min-height:auto;gap:10px;flex-direction:row;align-items:flex-start;flex-wrap:wrap}.topbarPrimary{width:100%;justify-content:space-between}.topbarActions{width:100%;justify-content:flex-start;gap:8px}.topbarActions .btn{flex:1 1 0;min-width:0}.topbarTitle{font-size:18px}.topbarSubtitle{margin-top:2px;font-size:12px}.mainContent{padding:12px 16px 16px}.mailLayout{grid-template-columns:minmax(0,1fr)}.messageListPanel{min-height:0}.messageListHeader{padding:12px 14px}.previewPanel{min-width:0}.emailFrame{min-height:58vh;height:58vh}}@media (max-width: 720px){.inlineFieldRow,.inlineFieldRowWide{flex-direction:column}.summaryBar,.previewMetaGrid{grid-template-columns:minmax(0,1fr)}.callout,.debugHeader,.messageRowTop{flex-direction:column;align-items:flex-start}.sidebarHeader,.sidebarBody,.sidebarFooter{padding:14px}.footerMicrocopy{font-size:11px}.toastViewport{left:12px;right:12px;bottom:12px;width:auto}.toast{flex-direction:column}.toastActions{width:100%;justify-content:space-between}.modalOverlay{padding:12px}.modalFooter{flex-direction:column-reverse}.modalFooter .btn{width:100%}}