:root{--bg: #070a14;--bg-soft: #0d1222;--surface: rgba(19, 25, 46, .78);--surface-solid: #131a2e;--surface-raised: #1a2140;--border: rgba(148, 163, 216, .14);--border-strong: rgba(148, 163, 216, .32);--text: #e9edfb;--text-muted: #8f97b6;--primary: #8b5cf6;--primary-2: #22d3ee;--primary-soft: rgba(139, 92, 246, .16);--accent: #f472b6;--gradient: linear-gradient(120deg, #a855f7, #6366f1 45%, #22d3ee);--success: #34d399;--success-bg: rgba(52, 211, 153, .14);--pending: #fbbf24;--pending-bg: rgba(251, 191, 36, .14);--error: #fb7185;--error-bg: rgba(251, 113, 133, .14);--glow: 0 0 24px rgba(139, 92, 246, .35);--radius: 14px;--speed: .18s}*{box-sizing:border-box}body{margin:0;font-family:Outfit,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1100px 600px at -10% -20%,rgba(139,92,246,.22),transparent 60%),radial-gradient(900px 600px at 110% 0%,rgba(34,211,238,.14),transparent 55%),radial-gradient(800px 700px at 50% 120%,rgba(244,114,182,.1),transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);font-size:14px;line-height:1.5}h2,h3{margin:0 0 4px;letter-spacing:-.01em}code{background:#94a3d824;padding:1px 6px;border-radius:6px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}::selection{background:#8b5cf673;color:#fff}*{scrollbar-width:thin;scrollbar-color:rgba(148,163,216,.28) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#94a3d847;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#94a3d880}.muted{color:var(--text-muted)}.app{display:flex;flex-direction:column;height:100vh}.screen-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse-dot{0%,to{box-shadow:0 0 #fbbf248c}60%{box-shadow:0 0 0 7px #fbbf2400}}@keyframes gradient-drift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:var(--gradient);background-size:200% 200%;animation:gradient-drift 6s ease infinite;color:#fff;font-size:12px;font-weight:800;box-shadow:var(--glow)}.layout{display:flex;flex:1;min-height:0}.sidebar{width:264px;flex-shrink:0;background:#0b0f1eb3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column;min-height:0}.sidebar-brand{padding:2px 8px 14px;font-size:17px}.sidebar-scroll{flex:1;overflow-y:auto;min-height:0}.sidebar-footer{border-top:1px solid var(--border);padding:12px 8px 2px;display:flex;flex-direction:column;gap:10px}.agent-mailbox-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 10px;border-radius:10px}.footer-row{display:flex;flex-direction:column;gap:3px}.footer-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.footer-value{display:flex;align-items:center;gap:6px;font-size:13px;min-width:0}.footer-user{justify-content:space-between}.footer-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-section{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);padding:12px 10px 6px}.sidebar-empty{padding:4px 10px}.client-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.client-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--speed) ease,border-color var(--speed) ease,transform var(--speed) ease}.client-item:hover{background:#94a3d817;transform:translate(3px)}.client-item:active{transform:translate(3px) scale(.98)}.client-item.selected{background:var(--primary-soft);border-color:#8b5cf666;box-shadow:inset 3px 0 0 var(--primary)}.client-item-text{display:flex;flex-direction:column;min-width:0}.client-item-name{font-weight:600}.client-item-email{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.status-dot.pending{background:var(--pending);animation:pulse-dot 2.2s ease-out infinite}.status-dot.complete{background:var(--success);box-shadow:0 0 8px #34d399b3}.main{flex:1;overflow-y:auto;padding:24px}.client-view{display:flex;flex-direction:column;gap:18px;max-width:860px;margin:0 auto}.card{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius);padding:20px;animation:fade-up .35s ease both;transition:border-color var(--speed) ease,box-shadow var(--speed) ease,transform var(--speed) ease}.card:hover{border-color:var(--border-strong);box-shadow:0 10px 34px #0508128c}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.badge{display:inline-block;padding:2px 11px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent}.badge-success{background:var(--success-bg);color:var(--success);border-color:#34d39959}.badge-pending{background:var(--pending-bg);color:var(--pending);border-color:#fbbf2459}.badge-neutral{background:#94a3d81f;color:var(--text-muted);border-color:var(--border)}.badge-note{margin-left:10px;font-size:12px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 20px;margin:0}.detail-grid dt,.field span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:2px}.detail-grid dd{margin:0;overflow-wrap:anywhere}.detail-wide{grid-column:1 / -1}.field{display:flex;flex-direction:column;gap:4px}input,textarea{font:inherit;color:inherit;padding:9px 12px;border:1px solid var(--border-strong);border-radius:10px;background:#090d1ab3;transition:border-color var(--speed) ease,box-shadow var(--speed) ease}input::placeholder,textarea::placeholder{color:#8f97b699}input:hover,textarea:hover{border-color:#94a3d880}input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf640,0 0 18px #8b5cf62e}textarea{resize:vertical}.btn{position:relative;overflow:hidden;font:inherit;font-weight:600;padding:8px 16px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:transform var(--speed) ease,box-shadow var(--speed) ease,background var(--speed) ease,border-color var(--speed) ease,filter var(--speed) ease}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn:not(:disabled):active{transform:translateY(0) scale(.96)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--gradient);background-size:200% 200%;color:#fff;box-shadow:0 4px 18px #6366f159}.btn-primary:not(:disabled):hover{background-position:100% 50%;box-shadow:0 6px 26px #8b5cf680}.btn-ghost{background:#94a3d80f;border-color:var(--border-strong);color:var(--text)}.btn-ghost:not(:disabled):hover{background:#94a3d824;border-color:#94a3d88c}.btn-row{display:flex;gap:8px}.ripple{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.35) 0%,transparent 70%);transform:scale(0);animation:ripple .55s ease-out forwards}@keyframes ripple{to{transform:scale(1);opacity:0}}.error-banner,.ok-banner{padding:9px 13px;border-radius:10px;margin:10px 0;animation:fade-up .25s ease both}.error-banner{background:var(--error-bg);color:var(--error);border:1px solid rgba(251,113,133,.3)}.ok-banner{background:var(--success-bg);color:var(--success);border:1px solid rgba(52,211,153,.3)}.login-card{width:350px;display:flex;flex-direction:column;gap:14px;animation:pop-in .4s cubic-bezier(.2,.9,.3,1.2) both;box-shadow:0 0 60px #8b5cf638,0 24px 60px #05081299}.login-brand{font-size:19px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ea6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fade-up .2s ease both}.modal{width:440px;max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:var(--surface-solid);animation:pop-in .3s cubic-bezier(.2,.9,.3,1.15) both;box-shadow:0 0 50px #8b5cf62e,0 30px 70px #04060eb3}.modal h2{margin:0;font-size:18px}.modal-actions{justify-content:flex-end}.sidebar-section-row{display:flex;align-items:center;justify-content:space-between}.btn-small{padding:3px 9px;font-size:12px}.chip-x{border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:15px;line-height:1;padding:0;transition:color var(--speed) ease,transform var(--speed) ease}.chip-x:hover{color:var(--error);transform:scale(1.2)}.connect-banner{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 16px;background:linear-gradient(90deg,#8b5cf629,#22d3ee1a);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.connect-banner .btn{text-decoration:none}.claim-mailbox{display:flex;flex-direction:column;gap:4px}.claim-mailbox-form{display:flex;align-items:center;gap:8px}.claim-mailbox-field{display:inline-flex;align-items:center;gap:4px}.claim-mailbox-field input{width:180px}.claim-mailbox-domain{white-space:nowrap}.claim-mailbox-status{font-size:12px;min-height:16px}.claim-status-ok{color:var(--success)}.claim-status-bad{color:var(--error)}.login-google-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.login-google-btn svg{background:#fff;border-radius:50%;padding:2px}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.timeline-item{display:flex;flex-direction:column;gap:4px;max-width:85%;animation:fade-up .35s ease both}.timeline-item:nth-child(1){animation-delay:.03s}.timeline-item:nth-child(2){animation-delay:.08s}.timeline-item:nth-child(3){animation-delay:.13s}.timeline-item:nth-child(4){animation-delay:.18s}.timeline-item:nth-child(5){animation-delay:.23s}.timeline-item.outbound{align-self:flex-end;align-items:flex-end}.timeline-item.inbound{align-self:flex-start;align-items:flex-start}.timeline-meta{display:flex;gap:8px;font-size:12px}.timeline-author{font-weight:700}.timeline-item.outbound .timeline-author{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.bubble{border-radius:14px;padding:11px 15px;border:1px solid var(--border);background:#94a3d812;transition:border-color var(--speed) ease,box-shadow var(--speed) ease,transform var(--speed) ease}.bubble:hover{border-color:var(--border-strong);transform:translateY(-1px)}.timeline-item.outbound .bubble{background:linear-gradient(135deg,#8b5cf633,#22d3ee1a);border-color:#8b5cf659}.timeline-item.outbound .bubble:hover{box-shadow:0 4px 20px #8b5cf638}.bubble-scheduled{border-style:dashed;background:transparent;opacity:.8}.bubble-subject{font-weight:600;margin-bottom:4px}.bubble-body{white-space:pre-wrap;overflow-wrap:anywhere}.timeline-footer{margin:12px 0 0}.prompt-editor{width:100%;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.55}.placeholder-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chip{position:relative;overflow:hidden;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--border-strong);background:#94a3d80f;color:var(--text);cursor:pointer;transition:background var(--speed) ease,border-color var(--speed) ease,transform var(--speed) ease,box-shadow var(--speed) ease}.chip:hover{background:var(--primary-soft);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 3px 14px #8b5cf64d}.chip:active{transform:translateY(0) scale(.94)}.doc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.doc-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:#090d1a66}.doc-check{display:flex;align-items:center;gap:10px;flex:1;min-width:0;cursor:pointer}.doc-check input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px;flex-shrink:0;cursor:pointer}.doc-text{display:flex;flex-direction:column;min-width:0}.doc-name{font-weight:600;overflow-wrap:anywhere}.doc-row.collected .doc-name{color:var(--text-muted);text-decoration:line-through}.doc-desc{font-size:12px;overflow-wrap:anywhere}.doc-add-form{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.doc-add-form input{flex:1;min-width:160px}.doc-chip-list{list-style:none;margin:0 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.doc-chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;padding:3px 11px;border-radius:999px;border:1px solid var(--border-strong);background:#94a3d80f}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}