:root{--bg-primary:#09090b;--bg-secondary:#121215;--bg-tertiary:#18181b;--bg-glass:#121215b3;--bg-glass-hover:#ffffff08;--border-color:#ffffff14;--border-color-active:#6366f166;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#52525b;--accent:#6366f1;--accent-light:#818cf8;--accent-glow:#6366f126;--success:#10b981;--success-glow:#10b98126;--warning:#f59e0b;--danger:#ef4444;--danger-glow:#ef44441a;--font-sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:Consolas, Monaco, "Lucida Console", "Liberation Mono", monospace;--sidebar-width:280px;--list-width:380px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.appContainer{background:var(--bg-primary);width:100vw;height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;padding:24px;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebarCollapsed{width:72px;padding:24px 12px}.sidebarCollapsed .logoText{display:none}.sidebarCollapsed .menuItem{justify-content:center;padding:12px 0;position:relative}.sidebarCollapsed .menuItemInner{gap:0}.sidebarCollapsed .menuItemInner span{display:none}.sidebarCollapsed .sidebarBadge{border-radius:8px;padding:1px 4px;font-size:9px;position:absolute;top:4px;right:4px}.sidebarCollapsed .apiTokenCard{background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.sidebarCollapsed .apiTokenTitle{margin:0}.sidebarCollapsed .apiTokenTitle span{display:none}.sidebarCollapsed .apiTokenValue{background:0 0;margin:0;padding:0}.sidebarCollapsed .apiTokenValue span{display:none}.sidebarCollapsed .apiTokenValue button{border-radius:8px;transition:all .2s;background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;padding:8px!important}.sidebarCollapsed .apiTokenValue button:hover{background:var(--bg-glass-hover)!important;border-color:var(--accent)!important}.logoArea{align-items:center;gap:12px;margin-bottom:32px;display:flex}.logoIcon{color:var(--accent);filter:drop-shadow(0 0 8px var(--accent-glow))}.logoText{letter-spacing:-.5px;background:linear-gradient(135deg, #fff 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:700}.sidebarMenu{flex-direction:column;flex-grow:1;gap:8px;display:flex}.menuItem{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.menuItem:hover,.menuItemActive{color:var(--text-primary);background:var(--bg-glass-hover);border-color:var(--border-color)}.menuItemActive{background:var(--accent-glow);color:var(--accent-light);border-color:#6366f133}.menuItemInner{align-items:center;gap:12px;display:flex}.sidebarBadge{background:var(--bg-tertiary);color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);border:1px solid var(--border-color);border-radius:12px;padding:2px 8px}.menuItemActive .sidebarBadge{background:var(--accent);color:#fff;border-color:#0000}.sidebarFooter{border-top:1px solid var(--border-color);margin-top:auto;padding-top:20px}.apiTokenCard{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:12px;font-size:12px}.apiTokenTitle{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:6px;font-weight:600;display:flex}.apiTokenValue{font-family:var(--font-mono);color:var(--accent-light);word-break:break-all;background:#0000004d;border-radius:4px;justify-content:space-between;align-items:center;margin-top:4px;padding:6px 8px;display:flex}.listPane{width:var(--list-width);background:var(--bg-primary);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;height:100%;display:flex;overflow:hidden}.listHeader{border-bottom:1px solid var(--border-color);padding:24px}.listTitle{margin-bottom:16px;font-size:18px;font-weight:600}.searchContainer{margin-bottom:16px;position:relative}.searchIcon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.searchInput{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-sans);border-radius:8px;padding:10px 12px 10px 40px;transition:all .2s}.searchInput:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.tabsContainer{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;gap:4px;padding:4px;display:flex}.tabButton{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s}.tabButton:hover{color:var(--text-primary)}.tabButtonActive{background:var(--bg-tertiary);color:var(--text-primary);box-shadow:0 1px 3px #0003}.messagesList{flex-direction:column;flex-grow:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.messageCard{background:var(--bg-glass);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;flex-shrink:0;padding:16px;transition:all .2s;position:relative;overflow:hidden}.messageCard:hover{background:var(--bg-glass-hover);border-color:var(--text-muted);transform:translateY(-1px)}.messageCardActive{background:var(--accent-glow);border-color:var(--accent)}.messageCardUnread:before{content:"";background:var(--accent);width:3px;box-shadow:0 0 8px var(--accent);position:absolute;top:0;bottom:0;left:0}.cardHeader{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.cardName{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:14px;font-weight:600;overflow:hidden}.cardTime{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);flex-shrink:0}.cardSubject{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13px;font-weight:500;overflow:hidden}.cardPreview{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.detailsPane{background:var(--bg-secondary);flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.emptyState{height:100%;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px;display:flex}.emptyIcon{color:var(--text-muted);animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.detailsHeader{border-bottom:1px solid var(--border-color);background:var(--bg-primary);justify-content:space-between;align-items:flex-start;gap:24px;padding:32px;display:flex}.detailsMeta{flex-direction:column;gap:8px;min-width:0;display:flex}.detailsSubject{letter-spacing:-.5px;color:var(--text-primary);font-size:22px;font-weight:700}.detailsSenderRow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.detailsSenderName{font-size:15px;font-weight:600}.detailsSenderEmail{color:var(--text-secondary);font-size:13px;font-family:var(--font-mono)}.detailsTime{color:var(--text-muted);font-size:12px;font-family:var(--font-mono)}.detailsActions{flex-shrink:0;gap:8px;display:flex}.actionButton{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.actionButton:hover{background:var(--bg-glass-hover);border-color:var(--text-secondary)}.actionButtonAccent{background:var(--accent);color:#fff;border-color:#0000}.actionButtonAccent:hover{background:var(--accent-light);box-shadow:0 0 12px #6366f166}.actionButtonDanger{color:var(--danger);border-color:#ef444433}.actionButtonDanger:hover{background:var(--danger-glow);border-color:var(--danger)}.detailsContent{flex-grow:1;padding:32px;overflow-y:auto}.messageBody{background:var(--bg-primary);border:1px solid var(--border-color);color:#e4e4e7;white-space:pre-wrap;border-radius:12px;padding:24px;font-size:15px;line-height:1.7;box-shadow:inset 0 2px 4px #0003}.settingsPane{flex-grow:1;padding:40px;overflow-y:auto}.settingsTitle{align-items:center;gap:12px;margin-bottom:24px;font-size:24px;font-weight:700;display:flex}.settingsSection{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:28px}.sectionTitle{align-items:center;gap:10px;margin-bottom:12px;font-size:18px;font-weight:600;display:flex}.sectionDesc{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.5}.codeBlockHeader{border:1px solid var(--border-color);color:var(--text-secondary);background:#1e1e24;border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;justify-content:space-between;align-items:center;padding:8px 16px;font-size:12px;display:flex}.codeBlock{border:1px solid var(--border-color);font-family:var(--font-mono);color:#818cf8;background:#0f0f12;border-bottom-right-radius:8px;border-bottom-left-radius:8px;margin-bottom:16px;padding:16px;font-size:13px;line-height:1.6;overflow-x:auto}.gridTwoCol{grid-template-columns:1fr 1fr;gap:20px;display:grid}.configField{margin-bottom:16px}.configLabel{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.configInput{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-mono);border-radius:6px;padding:8px 12px;font-size:13px}.configInput:focus{border-color:var(--accent);outline:none}.statsGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.statCard{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:16px;padding:16px;display:flex}.statIconWrapper{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;justify-content:center;align-items:center;padding:10px;display:flex}.statText{flex-direction:column;display:flex}.statValue{font-size:20px;font-weight:700;font-family:var(--font-mono)}.statLabel{color:var(--text-secondary);font-size:12px}.toast{color:#fff;z-index:1000;background:#10b981;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s ease-out slideInUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #10b9814d}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.skeletonCard{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;flex-shrink:0;gap:8px;height:110px;padding:16px;display:flex;position:relative;overflow:hidden}.skeletonCard:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff08 50%,#fff0 100%);animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeletonHeader{justify-content:space-between;align-items:center;display:flex}.skeletonName{background:var(--bg-tertiary);border-radius:4px;width:100px;height:14px}.skeletonTime{background:var(--bg-tertiary);border-radius:4px;width:60px;height:11px}.skeletonSubject{background:var(--bg-tertiary);border-radius:4px;width:180px;height:13px}.skeletonPreview{background:var(--bg-tertiary);border-radius:4px;width:100%;height:24px}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b98180}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}