:root{--bg-page: #eef0f7;--glow-a: 99, 102, 241;--glow-b: 168, 85, 247;--glow-c: 236, 72, 153;--glow-d: 34, 211, 238;--glass-bg: rgba(255, 255, 255, .62);--glass-bg-strong: rgba(255, 255, 255, .82);--glass-bg-soft: rgba(255, 255, 255, .4);--glass-border: rgba(255, 255, 255, .6);--glass-shadow: 0 1px 1px rgba(30, 20, 60, .03), 0 12px 32px -8px rgba(49, 33, 89, .16);--glass-shadow-lg: 0 1px 1px rgba(30, 20, 60, .03), 0 24px 60px -12px rgba(49, 33, 89, .28);--inner-highlight: inset 0 1px 0 rgba(255, 255, 255, .7);--bg: #ffffff;--bg-subtle: rgba(244, 245, 250, .7);--bg-hover: rgba(99, 102, 241, .08);--border: rgba(31, 33, 41, .09);--text: #15171f;--text-muted: #6b7085;--accent-grad: linear-gradient(135deg, rgb(var(--glow-a)) 0%, rgb(var(--glow-b)) 55%, rgb(var(--glow-c)) 100%);--accent-grad-soft: linear-gradient(135deg, rgba(var(--glow-a), .16), rgba(var(--glow-b), .16));--primary: #6d5cf6;--primary-hover: #5a49e6;--danger: #e0446f;--danger-bg: rgba(224, 68, 111, .12);--success: #17a673;--success-bg: rgba(23, 166, 115, .12);--warning: #d98a1f;--warning-bg: rgba(217, 138, 31, .14);--radius-lg: 22px;--radius-md: 14px;--radius-sm: 10px;--radius: 12px;--sidebar-w: 258px;--list-w: 380px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color-scheme:light}:root[data-theme=dark]{--bg-page: #0a0a10;--glow-a: 129, 120, 255;--glow-b: 197, 110, 255;--glow-c: 255, 110, 180;--glow-d: 70, 220, 255;--glass-bg: rgba(22, 22, 32, .58);--glass-bg-strong: rgba(24, 24, 34, .82);--glass-bg-soft: rgba(22, 22, 32, .34);--glass-border: rgba(255, 255, 255, .09);--glass-shadow: 0 1px 0 rgba(255, 255, 255, .04), 0 20px 50px -12px rgba(0, 0, 0, .65);--glass-shadow-lg: 0 1px 0 rgba(255, 255, 255, .05), 0 32px 80px -16px rgba(0, 0, 0, .75);--inner-highlight: inset 0 1px 0 rgba(255, 255, 255, .06);--bg: #131319;--bg-subtle: rgba(255, 255, 255, .04);--bg-hover: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .09);--text: #eef0f6;--text-muted: #9296ab;--primary: #8b7bff;--primary-hover: #a292ff;--danger: #ff6b93;--danger-bg: rgba(255, 107, 147, .14);--success: #3ddba0;--success-bg: rgba(61, 219, 160, .14);--warning: #f2ae4c;--warning-bg: rgba(242, 174, 76, .16);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased;background-color:var(--bg-page);background-image:radial-gradient(900px circle at 8% -10%,rgba(var(--glow-a),.3),transparent 60%),radial-gradient(800px circle at 108% 8%,rgba(var(--glow-c),.22),transparent 55%),radial-gradient(1000px circle at 40% 115%,rgba(var(--glow-d),.16),transparent 55%),radial-gradient(700px circle at 85% 90%,rgba(var(--glow-b),.18),transparent 55%);background-attachment:fixed;transition:background-color .3s ease}button{font-family:inherit}a{color:var(--primary);text-decoration:none}input,textarea,select{font-family:inherit;font-size:14px;background:var(--bg-subtle);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 11px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:rgba(var(--glow-a),.55);box-shadow:0 0 0 4px rgba(var(--glow-a),.14);background:var(--bg)}::selection{background:rgba(var(--glow-a),.35)}*{scrollbar-width:thin;scrollbar-color:rgba(128,128,160,.35) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#8080a04d;border-radius:20px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#8080a080;background-clip:padding-box}.center-screen{height:100vh;display:flex;align-items:center;justify-content:center}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--border);border-top-color:rgb(var(--glow-a));animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand-mark{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15.5px;letter-spacing:-.01em}.brand-glyph{width:30px;height:30px;border-radius:9px;flex-shrink:0;background:var(--accent-grad);box-shadow:0 4px 14px -2px rgba(var(--glow-a),.55),var(--inner-highlight);display:flex;align-items:center;justify-content:center;color:#fff}.brand-glyph svg{width:17px;height:17px}.glass{background:var(--glass-bg);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--inner-highlight)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:440px;max-width:100%;padding:36px;border-radius:var(--radius-lg);background:var(--glass-bg-strong);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg),var(--inner-highlight)}.auth-card .brand-mark{margin-bottom:22px}.auth-card h1{font-size:21px;margin:0 0 4px;letter-spacing:-.02em}.auth-card p.sub{color:var(--text-muted);margin:0 0 24px;font-size:13.5px}.field{margin-bottom:16px}.field label{display:block;font-weight:600;margin-bottom:6px;font-size:12.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.field input,.field textarea,.field select{width:100%}.field .hint{font-size:12px;color:var(--text-muted);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600;cursor:pointer;font-size:13px;letter-spacing:-.005em;transition:transform .12s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,opacity .15s ease}.btn svg{width:15px;height:15px}.btn-primary{background:var(--accent-grad);color:#fff;border:none;box-shadow:0 6px 18px -4px rgba(var(--glow-a),.55),var(--inner-highlight)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px -4px rgba(var(--glow-a),.65),var(--inner-highlight)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--glass-bg-soft);border-color:var(--border);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--bg-hover);border-color:rgba(var(--glow-a),.35)}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:transparent}.btn-danger:hover{background:var(--danger);color:#fff}.btn-block{width:100%}.btn-sm{padding:6px 11px;font-size:12.5px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:7px;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:background .15s ease,color .15s ease,transform .1s ease}.btn-icon svg{width:17px;height:17px}.btn-icon:hover{background:var(--bg-hover);color:var(--text)}.btn-icon:active{transform:scale(.94)}.btn-icon.active{color:rgb(var(--glow-c))}.error-banner{background:var(--danger-bg);border:1px solid rgba(var(--glow-c),.25);color:var(--danger);padding:11px 13px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px}.success-banner{background:var(--success-bg);border:1px solid rgba(23,166,115,.25);color:var(--success);padding:11px 13px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px}.app-shell{display:flex;height:100vh;overflow:hidden;padding:14px;gap:14px}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;background:var(--glass-bg);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--inner-highlight)}.sidebar-header{padding:18px 18px 14px;border-bottom:1px solid var(--border)}.sidebar-section{padding:10px}.sidebar-section-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:700;padding:4px 12px;display:flex;justify-content:space-between;align-items:center}.sidebar-item{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text);font-size:13.5px;font-weight:500;transition:background .15s ease,color .15s ease,transform .1s ease}.sidebar-item svg{width:16px;height:16px;flex-shrink:0;color:var(--text-muted);transition:color .15s ease}.sidebar-item:hover{background:var(--bg-hover)}.sidebar-item:hover svg{color:var(--text)}.sidebar-item.active{background:var(--accent-grad);color:#fff;box-shadow:0 4px 14px -4px rgba(var(--glow-a),.55)}.sidebar-item.active svg{color:#fff}.sidebar-item .count{margin-left:auto;font-size:11px;color:var(--text-muted)}.sidebar-item.active .count{color:#ffffffd9}.sidebar-footer{margin-top:auto;padding:12px 14px;border-top:1px solid var(--border)}.mailbox-picker{padding:12px 14px 4px}.mailbox-picker select{width:100%;font-weight:600;font-size:13px}.thread-list-pane{width:var(--list-w);flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-lg);background:var(--glass-bg);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--inner-highlight)}.thread-list-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.thread-list-header input{flex:1}.thread-list{flex:1;overflow-y:auto;padding:6px}.thread-row{display:flex;gap:11px;padding:12px;border-radius:var(--radius-md);cursor:pointer;align-items:flex-start;transition:background .15s ease,transform .1s ease;border:1px solid transparent}.thread-row:hover{background:var(--bg-hover)}.thread-row.unread{font-weight:600}.thread-row.unread .subject:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent-grad);margin-right:7px;vertical-align:middle}.thread-row.selected{background:var(--glass-bg-strong);border-color:rgba(var(--glow-a),.3);box-shadow:0 4px 16px -6px rgba(var(--glow-a),.35)}.thread-row .avatar{width:34px;height:34px;border-radius:11px;background:var(--accent-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;box-shadow:var(--inner-highlight)}.thread-row .body{flex:1;min-width:0}.thread-row .top-line{display:flex;justify-content:space-between;gap:8px}.thread-row .from{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-row .time{color:var(--text-muted);font-size:11.5px;flex-shrink:0;font-weight:400}.thread-row .subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;display:flex;align-items:center}.thread-row .snippet{color:var(--text-muted);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;margin-top:3px;display:flex;align-items:center;gap:4px}.thread-row .snippet svg{width:12px;height:12px;flex-shrink:0}.thread-row .star{flex-shrink:0;display:flex}.thread-row .star svg{width:16px;height:16px;color:#f5b942;fill:#f5b942}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);gap:10px;text-align:center;padding:24px}.empty-state svg{width:40px;height:40px;opacity:.5}.reading-pane{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;border-radius:var(--radius-lg);background:var(--glass-bg);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--inner-highlight)}.reading-toolbar{padding:12px 20px;border-bottom:1px solid var(--border);display:flex;gap:4px;align-items:center}.reading-toolbar .spacer{flex:1}.reading-body{flex:1;overflow-y:auto;padding:22px}.thread-subject{font-size:21px;font-weight:700;margin:0 0 18px;letter-spacing:-.015em}.message-card{border-radius:var(--radius-md);margin-bottom:14px;overflow:hidden;border:1px solid var(--border);background:var(--bg-subtle)}.message-card-header{padding:13px 16px;display:flex;gap:11px;align-items:flex-start}.message-card-header .avatar{width:36px;height:36px;border-radius:11px;background:var(--accent-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;box-shadow:var(--inner-highlight)}.message-card-header .meta{flex:1;min-width:0}.message-card-header .meta .from-line{font-weight:600}.message-card-header .meta .to-line,.message-card-header .time{color:var(--text-muted);font-size:12.5px}.message-card-body{padding:16px;overflow-x:auto;background:var(--bg)}.message-card-body iframe{border:none;width:100%;min-height:100px}.attachment-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 11px;margin:4px 6px 0 0;font-size:12.5px;color:var(--text);background:var(--bg-subtle);transition:background .15s ease,border-color .15s ease}.attachment-chip svg{width:14px;height:14px;color:var(--text-muted)}.attachment-chip:hover{background:var(--bg-hover);border-color:rgba(var(--glow-a),.3)}.composer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1447;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:flex-end;z-index:50;padding:20px}.composer{width:640px;max-width:100%;height:660px;max-height:calc(100vh - 40px);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;flex-direction:column;overflow:hidden;background:var(--glass-bg-strong);backdrop-filter:blur(32px) saturate(160%);-webkit-backdrop-filter:blur(32px) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg),var(--inner-highlight)}.composer-header{padding:13px 18px;display:flex;justify-content:space-between;align-items:center;font-weight:700;border-bottom:1px solid var(--border);font-size:13.5px}.composer-fields{padding:6px 18px;border-bottom:1px solid var(--border)}.composer-fields .row{display:flex;align-items:center;border-bottom:1px solid var(--border);padding:7px 0}.composer-fields .row:last-child{border-bottom:none}.composer-fields .row label{width:42px;color:var(--text-muted);font-size:12.5px;flex-shrink:0;font-weight:600}.composer-fields .row input{flex:1;border:none;outline:none;padding:4px;background:transparent}.composer-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}.rte{display:flex;flex-direction:column;flex:1}.rte-toolbar{display:flex;align-items:center;gap:2px;padding:7px 12px;border-bottom:1px solid var(--border);background:var(--bg-subtle);flex-wrap:wrap}.rte-toolbar .btn-icon{min-width:30px}.rte-divider{width:1px;align-self:stretch;background:var(--border);margin:0 5px}.rte-content{flex:1}.composer-editor{min-height:220px;padding:18px;outline:none;line-height:1.6}.composer-editor p{margin:0 0 .6em}.composer-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-muted);float:left;height:0;pointer-events:none}.composer-attachments{padding:8px 18px;border-top:1px solid var(--border)}.composer-toolbar{display:flex;align-items:center;gap:4px;padding:8px 14px;border-top:1px solid var(--border);background:var(--bg-subtle)}.composer-footer{padding:12px 18px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px}.settings-shell{display:flex;height:100vh;padding:14px;gap:14px;overflow:hidden}.settings-nav{width:232px;flex-shrink:0;padding:14px 10px;overflow-y:auto;border-radius:var(--radius-lg);background:var(--glass-bg);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--inner-highlight)}.settings-content{flex:1;overflow-y:auto;padding:34px 42px;border-radius:var(--radius-lg);background:var(--glass-bg);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--inner-highlight)}.settings-content>div{max-width:900px}.settings-content h2{margin-top:0;letter-spacing:-.02em}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:13px;margin-bottom:4px;cursor:pointer;padding:6px 8px;border-radius:var(--radius-sm);transition:background .15s ease}.back-link:hover{background:var(--bg-hover);color:var(--text)}.back-link svg{width:14px;height:14px}table.data-table{width:100%;border-collapse:collapse;margin-top:14px}table.data-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700;padding:9px 12px;border-bottom:1px solid var(--border)}table.data-table td{padding:12px;border-bottom:1px solid var(--border);font-size:13.5px;vertical-align:middle}table.data-table tr:last-child td{border-bottom:none}table.data-table tr:hover td{background:var(--bg-hover)}.card{border-radius:var(--radius-md);padding:22px;margin-bottom:20px;border:1px solid var(--border);background:var(--bg-subtle)}.card h3{margin-top:0}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.02em}.badge-green{background:var(--success-bg);color:var(--success)}.badge-yellow{background:var(--warning-bg);color:var(--warning)}.badge-gray{background:var(--bg-hover);color:var(--text-muted)}.badge-red{background:var(--danger-bg);color:var(--danger)}.row-actions{display:flex;gap:6px}.checkbox-row{display:flex;align-items:center;gap:9px;margin-bottom:8px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1452;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.modal{border-radius:var(--radius-lg);padding:26px;width:500px;max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);overflow-y:auto;background:var(--glass-bg-strong);backdrop-filter:blur(32px) saturate(160%);-webkit-backdrop-filter:blur(32px) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg),var(--inner-highlight)}.modal h3{margin-top:0}.key-reveal{background:var(--bg-subtle);border:1px solid var(--border);padding:13px;border-radius:var(--radius-sm);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;word-break:break-all;margin:12px 0}.muted{color:var(--text-muted)}.stack-8>*+*{margin-top:8px}.stack-12>*+*{margin-top:12px}.flex-between{display:flex;justify-content:space-between;align-items:center}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.tag{background:var(--bg-hover);border-radius:100px;padding:4px 11px;font-size:12px;display:flex;align-items:center;gap:5px;font-weight:500}