@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--sidebar-bg: #0e0c1b;--sidebar-bg-2: #16132a;--sidebar-text: rgba(255, 255, 255, .62);--sidebar-text-strong: #ffffff;--sidebar-hover: rgba(255, 255, 255, .06);--sidebar-active: rgba(124, 108, 255, .16);--topbar-bg: rgba(255, 255, 255, .78);--topbar-border: rgba(15, 23, 42, .06);--bg-primary: #f3f4f8;--bg-secondary: #ffffff;--bg-subtle: #f8f9fc;--color-primary-text: #0f172a;--color-secondary-text: #5b6478;--color-muted-text: #98a1b3;--color-accent: #5b5bf6;--color-accent-hover: #4646e3;--color-accent-light: rgba(91, 91, 246, .1);--color-accent-ring: rgba(91, 91, 246, .22);--color-accent-2: #9b5cf6;--color-glow: #7c6cff;--gradient-brand: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-2) 100%);--color-success: #10b981;--color-success-light: #ecfdf5;--color-warning: #f59e0b;--color-warning-light: #fffbeb;--color-danger: #ef4444;--color-danger-light: #fef2f2;--color-border: #e6e8ef;--color-border-strong: #d5d9e3;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .05);--shadow-md: 0 6px 16px -6px rgba(16, 24, 40, .1), 0 2px 4px rgba(16, 24, 40, .04);--shadow-lg: 0 24px 48px -16px rgba(16, 24, 40, .22);--radius-sm: .5rem;--radius-md: .625rem;--radius-lg: .875rem;--radius-xl: 1.25rem;--ease: cubic-bezier(.2, .8, .2, 1);--chart-1: #5b5bf6;--chart-2: #22b8cf;--chart-3: #f59e0b;--chart-4: #10b981;--chart-grid: #eef0f5;--chart-muted: #c9cde0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--color-primary-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;line-height:1.2}h2{font-size:1.125rem;font-weight:600;letter-spacing:-.015em}h3{font-size:1rem;font-weight:600;letter-spacing:-.015em}::selection{background:var(--color-accent-ring)}*{scrollbar-width:thin;scrollbar-color:#cdd2de transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#cdd2de;border-radius:10px;border:3px solid transparent;background-clip:content-box}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}[hidden]{display:none!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.app-shell{--sidebar-w: 248px;display:flex;min-height:100vh;background:radial-gradient(1200px 400px at 70% -120px,rgba(91,91,246,.08),transparent 70%),var(--bg-primary)}.app-shell.is-collapsed{--sidebar-w: 76px}.sidebar{width:var(--sidebar-w);flex-shrink:0;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem .875rem;background:radial-gradient(400px 260px at 0% 0%,rgba(124,108,255,.22),transparent 70%),linear-gradient(180deg,var(--sidebar-bg-2),var(--sidebar-bg));color:var(--sidebar-text);transition:width .28s var(--ease),padding .28s var(--ease);z-index:60}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:.25rem .375rem .5rem;min-height:44px}.sidebar-logo{width:38px;height:38px;border-radius:11px;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 1px #ffffff1f,0 8px 20px -6px #7c6cff99}.sidebar-brand-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.sidebar-brand-name{color:var(--sidebar-text-strong);font-weight:800;font-size:.95rem;letter-spacing:-.02em;white-space:nowrap}.sidebar-brand-sub{font-size:.72rem;color:var(--sidebar-text);white-space:nowrap}.sidebar-toggle-btn{position:absolute;right:-13px;top:30px;width:26px;height:26px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-secondary-text);box-shadow:var(--shadow-md);transition:color .2s,transform .2s var(--ease)}.sidebar-toggle-btn:hover{color:var(--color-accent);transform:scale(1.08)}.sidebar-nav{display:flex;flex-direction:column;gap:1.375rem;overflow-y:auto;overflow-x:hidden;flex:1}.sidebar-group{display:flex;flex-direction:column;gap:.25rem}.sidebar-group-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff5c;padding:0 .75rem;margin-bottom:.25rem;white-space:nowrap}.sidebar-links{list-style:none;display:flex;flex-direction:column;gap:.125rem}.sidebar-link{position:relative;display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;border-radius:.75rem;color:var(--sidebar-text);text-decoration:none;font-size:.875rem;font-weight:600;transition:background .18s var(--ease),color .18s var(--ease);white-space:nowrap}.sidebar-link:hover{background:var(--sidebar-hover);color:var(--sidebar-text-strong)}.sidebar-link.active{background:var(--sidebar-active);color:var(--sidebar-text-strong);box-shadow:inset 0 0 0 1px #7c6cff40}.sidebar-link.active:before{content:"";position:absolute;left:-.875rem;top:22%;bottom:22%;width:3px;border-radius:0 3px 3px 0;background:var(--gradient-brand);box-shadow:0 0 12px #7c6cffcc}.sidebar-link-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-link-icon svg{width:100%;height:100%}.channel-icon{width:24px;height:24px;border-radius:7px;color:#fff;box-shadow:0 4px 10px -4px #00000080}.channel-icon svg{width:13px;height:13px;stroke:#fff;fill:none}.conn-dot{width:7px;height:7px;border-radius:50%;margin-left:auto;flex-shrink:0;background:#22c55e;box-shadow:0 0 0 3px #22c55e2e,0 0 8px #22c55eb3}.conn-dot.is-off{background:#ffffff2e;box-shadow:none}.sidebar-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#f59e0b;color:#1f1300;font-size:.7rem;font-weight:800;display:grid;place-items:center}.sidebar-footer{display:flex;align-items:center;gap:.6rem;padding:.75rem;border-radius:.875rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);font-size:.75rem;white-space:nowrap;overflow:hidden}.sidebar-footer svg{width:16px;height:16px;flex-shrink:0;color:#a5a0ff}.is-collapsed .sidebar{padding:1.25rem .75rem}.is-collapsed .sidebar-brand-text,.is-collapsed .sidebar-group-label,.is-collapsed .sidebar-link-text,.is-collapsed .conn-dot{display:none}.is-collapsed .sidebar-brand{justify-content:center;padding:.25rem 0 .5rem}.is-collapsed .sidebar-link{justify-content:center;padding:.6rem}.is-collapsed .sidebar-footer{justify-content:center;padding:.75rem 0}.is-collapsed .sidebar-link.active:before{left:-.75rem}.is-collapsed .sidebar-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;font-size:.6rem}.sidebar-scrim{display:none}.main-column{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:64px;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 2rem;background:var(--topbar-bg);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--topbar-border)}.topbar-left{display:flex;align-items:center;gap:.75rem;min-width:0}.topbar-menu-btn{display:none;width:38px;height:38px;border-radius:10px;border:1px solid var(--color-border);background:var(--bg-secondary);color:var(--color-primary-text);align-items:center;justify-content:center;cursor:pointer}.topbar-title{display:flex;align-items:baseline;gap:.5rem;min-width:0;white-space:nowrap}.topbar-section{font-size:.8rem;font-weight:600;color:var(--color-muted-text)}.topbar-section:after{content:"/";margin-left:.5rem;color:var(--color-border-strong)}.topbar-page{font-size:1rem;font-weight:800;letter-spacing:-.02em;color:var(--color-primary-text);overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:.625rem}.topbar-role{font-size:.75rem;font-weight:700;color:var(--color-accent);background:var(--color-accent-light);padding:.35rem .7rem;border-radius:999px}.user-menu{position:relative}.user-avatar-btn{width:38px;height:38px;border-radius:12px;border:none;background:var(--gradient-brand);cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;box-shadow:0 0 0 3px var(--bg-secondary),0 0 0 4px var(--color-border);transition:box-shadow .18s var(--ease)}.user-avatar-btn:hover{box-shadow:0 0 0 3px var(--bg-secondary),0 0 0 4px var(--color-accent)}.user-avatar-initials{font-size:.75rem;font-weight:800;color:#fff}.user-dropdown{position:absolute;right:0;top:calc(100% + 10px);background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:14px;min-width:220px;box-shadow:var(--shadow-lg);z-index:500;overflow:hidden;animation:dropdown-in .16s var(--ease) both}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.user-dropdown-name{padding:.85rem 1rem .1rem;font-size:.85rem;font-weight:700}.user-dropdown-email{padding:0 1rem .75rem;font-size:.75rem;color:var(--color-secondary-text)}.user-dropdown-sep{border-top:1px solid var(--color-border)}.user-dropdown-item{width:100%;padding:.7rem 1rem;display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;font-family:inherit;font-size:.83rem;font-weight:600;text-align:left;color:var(--color-primary-text)}.user-dropdown-item:hover{background:var(--bg-subtle)}.user-dropdown-item.is-danger{color:var(--color-danger)}.user-dropdown-item.is-danger:hover{background:var(--color-danger-light)}.content-area{flex:1;min-width:0}.content-inner{padding:2rem 2.25rem 3rem;max-width:1280px;margin:0 auto;animation:fadeIn .3s var(--ease)}.content-inner--roomy{max-width:1840px}.content-inner--wide{max-width:none;padding:1.1rem 1.5rem 1.15rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:960px){.app-shell,.app-shell.is-collapsed{--sidebar-w: 260px}.sidebar{position:fixed;left:0;top:0;transform:translate(-105%);transition:transform .28s var(--ease);box-shadow:var(--shadow-lg)}.is-mobile-open .sidebar{transform:translate(0)}.is-collapsed .sidebar-brand-text,.is-collapsed .sidebar-group-label,.is-collapsed .sidebar-link-text,.is-collapsed .conn-dot{display:revert}.sidebar-toggle-btn{display:none}.is-mobile-open .sidebar-scrim{display:block;position:fixed;inset:0;background:#0f0c2973;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:55}.topbar{padding:0 1rem}.topbar-menu-btn{display:inline-flex}.topbar-section{display:none}.content-inner,.content-inner--wide{padding:1.25rem 1rem 2.5rem}}.page{display:flex;flex-direction:column;gap:1rem;animation:fadeUp .25s ease}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.page-header h1{margin-bottom:.25rem}.page-header p{color:var(--color-secondary-text);font-size:.9rem}.page-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.muted{color:var(--color-secondary-text);font-size:.82rem}.hint{color:var(--color-muted-text);font-size:.78rem}.card{background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow .2s var(--ease),border-color .2s var(--ease)}.card:hover{box-shadow:var(--shadow-md)}.card h2{margin-bottom:.25rem}.card h3{margin:0 0 .6rem;font-size:.95rem}.card-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap;margin-bottom:1rem}.card-description{font-size:.8125rem;color:var(--color-secondary-text);max-width:680px;margin-top:.25rem}.card--tight{padding:1.1rem 1.25rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:1rem}.grid--2-1{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1rem}.grid--1-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1rem}@media(max-width:960px){.grid--2-1,.grid--1-2{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5625rem 1.125rem;font-family:inherit;font-size:.875rem;font-weight:700;letter-spacing:-.005em;border-radius:.75rem;border:none;cursor:pointer;white-space:nowrap;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,filter .15s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 1px #ffffff40 inset,0 6px 16px -6px #5b5bf699}.btn-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 1px #ffffff40 inset,0 10px 22px -8px #5b5bf6b3}.btn-outline{background:transparent;color:var(--color-accent);border:1px solid var(--color-accent)}.btn-outline:hover:not(:disabled){background:var(--color-accent-light)}.btn-ghost{background:var(--bg-secondary);color:var(--color-secondary-text);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-ghost:hover:not(:disabled){background:var(--bg-primary);color:var(--color-primary-text)}.btn-danger{background:transparent;color:#dc2626;border:1px solid #fecaca}.btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#f87171}.btn-sm{padding:.35rem .75rem;font-size:.8rem;border-radius:.6rem}.btn-icon{width:34px;height:34px;padding:0}input[type=text],input[type=url],input[type=email],input[type=search],input[type=password],input[type=tel],input[type=date],input[type=time],input[type=datetime-local],input[type=number],select,textarea{font-family:inherit;font-size:.88rem;color:var(--color-primary-text);padding:.55rem .75rem;border-radius:.7rem;border:1px solid var(--color-border);background:var(--bg-secondary);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-ring)}input[readonly]{background:var(--bg-subtle);color:var(--color-secondary-text)}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.82rem;font-weight:600;color:var(--color-primary-text)}.field small{font-weight:500;color:var(--color-muted-text);font-size:.75rem}.field input,.field select,.field textarea{width:100%}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem}.check-row{display:flex;gap:.6rem;align-items:flex-start;font-size:.84rem;cursor:pointer}.check-row input{margin-top:.25rem;accent-color:var(--color-accent)}.switch{width:38px;height:22px;border-radius:999px;border:none;background:var(--color-border-strong);position:relative;cursor:pointer;transition:background .15s;flex-shrink:0}.switch span{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .18s var(--ease)}.switch.is-on{background:var(--color-accent)}.switch.is-on span{transform:translate(16px)}.tabs{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem;max-width:100%;overflow-x:auto;scrollbar-width:none;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:.95rem;box-shadow:var(--shadow-sm)}.tabs::-webkit-scrollbar{display:none}.tab{border:none;background:none;font-family:inherit;cursor:pointer;padding:.65rem 1.25rem;min-height:42px;border-radius:.75rem;font-size:.9rem;font-weight:600;color:var(--color-secondary-text);white-space:nowrap;transition:background .15s,color .15s}.tab:hover:not(.is-active){background:var(--bg-subtle)}.tab.is-active{background:var(--color-accent-light);color:var(--color-accent)}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{border:1px solid var(--color-border);background:var(--bg-secondary);border-radius:999px;padding:.35rem .8rem;font-family:inherit;font-size:.8rem;font-weight:600;color:var(--color-secondary-text);cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.chip.is-on{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)}.table-wrap{border-radius:var(--radius-xl);overflow:auto;border:1px solid var(--color-border);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:.86rem}.table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted-text);font-weight:700;background:var(--bg-subtle);border-bottom:1px solid var(--color-border);padding:.7rem .9rem;white-space:nowrap}.table td{border-bottom:1px solid var(--color-border);padding:.75rem .9rem;vertical-align:middle}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:var(--bg-subtle)}.table tbody tr:last-child td{border-bottom:none}.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.card>.table-wrap{margin:0 -1.5rem -1.5rem;border:none;border-top:1px solid var(--color-border);border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:none}.status{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700;white-space:nowrap}.status:before{content:"●";margin-right:5px;font-size:.6rem}.status--draft{background:#f1f5f9;color:#64748b}.status--pending{background:#f3e8ff;color:#7e22ce}.status--active{background:var(--color-accent-light);color:var(--color-accent)}.status--done{background:#d1fae5;color:#065f46}.status--warn{background:#ffedd5;color:#c2410c}.status--error{background:#fee2e2;color:#dc2626}.pill{display:inline-flex;align-items:center;gap:.3rem;padding:1px 8px;border-radius:999px;font-size:.72rem;font-weight:700;background:var(--bg-subtle);color:var(--color-secondary-text);border:1px solid var(--color-border)}.pill--accent{background:var(--color-accent-light);color:var(--color-accent);border-color:transparent}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem 0}.kpi{padding:.25rem 1.5rem;border-left:1px solid var(--color-border)}.kpi:first-child{border-left:none;padding-left:.25rem}.kpi-label{font-size:.82rem;color:var(--color-secondary-text);font-weight:600;display:flex;align-items:center;gap:.25rem}.kpi-value{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin-top:.15rem}.kpi-value strong{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;white-space:nowrap}@media(max-width:560px){.kpis{grid-template-columns:1fr 1fr;gap:.75rem 1rem}.kpi,.kpi:first-child{border-left:none;padding:.5rem 0 0;border-top:1px solid var(--color-border)}.kpi:nth-child(-n+2){border-top:none;padding-top:0}.kpi-value strong{font-size:1.35rem}}.kpi-tile{position:relative;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.1rem 1.25rem;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.kpi-tile:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--tile-color, var(--color-accent));opacity:.9}.kpi-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.delta{display:inline-flex;align-items:center;gap:2px;font-size:.72rem;font-weight:700;padding:1px 7px;border-radius:999px;white-space:nowrap}.delta.is-good{color:#047857;background:var(--color-success-light)}.delta.is-bad{color:#b91c1c;background:var(--color-danger-light)}.barlist{list-style:none;display:flex;flex-direction:column;gap:.85rem}.barlist-row{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline;margin-bottom:.35rem}.barlist-label{font-size:.84rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.barlist-label small{display:block;font-weight:500;font-size:.72rem;color:var(--color-muted-text)}.barlist-num{font-size:.85rem;font-weight:700;flex-shrink:0}.barlist-track{height:6px;border-radius:999px;background:var(--chart-grid);overflow:hidden}.barlist-track>div{height:100%;border-radius:inherit;background:var(--gradient-brand);transition:width .6s var(--ease)}.note{padding:.65rem .85rem;border-radius:.7rem;background:var(--bg-subtle);border:1px solid var(--color-border);font-size:.84rem;color:var(--color-secondary-text)}.note--info{background:var(--color-accent-light);border-color:#5b5bf633;color:#3730a3}.note--warn{background:#fffbeb;border-color:#fcd34d;color:#92400e}.note--error{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.note--ok{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.empty{padding:2.5rem 1.5rem;text-align:center;color:var(--color-secondary-text);display:flex;flex-direction:column;align-items:center;gap:.6rem}.empty h3{color:var(--color-primary-text);margin:0}.empty p{max-width:420px;font-size:.88rem}.help-q{display:inline-grid;place-items:center;flex-shrink:0;width:15px;height:15px;margin-left:.3rem;vertical-align:middle;border:1.4px solid currentColor;border-radius:50%;font-size:.6rem;font-weight:800;line-height:1;font-style:normal;color:var(--color-muted-text);opacity:.75;cursor:help;position:relative}.help-q:hover,.help-q:focus-visible{opacity:1;color:var(--color-accent);outline:none}.help-q .help-tip{display:none;position:absolute;z-index:4000;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:260px;padding:.7rem .85rem;background:var(--bg-secondary);color:var(--color-secondary-text);border:1px solid var(--color-border);border-radius:.7rem;box-shadow:0 14px 32px #0f172a2e;font-size:.8rem;font-weight:500;line-height:1.45;text-align:left}.help-q:hover .help-tip,.help-q:focus .help-tip{display:block}.help-tip strong{display:block;color:var(--color-primary-text);font-size:.82rem;margin-bottom:.2rem}.modal-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:overlayIn .2s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:0 25px 60px #00000040;width:min(580px,96vw);max-height:90vh;display:flex;flex-direction:column;animation:boxIn .2s ease}.modal-box--wide{width:min(720px,96vw)}@keyframes boxIn{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:none}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:1rem;font-weight:700}.modal-close-btn{width:30px;height:30px;border-radius:50%;background:var(--bg-primary);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-secondary-text);transition:background .15s,color .15s}.modal-close-btn:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.modal-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.85rem;overflow-y:auto}.modal-footer{display:flex;gap:.5rem;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--color-border)}.modal-footer .spacer{flex:1}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.6rem;z-index:99999;pointer-events:none}.toast{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-radius:10px;min-width:280px;max-width:420px;font-size:.875rem;font-weight:500;box-shadow:0 8px 30px #0000002e;pointer-events:all;border-left:4px solid transparent;animation:toast-in .28s cubic-bezier(.34,1.56,.64,1) both}@keyframes toast-in{0%{transform:translate(120%);opacity:0}to{transform:none;opacity:1}}.toast--success{background:#f0fdf4;border-color:#22c55e;color:#15803d}.toast--error{background:#fef2f2;border-color:#ef4444;color:#b91c1c}.toast--warn{background:#fffbeb;border-color:#f59e0b;color:#92400e}.toast--info{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}@media(max-width:560px){.toast-container{left:1rem;right:1rem;bottom:1rem}.toast{min-width:0;max-width:none}}.ch-axis{font-size:11px;fill:var(--color-muted-text);font-family:inherit}.ch-grid{stroke:var(--chart-grid)}.ch-tip{position:absolute;pointer-events:none;padding:.45rem .6rem;border-radius:.6rem;background:#0f172a;color:#fff;font-size:.78rem;font-weight:600;box-shadow:var(--shadow-md);white-space:nowrap}.ch-tip span{opacity:.7;font-size:.7rem;display:block}.legend{display:flex;flex-wrap:wrap;gap:.9rem;font-size:.78rem;color:var(--color-secondary-text)}.ch-bar{fill:var(--chart-1);opacity:.85;transition:opacity .15s}.ch-bar:hover,.ch-bar.is-current{opacity:1}.ch-prev{fill:none;stroke:var(--chart-muted);stroke-width:1.8;stroke-dasharray:5 5}.ch-foot{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;font-size:.8rem;color:var(--color-secondary-text);margin-top:.6rem}.ch-foot b{color:var(--color-primary-text)}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block;margin-right:.35rem;vertical-align:-1px}.main-column{height:100vh;overflow:hidden}.content-area{overflow-y:auto;min-height:0}.mail-inner{height:calc(100vh - 64px);display:flex;flex-direction:column;gap:0;padding-top:.75rem;overflow:hidden}.brand-logo{background:var(--gradient-brand);display:grid;place-items:center;color:#fff}.sidebar{gap:1rem}.sidebar-nav{gap:1rem;padding-right:2px;margin-right:-4px}.compose-split{display:flex;gap:2px}.compose-main{flex:1;justify-content:center;border-radius:12px 0 0 12px;padding:.7rem .9rem;font-size:.92rem}.compose-caret{border-radius:0 12px 12px 0;padding:.7rem .6rem}.compose-more .dropdown-pop{min-width:240px}.is-collapsed .compose-caret,.is-collapsed .compose-more{display:none}.is-collapsed .compose-main{border-radius:12px;padding:.7rem}.sidebar-group-head{display:flex;align-items:center;justify-content:space-between}.sidebar-group-btn{background:none;border:0;cursor:pointer;text-align:left;font-family:inherit;color:#a5a0ffd9}.sidebar-group-btn:hover{color:#fff}.sidebar-group-actions{display:flex;gap:2px;padding-right:.25rem;margin-bottom:.25rem}.sidebar-add{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;border:0;cursor:pointer;background:transparent;color:#ffffff73}.sidebar-add:hover{background:var(--sidebar-hover);color:#fff}.is-collapsed .sidebar-group-head{display:none}.sidebar-link{padding:.42rem .75rem;font-weight:500}.sidebar-link.has-unread{color:var(--sidebar-text-strong);font-weight:700}.sidebar-link-text{overflow:hidden;text-overflow:ellipsis}.sidebar-count{margin-left:auto;font-size:.72rem;font-weight:700;color:#ffffffb3}.sidebar-link.active .sidebar-count{color:#fff}.is-collapsed .sidebar-count{display:none}.sidebar-link.is-drop{background:#7c6cff52;box-shadow:inset 0 0 0 1px #a5a0ffb3;color:#fff}.folder-caret{position:absolute;left:-2px;width:16px;height:16px;display:grid;place-items:center;border:0;background:transparent;color:#ffffff80;cursor:pointer;border-radius:4px}.folder-caret:hover{color:#fff}.is-collapsed .folder-caret{display:none}.sidebar-empty{font-size:.75rem;color:#ffffff59;padding:.2rem .75rem}.sidebar-footer--link{color:var(--sidebar-text);text-decoration:none;cursor:pointer;font-size:.8rem;transition:background .18s var(--ease)}.sidebar-footer--link:hover,.sidebar-footer--link.is-on{background:var(--sidebar-active);color:#fff}.is-collapsed .sidebar-link{padding:.55rem}.is-collapsed .sidebar-link[style]{padding-left:.55rem!important}.tag-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}.tag-dot--lg{width:11px;height:11px;box-shadow:0 0 0 3px #ffffff0f}.topbar{padding:0 1.25rem;gap:.75rem}.topbar-left{flex-shrink:0}.account-tabs{display:flex;align-items:center;gap:.3rem;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;padding:4px 2px}.account-tabs::-webkit-scrollbar{display:none}.account-tab{display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0;height:34px;padding:0 .8rem;border-radius:999px;border:1px solid var(--color-border);background:var(--bg-secondary);font:inherit;font-size:.8rem;font-weight:600;color:var(--color-secondary-text);cursor:pointer;transition:all .18s var(--ease);max-width:240px}.account-tab span:not([class]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-tab:hover{color:var(--color-primary-text);border-color:var(--color-border-strong)}.account-tab.is-active{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)}.account-tab--add{width:34px;padding:0;justify-content:center;border-style:dashed}.account-tab--add:hover{color:var(--color-accent);border-color:var(--color-accent)}.account-tab-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.account-tab-count{font-size:.68rem;font-weight:800;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--color-accent);color:#fff;display:grid;place-items:center}.account-tab-off{font-size:.68rem;font-weight:800;width:16px;height:16px;border-radius:50%;background:var(--color-warning);color:#1f1300;display:grid;place-items:center}.topbar-search{position:relative;display:flex;align-items:center;gap:.4rem;width:min(380px,32vw);flex-shrink:1;height:38px;padding:0 .4rem 0 .75rem;border-radius:12px;border:1px solid var(--color-border);background:var(--bg-secondary);color:var(--color-muted-text);transition:border-color .18s,box-shadow .18s}.topbar-search:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-ring)}.topbar-search input{border:0!important;box-shadow:none!important;padding:0!important;background:transparent;flex:1;min-width:0;height:100%;font:inherit;font-size:.85rem}.topbar-search input::-webkit-search-cancel-button{display:none}.search-scope{border:0;background:var(--color-accent-light);color:var(--color-accent);font:inherit;font-size:.7rem;font-weight:700;border-radius:999px;padding:2px 8px;cursor:pointer;white-space:nowrap}.search-clear{border:0;background:transparent;color:var(--color-muted-text);cursor:pointer;display:grid;place-items:center;width:24px;height:24px;border-radius:6px}.search-clear:hover{background:var(--bg-subtle);color:var(--color-primary-text)}.dropdown{position:relative;display:inline-flex}.dropdown-pop{position:absolute;top:calc(100% + 6px);z-index:600;min-width:210px;max-height:70vh;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:14px;box-shadow:var(--shadow-lg);animation:dropdown-in .16s var(--ease) both;padding:.35rem}.dropdown-pop--left{left:0}.dropdown-pop--right{right:0}.context-pop{position:fixed;top:auto}.menu-list{display:flex;flex-direction:column}.menu-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.48rem .65rem;border:0;border-radius:9px;background:transparent;font:inherit;font-size:.84rem;color:var(--color-primary-text);cursor:pointer;text-align:left;white-space:nowrap}.menu-item svg{color:var(--color-secondary-text);flex-shrink:0}.menu-item:hover:not(:disabled){background:var(--bg-subtle)}.menu-item:disabled{color:var(--color-muted-text);cursor:default}.menu-item.is-danger,.menu-item.is-danger svg{color:var(--color-danger)}.menu-item.is-danger:hover{background:var(--color-danger-light)}.menu-label{flex:1}.menu-gap{width:15px}.menu-check{color:var(--color-accent)!important}.menu-hint,kbd{font:inherit;font-size:.7rem;font-weight:700;color:var(--color-secondary-text);background:var(--bg-subtle);border:1px solid var(--color-border);border-bottom-width:2px;border-radius:6px;padding:1px 6px}.menu-sep{height:1px;background:var(--color-border);margin:.3rem .2rem}.menu-title{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted-text);padding:.45rem .65rem .2rem}.user-dropdown-name{padding:.6rem .65rem 0;font-size:.85rem;font-weight:700}.user-dropdown-email{padding:0 .65rem .35rem;font-size:.75rem;color:var(--color-secondary-text)}.user-menu .dropdown-pop{min-width:250px}.work-tabs{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none;flex-shrink:0;padding:0 .25rem}.work-tabs::-webkit-scrollbar{display:none}.work-tab{display:inline-flex;align-items:center;gap:.45rem;max-width:230px;flex-shrink:0;padding:.5rem .75rem;border:1px solid transparent;border-bottom:0;border-radius:12px 12px 0 0;background:transparent;font:inherit;font-size:.8rem;font-weight:600;color:var(--color-secondary-text);cursor:pointer}.work-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-tab:hover{color:var(--color-primary-text);background:#fff9}.work-tab.is-active{background:var(--bg-secondary);border-color:var(--color-border);color:var(--color-accent);position:relative}.work-tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--bg-secondary)}.work-tab-x{border:0;background:transparent;color:var(--color-muted-text);cursor:pointer;font-size:.7rem;width:18px;height:18px;border-radius:5px;display:grid;place-items:center}.work-tab-x:hover{background:var(--bg-subtle);color:var(--color-danger)}.mail-workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(340px,440px) 1fr;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:0 var(--radius-xl) var(--radius-xl) var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.mail-workspace.pane-bottom{grid-template-columns:1fr;grid-template-rows:minmax(200px,42%) 1fr}.mail-workspace.pane-bottom .mail-list{border-right:0;border-bottom:1px solid var(--color-border)}.mail-workspace.pane-off,.mail-workspace.pane-tab{grid-template-columns:1fr}.pane-off .mail-list{border-right:0}.mail-list{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--color-border)}.mail-list-head{display:flex;align-items:center;gap:.4rem;padding:.7rem .75rem .35rem 1rem;flex-wrap:wrap}.list-title-btn{display:inline-flex;align-items:center;gap:.35rem;border:0;background:transparent;font:inherit;font-size:.98rem;font-weight:800;letter-spacing:-.02em;color:var(--color-primary-text);cursor:pointer;padding:.2rem .3rem;border-radius:8px}.list-title-btn:hover{background:var(--bg-subtle)}.list-unread-link{border:0;background:transparent;font:inherit;font-size:.82rem;font-weight:600;color:var(--color-accent);cursor:pointer;padding:0}.list-unread-link:hover{text-decoration:underline}.dot-sep{color:var(--color-muted-text);margin:0 .25rem}.list-filter-pill button{border:0;background:none;color:inherit;cursor:pointer;font-size:.65rem;padding-left:2px}.mail-list-bar{display:flex;align-items:center;gap:.25rem;padding:.25rem .6rem .5rem;border-bottom:1px solid var(--color-border);min-height:46px}.check-split{display:flex;align-items:center}.check-caret{border:0;background:transparent;color:var(--color-muted-text);cursor:pointer;width:18px;height:28px;display:grid;place-items:center;border-radius:6px}.check-caret:hover{background:var(--bg-subtle);color:var(--color-primary-text)}.list-toolbar{display:flex;align-items:center;gap:.1rem;flex-wrap:wrap}.list-sel-count{margin-left:auto;font-size:.75rem;white-space:nowrap}.mail-check{display:grid;place-items:center;width:28px;height:28px;cursor:pointer;flex-shrink:0}.mail-check input{width:15px;height:15px;accent-color:var(--color-accent);cursor:pointer}.tool-btn{display:inline-flex;align-items:center;gap:.38rem;height:32px;padding:0 .55rem;border:0;border-radius:9px;background:transparent;font:inherit;font-size:.82rem;font-weight:500;color:var(--color-secondary-text);cursor:pointer;white-space:nowrap;transition:background .15s var(--ease),color .15s var(--ease)}.tool-btn:hover:not(:disabled){background:var(--bg-subtle);color:var(--color-primary-text)}.tool-btn:disabled{opacity:.45;cursor:default}.tool-btn.is-flag,.is-flag{color:var(--color-danger)!important}.tool-text{font-weight:800;font-size:.85rem}.tool-text--color{text-decoration:underline 3px var(--color-accent);text-underline-offset:3px}.tool-sep{width:1px;height:18px;background:var(--color-border);margin:0 .3rem;flex-shrink:0}.mail-rows{list-style:none;overflow-y:auto;flex:1;min-height:0}.mail-row{position:relative;display:flex;align-items:flex-start;gap:.35rem;padding:.6rem .75rem .6rem .55rem;border-bottom:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s}.mail-row:hover{background:var(--bg-subtle)}.mail-row.is-checked{background:#5b5bf60d}.mail-row.is-active{background:var(--color-accent-light)}.mail-row.is-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gradient-brand)}.mail-row .mail-check{opacity:0;margin-top:1px}.mail-row:hover .mail-check,.mail-row.is-checked .mail-check,.mail-row.is-active .mail-check{opacity:1}.row-env{color:var(--color-muted-text);display:grid;place-items:center;width:22px;height:28px;flex-shrink:0}.mail-row.is-unread .row-env{color:var(--color-accent)}.mail-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem;padding-top:.2rem}.mail-row-top,.mail-row-sub{display:flex;align-items:center;gap:.4rem;min-width:0}.mail-row-from{font-size:.86rem;color:var(--color-primary-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.mail-row-subject{font-size:.84rem;color:var(--color-secondary-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.mail-row.is-unread .mail-row-from,.mail-row.is-unread .mail-row-subject{font-weight:700;color:var(--color-primary-text)}.mail-row-count{font-size:.7rem;font-weight:700;color:var(--color-secondary-text);background:var(--bg-subtle);border:1px solid var(--color-border);border-radius:999px;padding:0 6px}.mail-row-date{font-size:.66rem;font-weight:600;color:var(--color-muted-text);white-space:nowrap;letter-spacing:.02em;flex-shrink:0}.mail-row.is-unread .mail-row-date{color:var(--color-accent)}.mail-row-snippet{font-size:.78rem;color:var(--color-muted-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-icons{display:inline-flex;align-items:center;gap:.2rem;color:var(--color-muted-text);flex-shrink:0}.row-flag{border:0;background:transparent;color:var(--color-muted-text);cursor:pointer;display:grid;place-items:center;width:22px;height:22px;border-radius:6px;opacity:0}.mail-row:hover .row-flag,.row-flag.is-on{opacity:1}.row-flag:hover{background:var(--bg-secondary);color:var(--color-danger)}.row-flag.is-on{color:var(--color-danger)}.acc-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.draft-label{color:var(--color-danger);font-weight:700;margin-right:.35rem}.is-compact .mail-row{padding-top:.35rem;padding-bottom:.35rem}.is-compact .mail-row-main{flex-direction:row;align-items:center;gap:.6rem;padding-top:0}.is-compact .mail-row-top{width:36%;flex-shrink:0}.is-compact .mail-row-sub{flex:1}.is-compact .mail-row-snippet{display:none}.is-compact .row-env,.is-compact .mail-check{height:22px}.tag-chip{--tag: var(--color-accent);display:inline-flex;align-items:center;gap:.3rem;flex-shrink:0;padding:0 7px;height:19px;border-radius:999px;font-size:.68rem;font-weight:700;color:var(--tag);background:color-mix(in srgb,var(--tag) 12%,transparent);border:1px solid color-mix(in srgb,var(--tag) 22%,transparent);white-space:nowrap}.tag-chip button{border:0;background:none;color:inherit;cursor:pointer;font-size:.6rem;padding:0;opacity:.7}.tag-chip button:hover{opacity:1}.tag-chip--more{--tag: var(--color-secondary-text)}.tag-chip--lg{height:28px;padding:0 12px;font-size:.8rem;gap:.5rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.mail-empty{padding:3rem 1.5rem;text-align:center;color:var(--color-secondary-text)}.mail-empty h3{color:var(--color-primary-text);margin-bottom:.3rem}.mail-empty p{font-size:.85rem;margin-bottom:.8rem}.mail-empty code{background:var(--bg-subtle);border-radius:5px;padding:0 4px;font-size:.8rem}.reader{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg-secondary)}.reader-toolbar{display:flex;align-items:center;gap:.15rem;padding:.55rem .75rem;border-bottom:1px solid var(--color-border);flex-wrap:wrap}.reader-back{display:none}.reader-scroll{flex:1;overflow-y:auto;padding:1rem 1.5rem 1.5rem;min-height:0}.reader-subject{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.9rem}.reader-subject h1{font-size:1.1rem;font-weight:800;letter-spacing:-.02em;line-height:1.35}.reader-meta{display:flex;gap:.4rem;flex-wrap:wrap}.reader .note{margin-bottom:.8rem}.thread{display:flex;flex-direction:column;gap:.6rem}.thread-expand{align-self:center;border:1px dashed var(--color-border-strong);background:var(--bg-subtle);border-radius:999px;padding:.3rem .9rem;font:inherit;font-size:.78rem;font-weight:600;color:var(--color-secondary-text);cursor:pointer}.msg-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--bg-secondary)}.msg-card:not(.is-open){background:var(--bg-subtle)}.msg-card:not(.is-open):hover{border-color:var(--color-border-strong)}.msg-head{display:flex;gap:.75rem;padding:.8rem .9rem;cursor:pointer;align-items:flex-start}.msg-card.is-open .msg-head{border-bottom:1px solid var(--color-border)}.sq-avatar{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;font-size:.82rem;font-weight:800;color:#fff;text-transform:lowercase}.mail-avatar{border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-weight:800;color:#fff}.msg-head-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.msg-from{font-size:.9rem;display:flex;align-items:center;flex-wrap:wrap;gap:.15rem}.msg-meta{display:flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:600;color:var(--color-muted-text);letter-spacing:.02em;flex-wrap:wrap}.msg-to{border:0;background:transparent;font:inherit;font-size:.82rem;color:var(--color-secondary-text);cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:.3rem;text-align:left}.rot90{transform:rotate(90deg)}.msg-snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.msg-head-right{display:flex;align-items:center;gap:.1rem;flex-shrink:0}.msg-date-short{font-size:.7rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.icon-link{border:0;background:transparent;color:var(--color-secondary-text);cursor:pointer;display:grid;place-items:center;width:28px;height:28px;border-radius:8px}.msg-meta .icon-link{width:20px;height:20px}.icon-link:hover{background:var(--bg-subtle);color:var(--color-accent)}.msg-details{display:grid;grid-template-columns:70px 1fr;gap:.2rem .75rem;font-size:.8rem;padding:.7rem 1rem;background:var(--bg-subtle);border-bottom:1px solid var(--color-border)}.msg-details dt{color:var(--color-muted-text);font-weight:600}.msg-details dd{word-break:break-word}.images-bar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.8rem .9rem 0;padding:.55rem .9rem;border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--color-border);font-size:.82rem;color:var(--color-secondary-text)}.link-btn{border:0;background:none;font:inherit;color:var(--color-accent);font-weight:600;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:.3rem}.link-btn:hover{text-decoration:underline}.msg-frame{padding:1rem 1.1rem 1.1rem}.img-blocked{display:inline-block;min-width:120px;min-height:28px;border:1px dashed var(--color-border-strong);border-radius:6px}.msg-body{font-size:.92rem;line-height:1.65;color:var(--color-primary-text);word-wrap:break-word;overflow-x:auto}.msg-body p{margin:0 0 .75em}.msg-body h1,.msg-body h2,.msg-body h3{margin:.3em 0 .6em;line-height:1.25}.msg-body h2{font-size:1.35rem;font-weight:800}.msg-body a{color:var(--color-accent)}.msg-body ul,.msg-body ol{margin:0 0 .75em 1.4em}.msg-body blockquote{border-left:3px solid var(--color-border-strong);margin:.5em 0;padding:.1em 0 .1em .9em;color:var(--color-secondary-text)}.msg-body img{max-width:100%;height:auto}.msg-body table{border-collapse:collapse;max-width:100%}.msg-body .quote-head{color:var(--color-secondary-text);font-size:.85rem;margin-top:1em}.attach-block{margin-top:1rem;border-top:1px solid var(--color-border);padding-top:.8rem}.attach-head{font-size:.78rem;font-weight:700;color:var(--color-secondary-text);display:flex;align-items:center;gap:.35rem;margin-bottom:.55rem}.attach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.5rem}.attach-card{display:flex;align-items:center;gap:.6rem;padding:.55rem .65rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--bg-secondary);font:inherit;cursor:pointer;text-align:left;color:var(--color-secondary-text);transition:all .15s var(--ease)}.attach-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm);color:var(--color-accent)}.attach-kind{width:36px;height:36px;border-radius:9px;background:var(--color-accent-light);color:var(--color-accent);font-size:.62rem;font-weight:800;display:grid;place-items:center;flex-shrink:0}.attach-meta{display:flex;flex-direction:column;min-width:0;flex:1}.attach-meta strong{font-size:.8rem;color:var(--color-primary-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-meta small{font-size:.72rem}.quick-reply{border-top:1px solid var(--color-border);padding:.65rem 1rem;flex-shrink:0;background:var(--bg-secondary)}.quick-reply-fake{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left;border:1px solid var(--color-border);background:var(--bg-subtle);border-radius:12px;padding:.6rem .9rem;font:inherit;font-size:.85rem;color:var(--color-muted-text);cursor:text}.quick-reply-fake:hover{border-color:var(--color-border-strong)}.quick-reply-icons{display:inline-flex;gap:.5rem}.quick-reply-box{display:flex;flex-direction:column;gap:.45rem}.quick-reply-box textarea{width:100%;resize:vertical}.quick-reply-actions{display:flex;align-items:center;gap:.45rem}.reader--empty{display:grid;place-items:center}.reader-placeholder{text-align:center;padding:2rem;max-width:340px}.reader-placeholder h3{margin:.8rem 0 .3rem}.reader-placeholder-icon{width:64px;height:64px;border-radius:20px;background:var(--color-accent-light);color:var(--color-accent);display:inline-grid;place-items:center}.compose{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:0 var(--radius-xl) var(--radius-xl) var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.compose.is-drop{box-shadow:0 0 0 3px var(--color-accent-ring)}.compose-fields{border-bottom:1px solid var(--color-border)}.rcpt-field{position:relative;display:flex;align-items:center;gap:.6rem;min-height:46px;padding:.3rem 1.1rem;border-bottom:1px solid var(--color-border)}.rcpt-field:last-child{border-bottom:0}.rcpt-label{width:52px;flex-shrink:0;font-size:.8rem;font-weight:600;color:var(--color-muted-text)}.rcpt-chips{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;min-width:0}.rcpt-chips input,.compose-subject,.compose-from{flex:1;min-width:160px;border:0!important;box-shadow:none!important;padding:.35rem 0!important;background:transparent;font:inherit;font-size:.9rem}.compose-subject{font-weight:600}.compose-from{cursor:pointer}.rcpt-chip{display:inline-flex;align-items:center;gap:.35rem;height:26px;padding:0 .35rem 0 .65rem;border-radius:999px;background:var(--color-accent-light);color:var(--color-accent);font-size:.8rem;font-weight:600}.rcpt-chip.is-bad{background:var(--color-danger-light);color:var(--color-danger)}.rcpt-chip button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:.62rem;width:16px;height:16px;border-radius:50%}.rcpt-chip button:hover{background:#00000014}.rcpt-toggles{display:flex;gap:.2rem}.rcpt-toggles button{border:0;background:transparent;font:inherit;font-size:.78rem;font-weight:700;color:var(--color-secondary-text);cursor:pointer;padding:.2rem .45rem;border-radius:6px}.rcpt-toggles button:hover{background:var(--bg-subtle);color:var(--color-accent)}.rcpt-suggest{position:absolute;left:70px;top:calc(100% - 4px);z-index:50;min-width:300px;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-lg);padding:.3rem}.rcpt-suggest button{display:flex;flex-direction:column;align-items:flex-start;width:100%;border:0;background:transparent;font:inherit;padding:.4rem .6rem;border-radius:8px;cursor:pointer;text-align:left;font-size:.85rem}.rcpt-suggest button.is-hi,.rcpt-suggest button:hover{background:var(--color-accent-light)}.rcpt-suggest .hint{font-size:.75rem}.editor-toolbar{display:flex;align-items:center;gap:.05rem;padding:.35rem .75rem;border-bottom:1px solid var(--color-border);background:var(--bg-subtle);flex-wrap:wrap}.editor-toolbar .tool-btn{height:30px;padding:0 .45rem}.compose-editor-wrap{flex:1;position:relative;min-height:0;overflow-y:auto}.compose-editor{min-height:100%;padding:1.1rem 1.4rem;outline:none}.compose-editor:empty:before{content:attr(data-placeholder);color:var(--color-muted-text)}.drop-hint{position:absolute;inset:.75rem;border:2px dashed var(--color-accent);border-radius:var(--radius-lg);background:#ffffffeb;display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--color-accent);font-weight:700}.compose-attach{display:flex;flex-wrap:wrap;gap:.4rem;padding:.6rem 1.1rem;border-top:1px solid var(--color-border)}.attach-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .4rem .3rem .65rem;border-radius:10px;background:var(--bg-subtle);border:1px solid var(--color-border);font-size:.78rem}.attach-pill small{color:var(--color-muted-text)}.attach-pill button{border:0;background:transparent;cursor:pointer;color:var(--color-muted-text);font-size:.65rem;width:18px;height:18px;border-radius:5px}.attach-pill button:hover{color:var(--color-danger);background:var(--color-danger-light)}.compose-foot{display:flex;align-items:center;gap:.55rem;padding:.75rem 1.1rem;border-top:1px solid var(--color-border);flex-wrap:wrap}.send-split{display:flex;gap:2px}.send-split>.btn{border-radius:12px 0 0 12px}.send-caret{border-radius:0 12px 12px 0!important;padding:.55rem .5rem}.compose-sig{font-size:.78rem}.schedule-options{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0 1rem}.stack{display:flex;flex-direction:column;gap:.85rem}.color-pick{display:flex;gap:.4rem;flex-wrap:wrap}.color-pick button{width:24px;height:24px;border-radius:50%;border:2px solid var(--bg-secondary);box-shadow:0 0 0 1px var(--color-border);cursor:pointer}.color-pick button.is-on{box-shadow:0 0 0 2px var(--color-primary-text)}.pick-list{list-style:none;display:flex;flex-direction:column;gap:.15rem}.pick-list button{display:flex;align-items:center;gap:.5rem;width:100%;border:0;background:transparent;font:inherit;font-size:.88rem;padding:.5rem .65rem;border-radius:10px;cursor:pointer;text-align:left;color:var(--color-primary-text)}.pick-list button:hover{background:var(--bg-subtle)}.pick-list button.is-on{background:var(--color-accent-light);color:var(--color-accent);font-weight:600}.pick-list .pill{margin-left:auto}.inline-form{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.inline-form>input{flex:1;min-width:180px}.cell-input{border:1px solid transparent!important;background:transparent;padding:.25rem .4rem!important;border-radius:8px;font:inherit;font-weight:600;width:100%;max-width:260px}.cell-input:hover{border-color:var(--color-border)!important}.toast-action{margin-left:.6rem;border:0;background:transparent;font:inherit;font-weight:800;color:var(--color-accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.shortcuts td{padding:.5rem .75rem}.shortcuts td:first-child{width:130px}.provider-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.6rem;margin-top:1rem}.provider-card{display:flex;align-items:center;gap:.7rem;padding:.8rem .9rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--bg-secondary);font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;text-align:left;color:var(--color-primary-text);transition:all .16s var(--ease)}.provider-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.provider-logo{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:.9rem;flex-shrink:0}.provider-chosen{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.server-box{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.6rem .9rem .9rem}.server-box legend{font-size:.78rem;font-weight:700;color:var(--color-secondary-text);padding:0 .35rem}.server-row{grid-template-columns:2fr .8fr 1fr}.advanced-toggle{align-self:flex-start;font-size:.85rem}.settings-layout{display:grid;grid-template-columns:250px 1fr;gap:1.25rem;align-items:start}.settings-nav{position:sticky;top:1rem;display:flex;flex-direction:column;gap:.6rem}.settings-nav-group{display:flex;flex-direction:column;gap:.1rem}.settings-nav-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted-text);padding:.4rem .6rem .2rem}.settings-nav-item{display:flex;align-items:center;gap:.6rem;border:0;background:transparent;font:inherit;font-size:.86rem;padding:.48rem .6rem;border-radius:10px;cursor:pointer;text-align:left;color:var(--color-secondary-text)}.settings-nav-item:hover{background:var(--bg-subtle);color:var(--color-primary-text)}.settings-nav-item.is-on{background:var(--color-accent-light);color:var(--color-accent);font-weight:700}.settings-nav-reset{margin-top:.4rem;border-top:1px solid var(--color-border);border-radius:0 0 10px 10px;padding-top:.75rem;font-size:.8rem}.settings-main{min-width:0}.settings-section{display:flex;flex-direction:column;gap:1rem}.settings-rows{display:flex;flex-direction:column}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap}.settings-row:first-child{padding-top:0}.settings-row:last-child{border-bottom:0;padding-bottom:0}.settings-row b{font-size:.9rem}.settings-toolbar{display:flex;align-items:center;gap:.6rem}.search-mini{display:flex;align-items:center;gap:.4rem;height:36px;padding:0 .7rem;border-radius:10px;background:var(--bg-subtle);border:1px solid var(--color-border);color:var(--color-muted-text)}.search-mini input{border:0!important;box-shadow:none!important;padding:0!important;background:transparent;font:inherit;font-size:.85rem;width:100%}.folders-table .center{text-align:center}.folders-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent)}.bell{border:0;background:transparent;cursor:pointer;font-size:1rem;opacity:.35;filter:grayscale(1);border-radius:6px;width:30px;height:30px}.bell.is-on{opacity:1;filter:none}.bell:hover{background:var(--bg-subtle)}.acc-cell{display:flex;align-items:center;gap:.6rem}.row-actions{display:inline-flex;gap:.35rem;justify-content:flex-end;flex-wrap:wrap}.mini-editor{min-height:160px;border:1px solid var(--color-border);border-radius:12px;padding:.8rem 1rem;outline:none;font-weight:400}.mini-editor:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-ring)}.templates-view{overflow-y:auto;flex:1;padding:1rem .25rem;background:var(--bg-primary)}.template-preview{font-size:.85rem}.spacer{flex:1}@media(max-width:1280px){.account-tab{max-width:180px}.topbar-title{display:none}}@media(max-width:1100px){.mail-workspace{grid-template-columns:minmax(300px,360px) 1fr}.tool-btn span,.list-toolbar .tool-btn span{display:none}}@media(max-width:960px){.mail-inner{height:calc(100vh - 64px);padding:.5rem}.topbar-title{display:flex}.topbar-search{width:auto;flex:1}.account-tabs{display:none}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static}}@media(max-width:760px){.mail-workspace,.mail-workspace.pane-bottom{grid-template-columns:1fr;grid-template-rows:1fr;border-radius:var(--radius-lg)}.mail-workspace .reader{display:none}.mail-workspace.has-active .reader{display:flex}.mail-workspace.has-active .mail-list{display:none}.mail-workspace.pane-tab .reader{display:flex}.reader-back{display:inline-flex}.reader-scroll{padding:.8rem}.topbar-title{display:none}.mail-list{border-right:0}.server-row{grid-template-columns:1fr 1fr}.rcpt-field{padding:.3rem .75rem}.compose-foot .hint,.msg-head-right .tool-sep{display:none}}@media(max-width:760px){.mobile-accounts{display:flex}}@media print{.sidebar,.topbar,.work-tabs,.mail-list,.reader-toolbar,.quick-reply,.toast-container{display:none!important}.main-column,.mail-inner,.content-area{height:auto!important;overflow:visible!important}.mail-workspace{display:block;border:0;box-shadow:none}.reader-scroll{overflow:visible}}.field{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:.35rem;row-gap:.3rem}.field>:not(small){flex:1 1 100%;min-width:0}.field>small{flex:0 1 auto}.sidebar-nav{scrollbar-width:auto;scrollbar-color:auto}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-button{display:none;height:0}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:transparent;border:0;border-radius:6px}.sidebar-nav:hover::-webkit-scrollbar-thumb{background:#ffffff1f}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff38}@supports (-moz-appearance: none){.sidebar-nav{scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar-nav:hover{scrollbar-color:rgba(255,255,255,.12) transparent}}input:not([type]){font-family:inherit;font-size:.88rem;color:var(--color-primary-text);padding:.55rem .75rem;border-radius:.7rem;border:1px solid var(--color-border);background:var(--bg-secondary);transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--color-muted-text)}select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:2.1rem!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2398a1b3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}input[type=checkbox],input[type=radio]{accent-color:var(--color-accent)}.cell-input,.compose-subject{background:transparent!important}.scope-note{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.65rem .9rem;margin-bottom:1rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--bg-secondary);font-size:.84rem;color:var(--color-secondary-text)}.scope-note--account{border-color:var(--color-accent);background:var(--color-accent-light);color:var(--color-primary-text)}.scope-note .btn{margin-left:auto}.sidebar-account-head button{display:flex;align-items:center;gap:.45rem;width:100%;border:0;background:transparent;cursor:pointer;padding:.55rem .75rem .25rem;font:inherit;font-size:.72rem;font-weight:700;color:#ffffff8c;text-align:left}.sidebar-account-head button:hover{color:#fff}.sidebar-account-head .sidebar-link-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-collapsed .sidebar-account-head{display:none}.sidebar-item{position:relative}.sidebar-item[draggable=true]>.sidebar-link{cursor:pointer}.sidebar-item.is-drop-before:before,.sidebar-item.is-drop-after:after,.sidebar-group.is-drop-before:before,.sidebar-group.is-drop-after:after{content:"";position:absolute;left:.5rem;right:.5rem;height:2px;border-radius:2px;background:var(--color-glow);box-shadow:0 0 8px #7c6cffe6;pointer-events:none;z-index:2}.sidebar-item.is-drop-before:before,.sidebar-group.is-drop-before:before{top:-1px}.sidebar-item.is-drop-after:after,.sidebar-group.is-drop-after:after{bottom:-1px}.sidebar-group{position:relative}.sidebar-group-head{cursor:grab}.sidebar-group-head:active{cursor:grabbing}.sidebar-grip{width:12px;margin-right:-.4rem;color:#ffffff40;opacity:0;transition:opacity .15s;display:grid;place-items:center}.sidebar-group-head:hover .sidebar-grip{opacity:1}.is-collapsed .sidebar-grip{display:none}.sidebar-item.is-dragging{opacity:.4}input[type=color]{border:1px solid var(--color-border);border-radius:.7rem;background:var(--bg-secondary)}.app-shell:not(.is-collapsed){--sidebar-w: var(--sidebar-w-open, 248px)}.sidebar-resizer{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:col-resize;z-index:5}.sidebar-resizer:hover,.is-resizing .sidebar-resizer{background:linear-gradient(90deg,transparent 2px,rgba(165,160,255,.6) 2px,rgba(165,160,255,.6) 4px,transparent 4px)}.is-collapsed .sidebar-resizer{display:none}.is-resizing,.is-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.is-resizing .sidebar{transition:none}.mail-workspace.pane-right{grid-template-columns:var(--list-w, 420px) 0 1fr}.pane-resizer{position:relative;z-index:5;cursor:col-resize}.pane-resizer:after{content:"";position:absolute;top:0;bottom:0;left:-3px;width:6px}.pane-resizer:hover:after,.is-resizing .pane-resizer:after{background:linear-gradient(90deg,transparent 2px,var(--color-accent) 2px,var(--color-accent) 4px,transparent 4px)}.mail-list{container-type:inline-size;container-name:maillist}.list-toolbar{flex-wrap:nowrap}@container maillist (max-width: 520px){.list-toolbar .tool-btn span{display:none}}@container maillist (max-width: 360px){.list-unread-link{font-size:.75rem}}.row-group{position:sticky;top:0;z-index:2;padding:.35rem 1rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted-text);background:var(--bg-subtle);border-bottom:1px solid var(--color-border)}.mail-row.is-tinted{background:color-mix(in srgb,var(--row-tint) 7%,var(--bg-secondary));box-shadow:inset 3px 0 color-mix(in srgb,var(--row-tint) 60%,transparent)}.mail-row.is-tinted:hover{background:color-mix(in srgb,var(--row-tint) 12%,var(--bg-secondary))}.is-lite .mail-row.is-unread .row-env,.is-lite .mail-row.is-unread .mail-row-date{color:var(--color-muted-text)}.msg-links{display:flex;align-items:center;flex-wrap:wrap;gap:.15rem;margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--color-border);font-size:.85rem}.plain-body{white-space:pre-wrap;font-family:inherit;font-size:.9rem;margin:0}.attach-block--top{margin:0 0 1rem;border-top:0;padding-top:0;border-bottom:1px solid var(--color-border);padding-bottom:.8rem}.compose--inline{border:0;border-radius:0;box-shadow:none}.compose-fields-summary{display:flex;align-items:center;gap:.6rem;width:100%;padding:.7rem 1.1rem;border:0;border-bottom:1px solid var(--color-border);background:var(--bg-subtle);font:inherit;font-size:.85rem;color:var(--color-secondary-text);cursor:pointer;text-align:left}.editor-toolbar .tool-btn.is-on{background:var(--color-accent-light);color:var(--color-accent)}.compose-editor.is-plain{font-family:Courier New,monospace!important;white-space:pre-wrap}.emoji-pop{display:grid;grid-template-columns:repeat(8,32px);gap:2px;min-width:0;padding:.4rem}.emoji-pop button{width:32px;height:32px;border:0;background:transparent;border-radius:8px;font-size:1.1rem;cursor:pointer}.emoji-pop button:hover{background:var(--bg-subtle)}.tool-btn.is-spinning svg{animation:spin .9s linear infinite}.conn-dot.is-error{background:var(--color-danger);box-shadow:0 0 0 3px #ef44442e}.conn-result{display:flex;flex-direction:column;gap:.3rem}.color-pick{max-width:440px}.color-pick-custom{position:relative;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;cursor:pointer;border:2px dashed var(--color-border-strong);color:var(--color-secondary-text);font-weight:800;font-size:.85rem;background:var(--bg-secondary)}.color-pick-custom:hover{border-color:var(--color-accent);color:var(--color-accent)}.color-pick-custom.is-on{border:2px solid var(--bg-secondary);box-shadow:0 0 0 2px var(--color-primary-text)}.color-pick-custom input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.table .color-pick{gap:3px;max-width:300px}.table .color-pick button,.table .color-pick-custom{width:18px;height:18px;font-size:.7rem}.dropdown-pop.dropdown-pop--up{top:auto;bottom:calc(100% + 6px)}.mark-icons{display:inline-flex;align-items:center;gap:2px}.mark-emoji{line-height:1}.mark-more{font-size:.65rem;font-weight:700;color:var(--color-muted-text)}.row-flag{width:auto;min-width:22px;padding:0 3px}.row-flag.is-on{opacity:1}.icon-link--marks{width:auto;min-width:20px;padding:0 2px}.mark-picker{min-width:230px}.mark-emoji-grid{display:grid;grid-template-columns:repeat(8,28px);gap:2px;padding:.2rem .4rem}.mark-emoji-grid button{width:28px;height:28px;border:0;border-radius:8px;background:transparent;font-size:1rem;cursor:pointer}.mark-emoji-grid button:hover{background:var(--bg-subtle)}.mark-emoji-grid button.is-on{background:var(--color-accent-light);box-shadow:inset 0 0 0 1px var(--color-accent)}.mark-emoji-grid--inline{grid-template-columns:repeat(16,26px);padding:0}.mark-emoji-grid--inline button{width:26px;height:26px;font-size:.9rem}.mark-look{display:flex;flex-direction:column;gap:.4rem}.mark-preview{width:36px;height:36px;border-radius:10px;border:1px solid var(--color-border);display:grid;place-items:center;flex-shrink:0}.prio{display:inline-block;width:10px;font-weight:900;margin-right:.35rem}.prio--high{color:var(--color-danger)}.prio--normal{color:var(--color-success)}.prio--low{color:#3b82f6}.compose-foot .btn-icon.is-on{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-light)}.compose-fields .pill--accent{border:0;cursor:pointer;font:inherit;font-size:.72rem;font-weight:700}.from-dd{flex:1;min-width:0}.from-btn{display:inline-flex;align-items:center;gap:.5rem;max-width:100%;border:1px solid transparent;background:transparent;border-radius:10px;padding:.35rem .6rem .35rem .4rem;font:inherit;font-size:.9rem;color:var(--color-primary-text);cursor:pointer;min-width:0}.from-btn:hover,.from-btn.is-open{background:var(--bg-subtle);border-color:var(--color-border)}.from-name{font-weight:600;white-space:nowrap}.from-email{color:var(--color-secondary-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.from-dd .dropdown-pop{min-width:min(460px,90vw)}.from-item .menu-label{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;white-space:normal}.editor-toolbar{gap:.05rem;row-gap:.15rem;padding:.3rem .6rem}.editor-toolbar .tool-btn{gap:.1rem;height:30px;padding:0 .32rem}.editor-toolbar .tool-sep{margin:0 .15rem}.tool-select{padding:0 .5rem!important;border:1px solid var(--color-border)!important;background:var(--bg-secondary)!important;font-size:.8rem!important;min-width:78px;justify-content:space-between}.color-grid{display:grid;grid-template-columns:repeat(7,22px);gap:4px;padding:.35rem}.color-grid button,.color-grid-more{width:22px;height:22px;border-radius:6px;border:1px solid var(--color-border);cursor:pointer;padding:0}.color-grid button:hover{transform:scale(1.15);box-shadow:0 0 0 2px var(--color-accent-ring)}.color-grid-more{position:relative;display:grid;place-items:center;font-weight:800;color:var(--color-secondary-text);background:var(--bg-subtle)}.color-grid-more input{position:absolute;inset:0;opacity:0;cursor:pointer}.table-pick{padding:.4rem;display:flex;flex-direction:column;gap:.4rem;align-items:center}.table-pick-grid{display:grid;grid-template-columns:repeat(6,18px);gap:3px}.table-pick-grid button{width:18px;height:18px;border-radius:3px;border:1px solid var(--color-border-strong);background:var(--bg-secondary);cursor:pointer;padding:0}.table-pick-grid button.is-on{background:var(--color-accent-light);border-color:var(--color-accent)}.compose-editor table td{border:1px solid var(--color-border-strong)}.compose-editor pre,.msg-body pre{background:var(--bg-subtle);border:1px solid var(--color-border);border-radius:8px;padding:.6rem .8rem;font-family:Courier New,monospace;font-size:.85rem;white-space:pre-wrap}.compose-editor hr,.msg-body hr{border:0;border-top:1px solid var(--color-border-strong);margin:.8rem 0}.opt-card{padding:1.75rem 2rem}.opt-block{padding:1.1rem 0;border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:.55rem}.opt-block:first-child{padding-top:0}.opt-block:last-of-type{border-bottom:0}.opt-block>h3{font-size:.95rem;font-weight:700;margin:0}.opt-block .opt-block{padding:.4rem 0 0;border:0}.opt-radios{display:flex;flex-direction:column;gap:.5rem}.opt-radio{display:flex;align-items:flex-start;gap:.55rem;font-size:.88rem;cursor:pointer;line-height:1.5}.opt-radio input[type=radio],.opt-radio input[type=checkbox]{width:16px;height:16px;margin-top:3px;accent-color:var(--color-accent);flex-shrink:0}.opt-hint{display:block;font-size:.78rem;margin-top:.1rem}.opt-note{background:var(--bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.82rem;color:var(--color-secondary-text);max-width:640px}.opt-sub{font-size:.75rem;margin:.2rem 0}.opt-indent{padding-left:1.6rem;max-width:720px}.is-disabled{opacity:.45;pointer-events:none}.inline-num{width:64px!important;display:inline-block;margin:0 .35rem;padding:.25rem .5rem!important}.inline-time{width:110px!important;display:inline-block;margin:0 .35rem;padding:.25rem .5rem!important}.color-input{width:48px!important;height:36px;padding:2px!important;cursor:pointer}.font-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem 1.2rem;max-width:520px}.trusted-box{display:flex;flex-direction:column;gap:.6rem;max-width:560px;padding-left:1.6rem}.center{text-align:center}.check-grid{display:flex;gap:1.2rem;flex-wrap:wrap}.layout-cards{display:flex;gap:1rem;flex-wrap:wrap}.layout-card{display:flex;flex-direction:column;gap:.5rem;cursor:pointer}.layout-card .opt-radio{align-items:center}.layout-mock{width:116px;height:96px;border-radius:10px;border:2px solid var(--color-border);background:var(--bg-subtle);position:relative;overflow:hidden;display:block;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.layout-card.is-on .layout-mock{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-ring)}.layout-mock i{position:absolute;display:block;background:var(--color-border-strong);border-radius:3px}.layout-mock--vertical i:nth-child(1){left:8px;top:8px;width:34px;bottom:8px;background:repeating-linear-gradient(180deg,var(--color-border-strong) 0 3px,transparent 3px 10px)}.layout-mock--vertical i:nth-child(2){left:48px;top:8px;right:8px;height:10px;background:var(--color-accent-ring)}.layout-mock--vertical i:nth-child(3){inset:24px 8px 8px 48px;background:repeating-linear-gradient(180deg,var(--color-border) 0 3px,transparent 3px 8px)}.layout-mock--horizontal i:nth-child(1){left:8px;right:8px;top:8px;height:34px;background:repeating-linear-gradient(180deg,var(--color-border-strong) 0 3px,transparent 3px 9px)}.layout-mock--horizontal i:nth-child(2){left:8px;right:8px;top:48px;height:8px;background:var(--color-accent-ring)}.layout-mock--horizontal i:nth-child(3){inset:62px 8px 8px;background:repeating-linear-gradient(180deg,var(--color-border) 0 3px,transparent 3px 8px)}.layout-mock--tab i:nth-child(1){left:8px;top:6px;width:30px;height:12px;background:var(--bg-secondary)}.layout-mock--tab i:nth-child(2){left:40px;top:6px;width:40px;height:12px;background:var(--color-accent-ring)}.layout-mock--tab i:nth-child(3){inset:24px 8px 8px;background:repeating-linear-gradient(180deg,var(--color-border) 0 3px,transparent 3px 9px),var(--bg-secondary)}.layout-mock--window i:nth-child(1){left:26px;top:22px;width:50px;height:40px;border:2px solid var(--color-secondary-text);background:var(--bg-secondary)}.layout-mock--window i:nth-child(2){left:40px;top:32px;width:50px;height:40px;border:2px solid var(--color-secondary-text);background:var(--bg-secondary)}.layout-mock--window i:nth-child(3){display:none}.layout-mock--inline i:nth-child(1){left:8px;top:8px;width:34px;bottom:8px;background:repeating-linear-gradient(180deg,var(--color-border-strong) 0 3px,transparent 3px 10px)}.layout-mock--inline i:nth-child(2){left:48px;top:8px;right:8px;height:30px;background:repeating-linear-gradient(180deg,var(--color-border) 0 3px,transparent 3px 8px)}.layout-mock--inline i:nth-child(3){inset:44px 8px 8px 48px;border:1px solid var(--color-accent);background:var(--bg-secondary)}.layout-mock--newest i,.layout-mock--oldest i{left:8px;right:8px;height:10px;background:linear-gradient(90deg,var(--color-border-strong) 0 40%,transparent 40% 70%,var(--color-muted-text) 70%)}.layout-mock--newest i:nth-child(1),.layout-mock--oldest i:nth-child(1){top:14px}.layout-mock--newest i:nth-child(2),.layout-mock--oldest i:nth-child(2){top:40px}.layout-mock--newest i:nth-child(3),.layout-mock--oldest i:nth-child(3){top:66px}.layout-mock--newest i:nth-child(1),.layout-mock--oldest i:nth-child(3){background:linear-gradient(90deg,var(--color-accent) 0 40%,transparent 40% 70%,var(--color-accent) 70%)}.layout-mock--thread{width:150px;height:104px}.layout-mock--thread i{left:10px;right:10px;height:8px;background:var(--color-border-strong)}.layout-mock--thread i:nth-child(1){top:10px}.layout-mock--thread i:nth-child(2){top:28px;left:22px}.layout-mock--thread i:nth-child(3){top:46px;left:22px}.layout-mock--thread i:nth-child(4){top:64px;left:22px}.layout-mock--thread i:nth-child(5){top:82px}.richbox{border:1px solid var(--color-border);border-radius:12px;overflow:hidden;max-width:720px;background:var(--bg-secondary)}.richbox:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-ring)}.richbox-bar{display:flex;align-items:center;gap:.1rem;padding:.3rem .5rem;background:var(--bg-subtle);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.richbox-bar .tool-btn{height:28px;padding:0 .4rem;position:relative}.richbox-select{width:auto!important;height:28px;padding:0 1.6rem 0 .5rem!important;font-size:.78rem!important}.sr-color{position:absolute;inset:0;opacity:0;cursor:pointer}.richbox-area{padding:.9rem 1rem;outline:none}.richbox-area:empty:before{content:attr(data-placeholder);color:var(--color-muted-text)}.day-pick{display:inline-flex;border:1px solid var(--color-accent);border-radius:10px;overflow:hidden;align-self:flex-start}.day-pick button{width:46px;height:34px;border:0;border-right:1px solid var(--color-accent-ring);background:var(--bg-secondary);color:var(--color-accent);font:inherit;font-weight:700;cursor:pointer}.day-pick button:last-child{border-right:0}.day-pick button.is-on{background:var(--gradient-brand);color:#fff}.master-detail{display:grid;grid-template-columns:280px 1fr;gap:1.25rem;align-items:start}.md-list{display:flex;flex-direction:column;gap:.5rem}.md-head{display:flex;align-items:center;justify-content:space-between;padding:0 .25rem .4rem;border-bottom:1px solid var(--color-border)}.md-add{color:var(--color-secondary-text)}.md-add:hover{background:var(--bg-subtle);color:var(--color-accent)}.md-group{display:flex;flex-direction:column;gap:.2rem}.md-sub{display:flex;align-items:center;justify-content:space-between;margin-top:.6rem}.md-item{display:flex;flex-direction:column;align-items:flex-start;gap:.05rem;width:100%;border:0;background:transparent;font:inherit;font-size:.86rem;padding:.55rem .7rem;border-radius:10px;cursor:pointer;text-align:left}.md-item:hover{background:var(--bg-subtle)}.md-item.is-on{background:var(--color-accent-light)}.acc-card{display:flex;align-items:flex-start;gap:.7rem;width:100%;padding:.8rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--bg-secondary);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm)}.acc-card:hover{border-color:var(--color-border-strong)}.acc-card.is-on{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 5%,var(--bg-secondary))}.acc-card-icon{width:38px;height:38px;border-radius:10px;border:1px solid var(--color-border);display:grid;place-items:center;font-weight:800;font-size:1.1rem;flex-shrink:0;background:var(--bg-secondary)}.acc-card-main{display:flex;flex-direction:column;min-width:0;flex:1;font-size:.86rem}.acc-card-main .hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acc-card-tags{display:flex;gap:.3rem;margin-top:.3rem;flex-wrap:wrap}.acc-card .conn-dot{margin-top:6px}.addr-picker{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;padding:.35rem .5rem;border:1px solid var(--color-border);border-radius:12px;background:var(--bg-secondary);max-width:560px}.addr-picker input{border:0!important;box-shadow:none!important;padding:.25rem!important;flex:1;min-width:180px;font-weight:400}.notif-preview{display:flex;gap:.8rem;align-items:center;padding:.8rem 1rem;border-radius:12px;box-shadow:var(--shadow-md);border:1px solid var(--color-border);max-width:320px;font-size:.82rem}.seq-steps{list-style:none;display:flex;flex-direction:column;gap:.8rem}.seq-step{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.seq-step-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.86rem}.seq-step-n{width:26px;height:26px;border-radius:50%;background:var(--gradient-brand);color:#fff;font-weight:800;font-size:.78rem;display:grid;place-items:center}.seq-step .mini-editor{min-height:90px}.cell-input--tag{color:inherit;max-width:160px;height:22px}.tab-pane{flex:1;min-height:0;display:flex;flex-direction:column}.search-chip{display:inline-flex;align-items:center;gap:.3rem;max-width:45%;flex-shrink:0;padding:2px 8px;border-radius:6px;background:var(--color-accent-light);color:var(--color-accent);font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-chip span{font-weight:500;opacity:.8}.mail-workspace.search-ws{grid-template-columns:1fr}.mail-workspace.search-ws.has-active{grid-template-columns:minmax(420px,1fr) minmax(420px,1fr)}.search-head{gap:.5rem;padding:.8rem 1rem .5rem}.search-title{font-size:.98rem;font-weight:800;letter-spacing:-.02em}.search-junk{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--color-secondary-text);cursor:pointer}.search-junk .switch{transform:scale(.8)}.search-row{position:relative;display:grid;grid-template-columns:28px 22px minmax(0,1fr) 150px 72px 150px 28px;align-items:center;gap:.5rem;padding:.55rem .75rem .55rem .55rem;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background .12s}.search-row:hover{background:var(--bg-subtle)}.search-row.is-active{background:var(--color-accent-light);box-shadow:inset 3px 0 0 var(--color-accent)}.search-row.is-checked{background:#5b5bf60d}.search-row .mail-check{opacity:0}.search-row:hover .mail-check,.search-row.is-checked .mail-check{opacity:1}.search-main{display:flex;flex-direction:column;min-width:0}.search-from,.search-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}.search-subject{color:var(--color-secondary-text);display:inline-flex;align-items:center;gap:.3rem}.search-row.is-unread .search-from,.search-row.is-unread .search-subject{font-weight:700;color:var(--color-primary-text)}.search-row.is-unread .row-env{color:var(--color-accent)}.search-col{font-size:.68rem;font-weight:600;color:var(--color-muted-text);letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-folder{text-transform:uppercase}.search-size,.search-date{text-align:right}.search-del{opacity:0}.search-row:hover .search-del{opacity:1}.search-ws.has-active .search-row{grid-template-columns:28px 22px minmax(0,1fr) 120px}.search-ws.has-active .search-folder,.search-ws.has-active .search-size,.search-ws.has-active .search-del{display:none}@media(max-width:960px){.search-row{grid-template-columns:28px 22px minmax(0,1fr) 110px}.search-folder,.search-size,.search-del{display:none}.mail-workspace.search-ws.has-active{grid-template-columns:1fr}.search-ws.has-active .search-list{display:none}}.welcome{max-width:640px;margin:2.5rem auto;padding:2.5rem 2rem;text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center}.welcome-icon{width:72px;height:72px;border-radius:22px;background:var(--gradient-brand);color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -12px #5b5bf6cc}.welcome p{color:var(--color-secondary-text);max-width:520px}.welcome-steps{text-align:left;color:var(--color-secondary-text);font-size:.88rem;display:flex;flex-direction:column;gap:.4rem;padding-left:1.2rem;margin-top:.5rem}.demo-note{margin-bottom:.6rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.crash{min-height:100vh;display:grid;place-items:center;padding:1rem}.crash .card{max-width:520px;text-align:center}.is-standalone .sidebar,.is-standalone .topbar,.is-standalone .work-tabs,.is-standalone .sidebar-scrim{display:none!important}.is-standalone .mail-inner{height:100vh;padding:.5rem}.is-standalone .compose,.is-standalone .mail-workspace{border-radius:var(--radius-xl)}@media(max-width:960px){.master-detail{grid-template-columns:1fr}.sidebar-resizer,.pane-resizer{display:none}.mail-workspace.pane-right{grid-template-columns:minmax(300px,360px) 0 1fr}.opt-card{padding:1.25rem}}@media(max-width:760px){.mail-workspace.pane-right{grid-template-columns:1fr}}.login,.splash{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(700px 420px at 15% 0%,rgba(124,108,255,.35),transparent 70%),radial-gradient(600px 400px at 100% 100%,rgba(155,92,246,.22),transparent 70%),linear-gradient(180deg,var(--sidebar-bg-2),var(--sidebar-bg))}.login-card{width:min(420px,100%);padding:2rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-lg);animation:fadeUp .3s var(--ease)}.login-card:hover{box-shadow:var(--shadow-lg)}.login-brand{display:flex;align-items:center;gap:.85rem}.login-brand h1{font-size:1.4rem}.login-logo{width:46px;height:46px;border-radius:14px;background:var(--gradient-brand);color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px -10px #5b5bf6cc}.login-lead{color:var(--color-secondary-text);font-size:.9rem}.login-submit{width:100%;justify-content:center;padding:.75rem}.login-forgot{align-self:center;font-size:.82rem}.login-sep{display:flex;align-items:center;gap:.75rem;color:var(--color-muted-text);font-size:.78rem}.login-sep:before,.login-sep:after{content:"";flex:1;height:1px;background:var(--color-border)}.login-google{width:100%;justify-content:center;gap:.6rem;padding:.7rem;color:var(--color-primary-text)}.login-foot{text-align:center;font-size:.75rem;line-height:1.5}.login-advanced{align-self:flex-start;font-size:.82rem}.login-servers{display:flex;flex-direction:column;gap:.6rem;padding:.8rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--bg-subtle)}.login-card{width:min(460px,100%)}.user-avatar-img{width:100%;height:100%;object-fit:cover}.sync-state{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--color-success);background:var(--color-success-light)}.sync-state.is-saving{color:var(--color-accent);background:var(--color-accent-light)}.sync-state.is-saving svg{animation:spin 1s linear infinite}.sync-state.is-error{color:var(--color-danger);background:var(--color-danger-light)}@keyframes spin{to{transform:rotate(360deg)}}.attach-pill{position:relative;overflow:hidden}.attach-pill[style*=--p]:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:var(--p);background:var(--gradient-brand);transition:width .2s}.attach-pill.is-failed{border-color:var(--color-danger);color:var(--color-danger)}.splash{color:#ffffffb3;font-size:.9rem;gap:1rem;align-content:center}.splash-logo{width:46px;height:46px;border-radius:14px;background:var(--gradient-brand);animation:pulse 1.2s ease-in-out infinite;justify-self:center}@keyframes pulse{50%{transform:scale(.88);opacity:.7}}.code-input{font-size:1.3rem!important;letter-spacing:.4em;text-align:center;font-weight:700}