.button{border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-weight:600;font-size:var(--type-sm);cursor:pointer;transition-property:background-color,border-color,color,fill,stroke,box-shadow,opacity,transform;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-default);align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.button.primary{background:var(--color-accent);color:var(--color-text-inverse);border-color:#0000}.button.primary:hover{background:var(--color-accent-hover)}.button.secondary{background:var(--color-bg-surface);color:var(--color-text-primary)}.button.ghost{color:var(--color-text-primary);background:0 0}.button.danger{background:var(--color-danger);color:var(--color-text-inverse);border-color:#0000}.button.sm{font-size:var(--type-xs);padding:6px 12px}.button.lg{font-size:var(--type-md);padding:12px 20px}.button:disabled{opacity:.6;cursor:not-allowed}.input-wrap{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-surface);transition:border var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);align-items:center;gap:8px;padding:12px 12px 8px;display:flex;position:relative}.input-wrap:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.input-wrap.error{border-color:var(--color-danger);animation:.3s shake}.input{color:var(--color-text-primary);width:100%;font-size:var(--type-sm);background:0 0;border:none;outline:none}.input-label{font-size:var(--type-sm);color:var(--color-text-tertiary);transition:all var(--duration-fast) var(--ease-out);pointer-events:none;position:absolute;top:12px;left:12px}.input-wrap.filled .input-label,.input-wrap:focus-within .input-label{font-size:var(--type-xs);color:var(--color-text-secondary);top:4px}.badge{border-radius:var(--radius-pill);font-size:var(--type-xs);background:var(--color-bg-subtle);color:var(--color-text-secondary);padding:4px 10px;font-weight:600}.badge.success{background:var(--tag-transactional-bg);color:var(--tag-transactional-text);border:1px solid color-mix(in srgb, var(--tag-transactional-text) 18%, transparent)}.badge.warning{background:var(--tag-promotional-bg);color:var(--tag-promotional-text);border:1px solid color-mix(in srgb, var(--tag-promotional-text) 18%, transparent)}.badge.danger{background:var(--tag-highrisk-bg);color:var(--tag-highrisk-text);border:1px solid color-mix(in srgb, var(--tag-highrisk-text) 18%, transparent)}.badge.info{background:var(--accent-bg);color:var(--accent-primary);border:1px solid color-mix(in srgb, var(--accent-primary) 18%, transparent)}.avatar{background:var(--color-bg-subtle);color:var(--color-text-primary);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:inline-flex;position:relative}.avatar.online:after{content:"";background:var(--color-success);border:2px solid var(--color-bg-surface);border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;right:0}.tooltip{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);font-size:var(--type-xs);box-shadow:var(--shadow-subtle);opacity:0;transition:all var(--duration-fast) var(--ease-out);pointer-events:none;z-index:50;padding:6px 10px;position:absolute;transform:translateY(4px)}.tooltip.show{opacity:1;transform:translateY(0)}.spinner{border:3px solid var(--color-bg-subtle);border-top:3px solid var(--color-accent);border-radius:50%;animation:1s linear infinite spin}.skeleton{background:linear-gradient(90deg, var(--color-bg-subtle) 25%, color-mix(in srgb, var(--color-bg-surface) 40%, transparent) 50%, var(--color-bg-subtle) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.2s ease-in-out infinite shimmer}.divider{background:var(--color-border-default)}.switch{background:var(--color-bg-subtle);border-radius:var(--radius-pill);width:42px;height:24px;transition:background var(--duration-fast) var(--ease-default);position:relative}.switch:after{content:"";background:var(--color-bg-surface);width:18px;height:18px;transition:transform var(--duration-fast) var(--ease-spring);border-radius:50%;position:absolute;top:3px;left:3px}.switch.checked{background:var(--color-accent)}.switch.checked:after{transform:translate(18px)}.checkbox{border:1px solid var(--color-border-default);background:var(--color-bg-surface);width:16px;height:16px;transition:all var(--duration-fast) var(--ease-default);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.checkbox.checked{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.dropdown{position:relative}.dropdown-menu{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);z-index:20;min-width:160px;animation:fadeIn var(--duration-fast) var(--ease-out);padding:8px;position:absolute;top:calc(100% + 8px);right:0}.toast-container{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-left:4px solid var(--color-info);border-radius:var(--radius-md);box-shadow:var(--shadow-medium);min-width:220px;animation:slideIn var(--duration-normal) var(--ease-out);padding:12px 16px}.toast.success{border-left-color:var(--color-success)}.toast.error{border-left-color:var(--color-danger)}.toast.warning{border-left-color:var(--color-warning)}.modal-backdrop{background:var(--overlay-backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);width:min(720px,90vw);animation:scaleIn var(--duration-normal) var(--ease-out);padding:24px}.kbd{font-family:var(--font-mono);background:var(--color-bg-subtle);border:1px solid var(--color-border-default);font-size:var(--type-xs);border-radius:6px;padding:2px 6px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:0%}to{background-position:100%}}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.compose-modal{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);width:min(560px,92vw);box-shadow:var(--shadow-high);z-index:120;animation:composeEnter .18s var(--ease-out);border-radius:16px;flex-direction:column;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden}.compose-header{background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.compose-title{color:var(--color-text-primary);font-weight:600}.compose-close{color:var(--color-text-tertiary);cursor:pointer;font-size:var(--type-xs);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;border-radius:999px;padding:6px 8px}.compose-close:hover{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.compose-body{background:var(--color-bg-surface);gap:12px;padding:16px;display:grid}.compose-footer{border-top:1px solid var(--color-border-default);background:var(--color-bg-subtle);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.rich-editor{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-surface);min-height:140px;padding:12px}.attachment-list{flex-wrap:wrap;gap:8px;display:flex}.attachment-chip{background:var(--color-bg-subtle);border-radius:var(--radius-pill);font-size:var(--type-xs);align-items:center;gap:8px;padding:4px 8px;display:flex}.attachment-remove{color:var(--color-text-tertiary);cursor:pointer;font-size:var(--type-xs);background:0 0;border:none}@media (width<=768px){.compose-modal{width:auto;bottom:16px;left:16px;right:16px}}@keyframes composeEnter{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.email-row{border-bottom:1px solid var(--color-border-default);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);grid-template-columns:40px 1fr auto;gap:12px;padding:12px 16px;display:grid}.email-row:hover{background:var(--color-bg-subtle)}.email-row.selected{background:var(--color-accent-subtle)}.email-row .subject{font-weight:600}.email-row.unread .subject{font-weight:700}.email-row .snippet{color:var(--color-text-secondary);font-size:var(--type-xs)}.row-meta{font-size:var(--type-xs);color:var(--color-text-tertiary);align-items:center;gap:8px;margin-top:6px;display:flex}.row-account{font-size:var(--type-xs);color:var(--color-text-tertiary)}.row-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.row-badges{flex-direction:column;gap:6px;display:flex}.row-actions{gap:6px;display:none}.email-row:hover .row-actions{display:flex}.email-detail{padding:var(--space-5);height:calc(100vh - 60px);overflow:auto}.ai-summary{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-subtle)}.risk-banner{border-radius:var(--radius-md);margin-bottom:var(--space-4);border:1px solid var(--color-border-default);padding:12px 16px}.risk-banner.high{background:color-mix(in srgb, var(--tag-highrisk-bg) 30%, transparent);border-color:var(--tag-highrisk-text)}.risk-banner.medium{background:color-mix(in srgb, var(--tag-promotional-bg) 30%, transparent);border-color:var(--tag-promotional-text)}.risk-banner.low{background:color-mix(in srgb, var(--tag-transactional-bg) 30%, transparent);border-color:var(--tag-transactional-text)}.suggested-event{border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-3);margin-top:var(--space-3);gap:8px;display:grid}:root{--bg:var(--bg-app);--primary:var(--accent-primary);--bg-app:#f5f5f4;--bg-sidebar:#fff;--bg-main:#fff;--bg-surface:#f9f9f8;--bg-hover:#f0eeec;--bg-selected:#e8e5e1;--border-color:#e5e2de;--text-primary:#1a1a18;--text-secondary:#6b6b68;--text-muted:#9b9b97;--accent-primary:#2563eb;--accent-bg:#eff6ff;--tag-transactional-bg:#f0fdf4;--tag-transactional-text:#166534;--tag-newsletter-bg:#faf5ff;--tag-newsletter-text:#6b21a8;--tag-promotional-bg:#fff7ed;--tag-promotional-text:#9a3412;--tag-highrisk-bg:#fef2f2;--tag-highrisk-text:#991b1b;--compose-btn-bg:#2563eb;--compose-btn-text:#fff;--avatar-bg:#dbeafe;--avatar-text:#1d4ed8;--warning-banner-bg:#292524;--warning-banner-text:#e7e5e4;--warning-banner-border:#44403c;--scrollbar-thumb:#d4d0ca;--input-bg:#fff;--input-border:#e5e2de;--send-btn-bg:#2563eb;--send-btn-text:#fff;--dot-unread:#2563eb;--toggle-thumb:#fff;--overlay-backdrop:color-mix(in srgb, var(--text-primary) 22%, transparent);--color-bg-base:var(--bg-app);--color-bg-surface:var(--bg-main);--color-bg-elevated:var(--bg-surface);--color-bg-subtle:var(--bg-hover);--color-border-default:var(--border-color);--color-border-strong:color-mix(in srgb, var(--border-color) 70%, var(--text-primary) 30%);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-tertiary:var(--text-muted);--color-text-inverse:#fff;--color-accent:var(--accent-primary);--color-accent-subtle:var(--accent-bg);--color-accent-hover:color-mix(in srgb, var(--accent-primary) 85%, black 15%);--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-risk-low:var(--color-success);--color-risk-medium:var(--color-warning);--color-risk-high:var(--color-danger);--color-priority-high:#dc2626;--color-priority-medium:#f59e0b;--color-priority-low:#0ea5e9;--shadow-subtle:0 6px 18px color-mix(in srgb, var(--text-primary) 8%, transparent);--shadow-medium:0 10px 28px color-mix(in srgb, var(--text-primary) 12%, transparent);--shadow-high:0 18px 40px color-mix(in srgb, var(--text-primary) 18%, transparent);--shadow-soft:var(--shadow-subtle);--shadow-lift:var(--shadow-medium);--font-display:"Inter", "IBM Plex Sans", sans-serif;--font-ui:"Inter", "IBM Plex Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--type-xs:12px;--type-sm:13px;--type-md:15px;--type-lg:18px;--type-xl:22px;--type-2xl:28px;--line-xs:16px;--line-sm:18px;--line-md:22px;--line-lg:26px;--line-xl:30px;--line-2xl:36px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:9999px;--gap:16px;--radius:var(--radius-md);--duration-instant:80ms;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-deliberate:.6s;--ease-default:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1)}html.theme-dark{--bg-app:#0f0f0e;--bg-sidebar:#161614;--bg-main:#1a1a18;--bg-surface:#222220;--bg-hover:#2a2a27;--bg-selected:#2e2e2b;--border-color:#2e2e2b;--text-primary:#e8e6e1;--text-secondary:#9b9b97;--text-muted:#6b6b68;--accent-primary:#3b82f6;--accent-bg:#172554;--tag-transactional-bg:#052e16;--tag-transactional-text:#86efac;--tag-newsletter-bg:#2e1065;--tag-newsletter-text:#d8b4fe;--tag-promotional-bg:#431407;--tag-promotional-text:#fed7aa;--tag-highrisk-bg:#450a0a;--tag-highrisk-text:#fca5a5;--compose-btn-bg:#22c55e;--compose-btn-text:#052e16;--avatar-bg:#1e3a5f;--avatar-text:#93c5fd;--warning-banner-bg:#1c1917;--warning-banner-text:#d6d3d1;--warning-banner-border:#292524;--scrollbar-thumb:#3f3f3b;--input-bg:#222220;--input-border:#3f3f3b;--send-btn-bg:#22c55e;--send-btn-text:#052e16;--dot-unread:#22c55e;--toggle-thumb:#fff;--overlay-backdrop:color-mix(in srgb, var(--text-primary) 28%, transparent);--color-bg-base:var(--bg-app);--color-bg-surface:var(--bg-main);--color-bg-elevated:var(--bg-surface);--color-bg-subtle:var(--bg-hover);--color-border-default:var(--border-color);--color-border-strong:color-mix(in srgb, var(--border-color) 70%, var(--text-primary) 30%);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-tertiary:var(--text-muted);--color-text-inverse:#fff;--color-accent:var(--accent-primary);--color-accent-subtle:var(--accent-bg);--color-accent-hover:color-mix(in srgb, var(--accent-primary) 85%, white 15%);--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-risk-low:var(--color-success);--color-risk-medium:var(--color-warning);--color-risk-high:var(--color-danger);--color-priority-high:#f87171;--color-priority-medium:#f59e0b;--color-priority-low:#38bdf8;--shadow-subtle:0 6px 18px #0000005c;--shadow-medium:0 10px 28px #00000070;--shadow-high:0 18px 40px #0000008a;--shadow-soft:var(--shadow-subtle);--shadow-lift:var(--shadow-medium)}*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}html{background:var(--bg-app);color:var(--text-primary);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px;line-height:1.4;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}html.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;transition-property:background-color,border-color,color,fill,stroke,box-shadow;transition-duration:.22s;transition-timing-function:cubic-bezier(.4,0,.2,1)}*{transition:background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),fill .2s cubic-bezier(.4,0,.2,1),stroke .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}body{font-family:var(--font-ui);background:var(--bg-app);color:var(--text-primary);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}#root{min-height:100vh}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-clip:padding-box;border:3px solid #0000;border-radius:999px}html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.inset-y-px{top:1px;bottom:1px}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-4{left:1rem}.left-px{left:1px}.right-0{right:0}.right-6{right:1.5rem}.top-0{top:0}.top-4{top:1rem}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.col-span-full{grid-column:1/-1}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-4{width:1rem}.w-7{width:1.75rem}.w-9{width:2.25rem}.w-\[260px\]{width:260px}.w-\[84px\]{width:84px}.w-\[calc\(\(100\%-2px\)\/3\)\]{width:calc(33.3333% - .666667px)}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-\[180px\]{max-width:180px}.max-w-\[420px\]{max-width:420px}.max-w-\[82\%\]{max-width:82%}.max-w-full{max-width:100%}.max-w-none{max-width:none}.max-w-xl{max-width:36rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.basis-0{flex-basis:0}.-translate-x-full{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1{--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-6{--tw-translate-x:1.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:1s infinite bounce}.animate-spin{animation:1s linear infinite spin}.resize-none{resize:none}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[auto_auto_minmax\(140px\,220px\)_minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:auto auto minmax(140px,220px) minmax(0,1fr) auto auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.justify-self-end{justify-self:end}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[7px\]{border-radius:7px}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:16px}.rounded-t-3xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.rounded-tl-sm{border-top-left-radius:.125rem}.rounded-tr-sm{border-top-right-radius:.125rem}.border{border-width:1px}.border-0{border-width:0}.border-\[0\.5px\]{border-width:.5px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-\[var\(--accent-primary\)\]{border-color:var(--accent-primary)}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.border-\[var\(--input-border\)\]{border-color:var(--input-border)}.border-\[var\(--tag-highrisk-text\)\]{border-color:var(--tag-highrisk-text)}.border-\[var\(--tag-promotional-text\)\]{border-color:var(--tag-promotional-text)}.border-\[var\(--tag-transactional-text\)\]{border-color:var(--tag-transactional-text)}.border-transparent{border-color:#0000}.bg-\[var\(--accent-bg\)\]{background-color:var(--accent-bg)}.bg-\[var\(--accent-primary\)\]{background-color:var(--accent-primary)}.bg-\[var\(--avatar-bg\)\]{background-color:var(--avatar-bg)}.bg-\[var\(--avatar-text\)\]{background-color:var(--avatar-text)}.bg-\[var\(--bg-app\)\]{background-color:var(--bg-app)}.bg-\[var\(--bg-hover\)\]{background-color:var(--bg-hover)}.bg-\[var\(--bg-main\)\]{background-color:var(--bg-main)}.bg-\[var\(--bg-selected\)\]{background-color:var(--bg-selected)}.bg-\[var\(--bg-sidebar\)\]{background-color:var(--bg-sidebar)}.bg-\[var\(--bg-surface\)\]{background-color:var(--bg-surface)}.bg-\[var\(--color-bg-base\)\]{background-color:var(--color-bg-base)}.bg-\[var\(--compose-btn-bg\)\]{background-color:var(--compose-btn-bg)}.bg-\[var\(--dot-unread\)\]{background-color:var(--dot-unread)}.bg-\[var\(--input-bg\)\]{background-color:var(--input-bg)}.bg-\[var\(--overlay-backdrop\)\]{background-color:var(--overlay-backdrop)}.bg-\[var\(--send-btn-bg\)\]{background-color:var(--send-btn-bg)}.bg-\[var\(--tag-highrisk-bg\)\]{background-color:var(--tag-highrisk-bg)}.bg-\[var\(--tag-newsletter-bg\)\]{background-color:var(--tag-newsletter-bg)}.bg-\[var\(--tag-promotional-bg\)\]{background-color:var(--tag-promotional-bg)}.bg-\[var\(--tag-transactional-bg\)\]{background-color:var(--tag-transactional-bg)}.bg-\[var\(--toggle-thumb\)\]{background-color:var(--toggle-thumb)}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.p-0{padding:0}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-px{padding:1px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-5{padding-bottom:1.25rem}.pb-8{padding-bottom:2rem}.pl-4{padding-left:1rem}.pr-1{padding-right:.25rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[20px\]{font-size:20px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.text-\[var\(--accent-primary\)\]{color:var(--accent-primary)}.text-\[var\(--avatar-text\)\]{color:var(--avatar-text)}.text-\[var\(--compose-btn-text\)\]{color:var(--compose-btn-text)}.text-\[var\(--send-btn-text\)\]{color:var(--send-btn-text)}.text-\[var\(--tag-highrisk-text\)\]{color:var(--tag-highrisk-text)}.text-\[var\(--tag-newsletter-text\)\]{color:var(--tag-newsletter-text)}.text-\[var\(--tag-promotional-text\)\]{color:var(--tag-promotional-text)}.text-\[var\(--tag-transactional-text\)\]{color:var(--tag-transactional-text)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lift{--tw-shadow:0 12px 32px #0f172a1f;--tw-shadow-colored:0 12px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-soft{--tw-shadow:0 8px 24px #0f172a14;--tw-shadow-colored:0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-\[var\(--border-color\)\]{--tw-ring-color:var(--border-color)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\]{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.email-html img{max-width:100%;height:auto}.email-html a:not([style]){color:var(--accent-primary);text-decoration:underline}.email-html table{max-width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.placeholder\:text-\[var\(--text-muted\)\]::placeholder{color:var(--text-muted)}.last\:mb-0:last-child{margin-bottom:0}.focus-within\:border-\[var\(--accent-primary\)\]:focus-within{border-color:var(--accent-primary)}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-within\:ring-\[var\(--accent-bg\)\]:focus-within{--tw-ring-color:var(--accent-bg)}.hover\:rotate-90:hover{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[var\(--border-color\)\]:hover{border-color:var(--border-color)}.hover\:bg-\[var\(--bg-hover\)\]:hover{background-color:var(--bg-hover)}.hover\:bg-\[var\(--bg-selected\)\]:hover{background-color:var(--bg-selected)}.hover\:text-\[var\(--tag-highrisk-text\)\]:hover{color:var(--tag-highrisk-text)}.hover\:text-\[var\(--tag-promotional-text\)\]:hover{color:var(--tag-promotional-text)}.hover\:text-\[var\(--text-primary\)\]:hover{color:var(--text-primary)}.hover\:brightness-110:hover{--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:brightness-95:hover{--tw-brightness:brightness(.95);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:not-sr-only:focus{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:border-\[var\(--accent-primary\)\]:focus{border-color:var(--accent-primary)}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-\[var\(--accent-bg\)\]:focus{--tw-ring-color:var(--accent-bg)}.focus\:ring-\[var\(--accent-primary\)\]:focus{--tw-ring-color:var(--accent-primary)}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-\[var\(--accent-primary\)\]:focus-visible{--tw-ring-color:var(--accent-primary)}.active\:brightness-95:active{--tw-brightness:brightness(.95);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\:opacity-100{opacity:1}@media (width>=768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.lg\:static{position:static}.lg\:inset-auto{inset:auto}.lg\:z-auto{z-index:auto}.lg\:col-start-2{grid-column-start:2}.lg\:col-end-4{grid-column-end:4}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:inline-flex{display:inline-flex}.lg\:hidden{display:none}.lg\:h-full{height:100%}.lg\:w-\[260px\]{width:260px}.lg\:w-full{width:100%}.lg\:flex-1{flex:1}.lg\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (width>=1280px){.xl\:inline-flex{display:inline-flex}}