@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&display=swap");:root{--bg-primary:#070913;--bg-secondary:#0f132a;--bg-tertiary:#171c3d;--bg-glass:rgba(13,17,39,.65);--bg-glass-hover:rgba(22,28,62,.8);--border-glow:rgba(139,92,246,.2);--border-glass:hsla(0,0%,100%,.07);--accent-purple:#8b5cf6;--accent-purple-hover:#7c3aed;--accent-purple-glow:rgba(139,92,246,.35);--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-pink:#ec4899;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--shadow-glow:0 0 20px rgba(139,92,246,.15);--shadow-cyan-glow:0 0 20px rgba(6,182,212,.15);--font-heading:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"Fira Code",monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);background-image:radial-gradient(at 0 0,rgba(139,92,246,.08) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(6,182,212,.08) 0,transparent 50%);color:var(--text-primary);overflow:hidden;height:100vh;width:100vw;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.1);opacity:1}to{transform:scale(.95);opacity:.5}}@keyframes pulse-glow{0%,to{opacity:.3}50%{opacity:.9}}.app-container{display:flex;width:100vw;height:100vh;overflow:hidden;background-color:var(--bg-primary)}.app-sidebar{width:260px;border-right:1px solid var(--border-glass);display:flex;flex-direction:column;height:100%;background:#090b1c;justify-content:space-between;flex-shrink:0}.sidebar-header{padding:24px;display:flex;align-items:center;gap:12px}.brand-icon-wrapper{padding:8px;background:linear-gradient(135deg,var(--accent-purple) 0,var(--accent-blue) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px rgba(139,92,246,.4)}.brand-title{font-family:var(--font-heading);font-size:18px;font-weight:700;color:#fff}.brand-subtitle{font-size:10px;color:var(--accent-cyan);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px}.sidebar-action{padding:0 16px;margin-bottom:24px}.btn-compose{width:100%;padding:12px;background:linear-gradient(135deg,var(--accent-purple) 0,#6366f1 100%);color:#fff;border:1px solid rgba(139,92,246,.2);border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;box-shadow:0 4px 15px rgba(139,92,246,.25);transition:all .2s ease}.btn-compose:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(139,92,246,.4);background:linear-gradient(135deg,#9065f7,#6d70f2)}.sidebar-nav{flex:1 1;padding:0 12px;display:flex;flex-direction:column;gap:6px}.nav-item{width:100%;justify-content:space-between;padding:10px 16px;border-radius:12px;color:var(--text-secondary);background:transparent;border:1px solid transparent;font-size:14px;font-weight:500;transition:all .2s ease;text-align:left}.nav-item,.nav-item-inner{display:flex;align-items:center}.nav-item-inner{gap:12px}.nav-item:hover{color:#fff;background:hsla(0,0%,100%,.03)}.nav-item.active{color:#c084fc;background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.25);box-shadow:0 0 15px rgba(139,92,246,.05)}.unread-badge{padding:2px 8px;font-size:11px;font-weight:600;border-radius:999px;background:rgba(139,92,246,.2);color:#c084fc;border:1px solid rgba(139,92,246,.3)}.sidebar-footer{padding:16px;border-top:1px solid var(--border-glass);background:#060815;display:flex;flex-direction:column;gap:12px}.btn-simulate{width:100%;padding:8px 12px;font-size:12px;font-weight:500;background:rgba(6,182,212,.06);color:var(--accent-cyan);border:1px solid rgba(6,182,212,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-simulate:hover:not(:disabled){background:rgba(6,182,212,.15);border-color:rgba(6,182,212,.4)}.connection-card{padding:12px;background:hsla(0,0%,100%,.02);border:1px solid var(--border-glass);border-radius:12px;display:flex;flex-direction:column;gap:8px}.status-row{display:flex;align-items:center;justify-content:space-between}.status-label{font-size:11px;color:var(--text-muted)}.status-value{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;font-family:var(--font-mono)}.status-pulse{width:8px;height:8px;border-radius:50%;animation:pulse-ring 2s ease-in-out infinite}.status-online{background-color:#10b981;box-shadow:0 0 8px #10b981}.status-mock{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b}.btn-settings{width:100%;padding:6px 12px;background:hsla(0,0%,100%,.04);border:1px solid var(--border-glass);border-radius:8px;color:var(--text-secondary);font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.btn-settings:hover{color:#fff;background:hsla(0,0%,100%,.08)}.email-list{width:360px;border-right:1px solid var(--border-glass);background:#080a18;height:100%;flex-shrink:0}.email-list,.search-header{display:flex;flex-direction:column}.search-header{padding:16px;border-b:1px solid var(--border-glass);gap:12px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-muted)}.search-input{width:100%;padding:8px 12px 8px 36px;background:hsla(0,0%,100%,.04);border:1px solid var(--border-glass);border-radius:10px;color:#fff;font-size:13px;outline:none;transition:border-color .2s ease}.search-input:focus{border-color:var(--accent-purple)}.filter-pill,.filter-pills{display:flex;gap:6px}.filter-pill{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;background:transparent;color:var(--text-secondary);border:1px solid transparent;align-items:center;transition:all .2s ease}.filter-pill:hover{color:#fff;background:hsla(0,0%,100%,.03)}.filter-pill.active{background:hsla(0,0%,100%,.08);color:#fff;border-color:hsla(0,0%,100%,.1)}.filter-pill.active-unread{background:rgba(139,92,246,.15);color:#c084fc;border-color:rgba(139,92,246,.25)}.filter-pill.active-recent{background:rgba(6,182,212,.15);color:#22d3ee;border-color:rgba(6,182,212,.25)}.cards-container{flex:1 1;overflow-y:auto;padding:12px}.cards-container,.no-emails-card{display:flex;flex-direction:column;gap:8px}.no-emails-card{align-items:center;justify-content:center;height:200px;text-align:center;color:var(--text-muted)}.email-card{padding:16px;background:hsla(0,0%,100%,.015);border:1px solid var(--border-glass);border-radius:12px;cursor:pointer;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.email-card:hover{background:hsla(0,0%,100%,.04);border-color:rgba(139,92,246,.25);transform:translateY(-1px)}.email-card.selected{background:rgba(139,92,246,.05);border-color:rgba(139,92,246,.4);box-shadow:var(--shadow-glow)}.email-card.unread{border-left:3px solid var(--accent-purple)}.email-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.card-sender{font-size:13.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.card-date{font-size:11px;color:var(--text-muted)}.card-subject{font-size:12.5px;font-weight:500;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread .card-subject{color:#fff;font-weight:600}.card-snippet{font-size:12px;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-actions-overlay{position:absolute;right:12px;bottom:12px;display:flex;gap:6px;opacity:0;transition:opacity .2s ease}.email-card:hover .card-actions-overlay{opacity:1}.btn-card-action{padding:4px;background:hsla(0,0%,100%,.05);border:1px solid var(--border-glass);border-radius:6px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.btn-card-action:hover{color:#fff;background:rgba(139,92,246,.2);border-color:var(--accent-purple)}.card-unread-indicator{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--accent-purple)}.email-detail{height:100%;background:#070812;overflow:hidden}.detail-empty,.email-detail{flex:1 1;display:flex;flex-direction:column}.detail-empty{align-items:center;justify-content:center;text-align:center;padding:32px;color:var(--text-muted);gap:12px}.detail-header{padding:24px;border-bottom:1px solid var(--border-glass);background:#090b17;display:flex;justify-content:space-between;align-items:center}.detail-subject{font-size:20px;font-weight:700;color:#fff;line-height:1.3}.thread-tag-row{display:flex;align-items:center;gap:8px;margin-top:8px}.thread-badge{padding:2px 8px;font-size:11px;color:var(--accent-cyan);background:rgba(6,182,212,.08);border:1px solid rgba(6,182,212,.2);border-radius:4px;font-family:var(--font-mono)}.thread-count{font-size:12px;color:var(--text-muted)}.btn-reply-header{padding:8px 16px;background:hsla(0,0%,100%,.03);border:1px solid var(--border-glass);border-radius:12px;color:var(--text-primary);font-size:13.5px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-reply-header:hover{background:rgba(139,92,246,.1);color:#c084fc;border-color:rgba(139,92,246,.3)}.thread-scroll-container{flex:1 1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.thread-message-node{border:1px solid var(--border-glass);border-radius:14px;background:hsla(0,0%,100%,.01);overflow:hidden;transition:all .3s ease}.thread-message-node.active-msg{border-color:rgba(139,92,246,.25);background:rgba(139,92,246,.02);box-shadow:0 4px 20px rgba(0,0,0,.2)}.message-node-header{padding:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:hsla(0,0%,100%,.01);border-bottom:1px solid transparent;transition:background-color .2s ease}.message-node-header:hover{background:hsla(0,0%,100%,.03)}.sender-avatar-block{display:flex;align-items:center;gap:12px}.avatar-circle{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-purple) 0,#4f46e5 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.3)}.sender-names{display:flex;flex-direction:column}.sender-name-text{font-size:13.5px;font-weight:600;color:#fff}.sender-email-text{font-size:11.5px;color:var(--text-muted);font-family:var(--font-mono)}.recipient-line{font-size:11px;color:var(--text-muted);margin-top:1px}.header-right-meta{gap:12px;color:var(--text-muted)}.header-right-meta,.meta-time{display:flex;align-items:center}.meta-time{gap:6px;font-size:11px;font-family:var(--font-mono)}.message-node-body{padding:24px;border-top:1px solid var(--border-glass)}.email-html-content{font-size:14px;color:var(--text-primary);line-height:1.6}.email-html-content p{margin-bottom:12px}.email-raw-text{white-space:pre-wrap;font-size:14px;color:var(--text-primary);line-height:1.6;font-family:var(--font-body)}.assistant-sidebar{width:320px;border-left:1px solid var(--border-glass);background:#080a18;display:flex;flex-direction:column;height:100%;flex-shrink:0}.assistant-header{padding:16px;border-bottom:1px solid var(--border-glass);background:#090b17;display:flex;align-items:center;justify-content:space-between}.assistant-title-block{display:flex;align-items:center;gap:10px}.assistant-icon-box{padding:6px;background:rgba(6,182,212,.08);border:1px solid rgba(6,182,212,.2);border-radius:8px;color:var(--accent-cyan);display:flex;align-items:center;justify-content:center}.assistant-title-text{font-size:14px;font-weight:600;color:#fff}.assistant-subtitle-text{font-size:10px;color:var(--text-muted)}.hitl-toggle-label{display:flex;align-items:center;gap:6px;cursor:pointer}.hitl-checkbox{width:13px;height:13px;accent-color:var(--accent-purple);background:hsla(0,0%,100%,.05);border:1px solid var(--border-glass);border-radius:3px}.hitl-label-text{font-size:10px;font-weight:500;color:var(--text-secondary)}.chat-history{flex:1 1;overflow-y:auto;padding:16px}.chat-history,.empty-chat-state{display:flex;flex-direction:column;gap:16px}.empty-chat-state{height:100%;align-items:center;justify-content:center;text-align:center;padding:0 16px}.empty-chat-title{font-size:12px;font-weight:600;color:var(--text-secondary)}.empty-chat-desc{font-size:10.5px;color:var(--text-muted);margin-top:4px;line-height:1.4}.chat-suggestions-stack{width:100%;display:flex;flex-direction:column;gap:6px;margin-top:12px}.suggestion-btn{width:100%;text-align:left;padding:10px;background:hsla(0,0%,100%,.015);border:1px solid var(--border-glass);border-radius:10px;font-size:10.5px;color:var(--text-secondary);transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-btn:hover{color:#fff;background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.15)}.chat-bubble-wrapper{display:flex;flex-direction:column;max-width:90%}.chat-bubble-wrapper.user{align-self:flex-end;align-items:flex-end}.chat-bubble-wrapper.assistant{align-self:flex-start;align-items:flex-start}.chat-bubble{padding:12px;border-radius:16px;font-size:12.5px;line-height:1.5;white-space:pre-wrap}.chat-bubble-wrapper.user .chat-bubble{background:var(--accent-purple);color:#fff;border-top-right-radius:0;box-shadow:0 4px 12px rgba(139,92,246,.2)}.chat-bubble-wrapper.assistant .chat-bubble{background:hsla(0,0%,100%,.03);border:1px solid var(--border-glass);color:var(--text-primary);border-top-left-radius:0}.chat-bubble-action{margin-top:8px;padding:8px;background:rgba(0,0,0,.3);border:1px solid rgba(6,182,212,.2);border-radius:8px;font-family:var(--font-mono);font-size:9.5px;color:var(--accent-cyan)}.bubble-sender-label{font-size:9px;color:var(--text-muted);margin-top:4px}.pending-send-panel{padding:16px;border:1px solid rgba(245,158,11,.2);background:rgba(245,158,11,.03);border-radius:12px;display:flex;flex-direction:column;gap:12px;animation:pop-in .3s cubic-bezier(.34,1.56,.64,1) forwards}.panel-header-block{display:flex;align-items:start;gap:10px}.panel-header-title{font-size:12.5px;font-weight:600;color:#fff}.panel-header-desc{font-size:10.5px;color:var(--text-muted);margin-top:2px}.draft-preview-box{padding:10px;background:rgba(0,0,0,.3);border-radius:8px;border:1px solid var(--border-glass);font-size:10px;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px;max-height:96px;overflow-y:auto}.panel-actions-row{display:flex;gap:8px;justify-content:flex-end}.btn-panel-cancel{padding:6px 12px;font-size:11px;background:hsla(0,0%,100%,.04);color:var(--text-secondary);border:1px solid var(--border-glass);border-radius:8px}.btn-panel-approve{padding:6px 12px;font-size:11px;font-weight:600;background:#d97706;color:#fff;border:none;border-radius:8px;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px rgba(217,119,6,.3)}.executing-tool-panel{padding:12px;border:1px solid rgba(6,182,212,.2);background:rgba(6,182,212,.03);border-radius:12px;display:flex;align-items:center;gap:10px}.tool-panel-title{font-size:10.5px;font-weight:600;color:var(--accent-cyan)}.tool-panel-desc{font-size:10px;color:var(--text-muted);margin-top:1px}.chat-input-form{padding:16px;border-top:1px solid var(--border-glass);background:#090b17;flex-direction:column}.chat-input-form,.input-row{display:flex;gap:8px}.btn-mic{padding:10px;border-radius:12px;background:hsla(0,0%,100%,.04);border:1px solid var(--border-glass);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-mic:hover{color:#fff;background:hsla(0,0%,100%,.08)}.btn-mic.listening{background:#dc2626;border-color:#ef4444;color:#fff;animation:pulse-glow 1.5s ease-in-out infinite}.text-input-wrapper{flex:1 1;position:relative;display:flex;align-items:center}.chat-text-input{width:100%;padding:10px 36px 10px 12px;background:hsla(0,0%,100%,.04);border:1px solid var(--border-glass);border-radius:12px;color:#fff;font-size:12.5px;outline:none;transition:border-color .2s ease}.chat-text-input:focus{border-color:var(--accent-purple)}.btn-chat-send{position:absolute;right:10px;background:transparent;border:none;color:var(--accent-purple)}.btn-chat-send:disabled,.chat-input-footnote{color:var(--text-muted)}.chat-input-footnote{text-align:center;font-size:9px}.modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .2s ease-out}.modal-box{width:100%;border:1px solid var(--border-glass);border-radius:16px;background:#0b0e22;box-shadow:0 10px 30px rgba(0,0,0,.5);overflow:hidden;animation:pop-in .3s cubic-bezier(.34,1.56,.64,1) forwards}.modal-box-medium{max-width:512px}.modal-box-large{max-width:672px}.modal-header{padding:20px;border-bottom:1px solid var(--border-glass);background:#0e122b;display:flex;align-items:center;justify-content:justify}.modal-header-left{display:flex;align-items:center;gap:8px}.modal-title{font-size:16px;font-weight:600;color:#fff}.btn-modal-close{background:transparent;border:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.btn-modal-close:hover{color:#fff}.modal-form-content{padding:24px;display:flex;flex-direction:column;gap:16px}.info-alert-box{padding:16px;border:1px solid rgba(59,130,246,.2);background:rgba(59,130,246,.04);border-radius:12px;display:flex;gap:12px}.info-alert-text{font-size:12px;color:#93c5fd;line-height:1.5}.form-label-block{display:flex;flex-direction:column;gap:8px}.form-label-text{font-size:13.5px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:8px}.form-input{width:100%;padding:10px 16px;background:hsla(0,0%,100%,.04);border:1px solid var(--border-glass);border-radius:12px;color:#fff;font-size:13.5px;outline:none;transition:all .2s ease}.form-input:focus{border-color:var(--accent-purple)}.grid-2-col{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}@media (min-width:768px){.grid-2-col{grid-template-columns:1fr 1fr}}.sub-label-text{font-size:12px;color:var(--text-secondary)}.advanced-settings-block{padding:16px;background:hsla(0,0%,100%,.02);border:1px solid var(--border-glass);border-radius:12px;display:flex;flex-direction:column;gap:16px}.status-test-result{padding:12px;border-radius:12px;font-size:12px;display:flex;align-items:center;gap:10px;border:1px solid transparent}.status-test-result.success{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.2);color:#34d399}.status-test-result.error{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.2);color:#f87171}.modal-actions-row{display:flex;justify-content:flex-end;gap:12px;padding-top:8px;border-top:1px solid var(--border-glass)}.btn-modal-action-reset{padding:8px 16px;font-size:13.5px;background:rgba(245,158,11,.05);color:#f59e0b;border:1px solid rgba(245,158,11,.2);border-radius:12px}.btn-modal-action-submit{padding:8px 20px;font-size:13.5px;font-weight:500;background:var(--accent-purple);color:#fff;border:none;border-radius:12px;display:flex;align-items:center;gap:8px}.btn-modal-action-submit:hover:not(:disabled){background:var(--accent-purple-hover)}.compose-row-border{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-glass);padding-bottom:8px}.compose-label{font-size:13.5px;color:var(--text-secondary);width:48px}.compose-field-input{flex:1 1;background:transparent;border:none;color:#fff;font-size:13.5px;outline:none}.compose-field-input:disabled{opacity:.8}.compose-textarea-wrapper{position:relative;padding:8px 0}.compose-body-textarea{width:100%;background:transparent;border:none;color:#fff;font-size:13.5px;outline:none;resize:none;line-height:1.6}.compose-indicator-badge{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:6px;background:rgba(6,182,212,.15);border:1px solid rgba(6,182,212,.25);color:var(--accent-cyan);padding:4px 8px;border-radius:6px;font-size:10px;font-family:var(--font-mono)}.compose-footer-note{font-size:12px;color:var(--text-muted)}.btn-compose-send{padding:8px 20px;font-size:13.5px;font-weight:600;background:linear-gradient(135deg,var(--accent-purple) 0,#6366f1 100%);color:#fff;border:none;border-radius:12px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(139,92,246,.25)}.btn-compose-send:hover:not(:disabled){background:linear-gradient(135deg,#9065f7,#6d70f2)}.btn-compose-send:disabled{opacity:.4;cursor:not-allowed}.toast-float{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:99;padding:12px 20px;border-radius:16px;border:1px solid transparent;font-size:12.5px;font-weight:500;display:flex;align-items:center;gap:10px;box-shadow:0 10px 25px rgba(0,0,0,.5);animation:pop-in .3s cubic-bezier(.34,1.56,.64,1) forwards}.toast-float.toast-success{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2);color:#34d399}.toast-float.toast-error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2);color:#f87171}.toast-float.toast-email{background:rgba(6,182,212,.1);border-color:rgba(6,182,212,.2);color:#22d3ee;box-shadow:var(--shadow-cyan-glow)}.toast-float.toast-info{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.2);color:#c084fc;box-shadow:var(--shadow-glow)}