@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #f1f3f5;--color-bg-elevated: #ffffff;--color-bg-sunken: #e9ecef;--color-bg-overlay: rgba(0, 0, 0, .5);--color-border-default: #dee2e6;--color-border-subtle: #e9ecef;--color-border-strong: #adb5bd;--color-text-primary: #212529;--color-text-secondary: #495057;--color-text-tertiary: #868e96;--color-text-disabled: #adb5bd;--color-text-inverse: #ffffff;--color-text-link: #228be6;--color-accent-primary: #228be6;--color-accent-primary-hover: #1c7ed6;--color-accent-primary-subtle: #e7f5ff;--color-accent-secondary: #7950f2;--color-accent-success: #40c057;--color-accent-warning: #fab005;--color-accent-danger: #fa5252;--color-accent-info: #15aabf;--color-interactive-hover: rgba(0, 0, 0, .04);--color-interactive-active: rgba(0, 0, 0, .08);--color-interactive-selected: var(--color-accent-primary-subtle);--color-interactive-focus-ring: rgba(34, 139, 230, .4);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Plus Jakarta Sans", var(--font-sans);--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .6875rem;--text-sm: .75rem;--text-base: .8125rem;--text-md: .875rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.375rem;--text-3xl: 1.75rem;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.625;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--sidebar-width: 240px;--sidebar-width-collapsed: 64px;--topbar-height: 52px;--content-max-width: 1400px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 2px 8px rgba(0,0,0,.08);--shadow-lg: 0 4px 16px rgba(0,0,0,.12);--shadow-xl: 0 8px 32px rgba(0,0,0,.16);--transition-fast: .12s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--bg-card: var(--color-bg-elevated);--bg-elevated: var(--color-bg-elevated);--bg-input: var(--color-bg-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-tertiary);--text-inverse: var(--color-text-inverse);--border-light: var(--color-border-subtle);--border-medium: var(--color-border-default);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .5);--primary: var(--color-accent-primary);--primary-glow: rgba(34, 139, 230, .1);--success: var(--color-accent-success);--success-bg: rgba(64, 192, 87, .1);--warning: var(--color-accent-warning);--danger: var(--color-accent-danger);--danger-bg: rgba(250, 82, 82, .1);--info: var(--color-accent-info);--info-bg: rgba(21, 170, 191, .1);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-premium: 0 25px 50px -12px rgba(0, 0, 0, .08);--radius: var(--radius-xl);--transition: all .25s cubic-bezier(.4, 0, .2, 1);--account-accent: var(--color-accent-primary);--account-accent-hover: var(--color-accent-primary-hover);--account-accent-subtle: var(--color-accent-primary-subtle);--account-accent-text: var(--color-accent-primary);--account-accent-badge-bg: var(--color-accent-primary);--account-accent-badge-text: var(--color-text-inverse);--account-avatar-bg: var(--color-accent-primary);--account-avatar-text: var(--color-text-inverse);--inbox-row-padding-y: var(--space-3);--inbox-row-padding-x: var(--space-4);--inbox-row-gap: var(--space-3);--inbox-row-title-size: var(--text-md);--inbox-row-subtitle-size: var(--text-sm);--inbox-row-meta-size: var(--text-xs);--inbox-row-avatar-size: 36px;--inbox-row-checkbox-size: 16px}[data-theme=dark]{--color-bg-primary: #1a1b1e;--color-bg-secondary: #25262b;--color-bg-tertiary: #2c2e33;--color-bg-elevated: #2c2e33;--color-bg-sunken: #141517;--color-bg-overlay: rgba(0, 0, 0, .7);--color-border-default: #373a40;--color-border-subtle: #2c2e33;--color-border-strong: #495057;--color-text-primary: #e9ecef;--color-text-secondary: #adb5bd;--color-text-tertiary: #868e96;--color-text-disabled: #5c5f66;--color-text-inverse: #212529;--color-text-link: #74c0fc;--color-accent-primary: #4dabf7;--color-accent-primary-hover: #74c0fc;--color-accent-primary-subtle: rgba(77, 171, 247, .12);--color-accent-secondary: #9775fa;--color-accent-success: #69db7c;--color-accent-warning: #fcc419;--color-accent-danger: #ff6b6b;--color-accent-info: #3bc9db;--color-interactive-hover: rgba(255, 255, 255, .06);--color-interactive-active: rgba(255, 255, 255, .1);--color-interactive-selected: var(--color-accent-primary-subtle);--color-interactive-focus-ring: rgba(77, 171, 247, .4);--glass-bg: rgba(15, 23, 42, .6);--glass-border: rgba(255, 255, 255, .05);--primary-glow: rgba(77, 171, 247, .15);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .5);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .6);--shadow-premium: 0 25px 50px -12px rgba(0, 0, 0, .7)}[data-account-theme=ultra-coach-vagus-hub]{--account-accent: #e8590c;--account-accent-hover: #d9480f;--account-accent-subtle: rgba(232, 89, 12, .1);--account-accent-text: #e8590c;--account-accent-badge-bg: #e8590c;--account-accent-badge-text: #ffffff;--account-avatar-bg: #e8590c;--account-avatar-text: #ffffff}[data-account-theme=vagus-school]{--account-accent: #0c8599;--account-accent-hover: #0b7285;--account-accent-subtle: rgba(12, 133, 153, .1);--account-accent-text: #0c8599;--account-accent-badge-bg: #0c8599;--account-accent-badge-text: #ffffff;--account-avatar-bg: #0c8599;--account-avatar-text: #ffffff}[data-account-theme=vagus-cure]{--account-accent: #2b8a3e;--account-accent-hover: #237032;--account-accent-subtle: rgba(43, 138, 62, .1);--account-accent-text: #2b8a3e;--account-accent-badge-bg: #2b8a3e;--account-accent-badge-text: #ffffff;--account-avatar-bg: #2b8a3e;--account-avatar-text: #ffffff}[data-account-theme=ultra-school]{--account-accent: #7048e8;--account-accent-hover: #6741d9;--account-accent-subtle: rgba(112, 72, 232, .1);--account-accent-text: #7048e8;--account-accent-badge-bg: #7048e8;--account-accent-badge-text: #ffffff;--account-avatar-bg: #7048e8;--account-avatar-text: #ffffff}[data-theme=dark][data-account-theme=ultra-coach-vagus-hub],[data-theme=dark] [data-account-theme=ultra-coach-vagus-hub]{--account-accent: #ff922b;--account-accent-hover: #ffa94d;--account-accent-subtle: rgba(255, 146, 43, .12);--account-accent-text: #ff922b;--account-accent-badge-bg: #e8590c;--account-accent-badge-text: #ffffff;--account-avatar-bg: #e8590c;--account-avatar-text: #ffffff}[data-theme=dark][data-account-theme=vagus-school],[data-theme=dark] [data-account-theme=vagus-school]{--account-accent: #3bc9db;--account-accent-hover: #66d9e8;--account-accent-subtle: rgba(59, 201, 219, .12);--account-accent-text: #3bc9db;--account-accent-badge-bg: #0c8599;--account-accent-badge-text: #ffffff;--account-avatar-bg: #0c8599;--account-avatar-text: #ffffff}[data-theme=dark][data-account-theme=vagus-cure],[data-theme=dark] [data-account-theme=vagus-cure]{--account-accent: #69db7c;--account-accent-hover: #8ce99a;--account-accent-subtle: rgba(105, 219, 124, .12);--account-accent-text: #69db7c;--account-accent-badge-bg: #2b8a3e;--account-accent-badge-text: #ffffff;--account-avatar-bg: #2b8a3e;--account-avatar-text: #ffffff}[data-theme=dark][data-account-theme=ultra-school],[data-theme=dark] [data-account-theme=ultra-school]{--account-accent: #9775fa;--account-accent-hover: #b197fc;--account-accent-subtle: rgba(151, 117, 250, .12);--account-accent-text: #9775fa;--account-accent-badge-bg: #7048e8;--account-accent-badge-text: #ffffff;--account-avatar-bg: #7048e8;--account-avatar-text: #ffffff}.side-nav__link--active.side-nav__link--account-tinted{background:var(--account-accent-subtle);color:var(--account-accent-text)}.side-nav__link-badge.side-nav__link-badge--account-tinted{background:var(--account-accent-badge-bg);color:var(--account-accent-badge-text)}.list-row--unread.list-row--account-tinted:before{background:var(--account-accent)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-wrap:break-word;word-break:break-word}button,input,select,textarea{font-family:inherit}::selection{background:var(--color-accent-primary-subtle);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-interactive-focus-ring);outline-offset:2px}.app-shell{display:flex;height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none;background:var(--color-bg-primary)}.app-shell__main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.app-shell__content{flex:1;overflow-y:auto;padding:var(--space-6);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));background:var(--color-bg-secondary)}.app-shell--switching{--transition-account: .3s ease}.app-shell--switching .side-nav__link--active,.app-shell--switching .side-nav__link-badge,.app-shell--switching .account-indicator,.app-shell--switching .avatar,.app-shell--switching .tab--active,.app-shell--switching .spinner{transition:background var(--transition-account),color var(--transition-account),border-color var(--transition-account),box-shadow var(--transition-account)}.side-nav{width:var(--sidebar-width);height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--color-bg-primary);border-right:1px solid var(--color-border-subtle);overflow-y:auto;flex-shrink:0;transition:width var(--transition-normal);padding-bottom:env(safe-area-inset-bottom,0px)}.side-nav__brand{padding:var(--space-4) var(--space-4);display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border-subtle);height:var(--topbar-height)}.side-nav__account-switcher{position:relative;padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.side-nav__links{flex:1;padding:var(--space-2) var(--space-2);display:flex;flex-direction:column;gap:var(--space-0)}.side-nav__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-md);font-weight:var(--weight-medium);transition:all var(--transition-fast);cursor:pointer}.side-nav__link:hover{background:var(--color-interactive-hover);color:var(--color-text-primary)}.side-nav__link--active{background:var(--color-interactive-selected);color:var(--color-accent-primary);font-weight:var(--weight-semibold)}.side-nav__link--active .side-nav__link-icon{opacity:1}.side-nav__link-icon{width:18px;height:18px;flex-shrink:0;opacity:.7}.side-nav__link-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav__link-badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);background:var(--color-accent-primary);color:var(--color-text-inverse);padding:1px 6px;border-radius:var(--radius-full);min-width:18px;text-align:center}.side-nav__footer{padding:var(--space-3) var(--space-3);border-top:1px solid var(--color-border-subtle)}.topbar{height:var(--topbar-height);display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-4);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.topbar__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);white-space:nowrap}.topbar__search{flex:1;max-width:480px;margin:0 auto;position:relative}.topbar__search input{width:100%;padding:var(--space-2) var(--space-3);padding-left:var(--space-8);background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.topbar__search input:focus{border-color:var(--color-accent-primary);background:var(--color-bg-primary)}.topbar__actions{display:flex;align-items:center;gap:var(--space-2)}.topbar__account-indicator{margin-left:auto;margin-right:var(--space-2)}.topbar__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;position:relative;transition:background var(--transition-fast),color var(--transition-fast)}.topbar__action-btn:hover{background:var(--color-interactive-hover);color:var(--color-text-primary)}.topbar__action-btn:focus-visible{outline:2px solid var(--color-interactive-focus-ring);outline-offset:2px}.topbar__account-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:#fff;flex-shrink:0}.topbar__search-trigger-mobile{display:none}.topbar__unread-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;border-radius:8px;background:var(--color-accent-danger);color:#fff;font-size:10px;font-weight:var(--weight-bold);display:flex;align-items:center;justify-content:center;padding:0 4px}.topbar__search-clear{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:2px;display:flex;color:var(--color-text-tertiary)}.topbar__search-clear:hover{color:var(--color-text-primary)}.mobile-menu{display:none}@media(max-width:768px){.side-nav{display:none}.mobile-menu{display:block}.mobile-menu--open{overflow:hidden}.mobile-menu--open .side-nav{display:flex;position:fixed;top:0;left:0;z-index:100;box-shadow:var(--shadow-xl);width:280px;max-width:85vw}.mobile-menu__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg-overlay);z-index:99}.app-shell__content{padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px))}.topbar__search{display:none}.topbar__search--expanded{display:block;flex:1}.topbar__search-trigger-mobile{display:flex}.side-nav__link{padding:var(--space-3) var(--space-4);min-height:44px}.account-switcher__dropdown{position:fixed;left:var(--space-3);right:var(--space-3);top:auto;bottom:var(--space-3);max-height:50vh;border-radius:var(--radius-xl);z-index:110}}.account-switcher{position:relative}.account-switcher__trigger{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);width:100%;background:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;color:var(--color-text-primary)}.account-switcher__trigger:hover{background:var(--color-interactive-hover)}.account-switcher__trigger--open{background:var(--color-interactive-active);border-color:var(--color-border-subtle)}.account-switcher__trigger--open .account-switcher__chevron{transform:rotate(180deg)}.account-switcher__active-name{flex:1;font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-primary)}.account-switcher__active-detail{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-switcher__dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;padding:var(--space-2) 0;max-height:320px;overflow-y:auto;animation:account-switcher-enter var(--transition-fast)}.account-switcher__dropdown-header{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.account-switcher__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);cursor:pointer;transition:background var(--transition-fast);border:none;background:none;width:100%;text-align:left}.account-switcher__item:hover{background:var(--color-interactive-hover)}.account-switcher__item--active{background:var(--account-accent-subtle)}.account-switcher__item--active .account-switcher__item-name{color:var(--account-accent-text);font-weight:var(--weight-semibold)}.account-switcher__item--active .account-switcher__item-check{opacity:1}.account-switcher__item-name{flex:1;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-switcher__item-meta{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap}.account-switcher__item-check{width:16px;height:16px;color:var(--account-accent);flex-shrink:0;opacity:0}.account-switcher__divider{height:1px;background:var(--color-border-subtle);margin:var(--space-2) 0}.account-switcher__add{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);border:none;background:none;width:100%;text-align:left}.account-switcher__add:hover{color:var(--color-text-primary);background:var(--color-interactive-hover)}.account-switcher__add-icon{width:16px;height:16px}@keyframes account-switcher-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.account-switcher__avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full, 50%);font-weight:var(--weight-semibold);color:#fff;flex-shrink:0;width:28px;height:28px;font-size:var(--text-sm)}.account-switcher__avatar--sm{width:22px;height:22px;font-size:var(--text-xs)}.account-switcher__avatar--active{box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 3px currentColor}.account-switcher__name{flex:1;font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-primary)}.account-switcher__chevron{width:16px;height:16px;flex-shrink:0;color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.account-switcher__chevron--open{transform:rotate(180deg)}.account-switcher__option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);cursor:pointer;transition:background var(--transition-fast);border:none;background:none;width:100%;text-align:left;color:var(--color-text-primary);font-size:var(--text-sm)}.account-switcher__option:hover{background:var(--color-interactive-hover)}.account-switcher__option--active{background:var(--color-interactive-selected);font-weight:var(--weight-semibold)}.account-switcher__option-info{flex:1;display:flex;align-items:center;gap:var(--space-2);min-width:0}.account-switcher__option-info>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-switcher__unread{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--space-1);border-radius:var(--radius-full, 50%);background:var(--color-accent, #228be6);color:#fff;font-size:11px;font-weight:var(--weight-bold);flex-shrink:0}.account-switcher__check{width:16px;height:16px;color:var(--color-accent, #228be6);flex-shrink:0;margin-left:auto}.account-switcher__loading{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--color-text-tertiary)}.account-switcher__loading-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-tertiary);animation:account-switcher-pulse 1s ease infinite}@keyframes account-switcher-pulse{0%,to{opacity:.3}50%{opacity:1}}.account-switcher__warning{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--color-warning, #e67700)}.account-switcher__retry{background:none;border:none;color:var(--color-accent, #228be6);cursor:pointer;font-size:var(--text-xs);text-decoration:underline;padding:0}.account-switcher__add-account{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);border:none;background:none;width:100%;text-align:left}.account-switcher__add-account:hover{color:var(--color-text-primary);background:var(--color-interactive-hover)}.account-switcher__action{font-size:var(--text-sm);color:var(--color-text-tertiary)}.account-switcher__action:hover{color:var(--color-text-primary)}.account-indicator{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--account-accent-subtle);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--account-accent-text);white-space:nowrap}.account-indicator__dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--account-accent);flex-shrink:0}.account-indicator__label{overflow:hidden;text-overflow:ellipsis;max-width:140px}@keyframes account-content-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.account-content-enter{animation:account-content-enter var(--transition-slow)}.app-layout{display:flex;min-height:100vh}.sidebar{width:280px;height:100vh;position:fixed;left:0;top:0;background:var(--color-bg-primary);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;z-index:100;transition:var(--transition)}.main-content{flex:1;margin-left:280px;padding:var(--space-10);min-width:0;transition:var(--transition)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg-overlay);z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-overlay.visible{display:block}.mobile-menu-btn{display:none;position:fixed;top:var(--space-4);left:var(--space-4);z-index:98;width:44px;height:44px;border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);color:var(--color-text-primary);font-size:20px;cursor:pointer;box-shadow:var(--shadow-md);align-items:center;justify-content:center;transition:var(--transition)}.mobile-menu-btn:hover{background:var(--color-bg-tertiary);box-shadow:var(--shadow-lg)}@media(max-width:1024px){.sidebar{transform:translate(-100%);width:280px;box-shadow:var(--shadow-xl)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:var(--space-6);padding-top:72px}.mobile-menu-btn{display:flex}.sidebar-nav{overflow-y:auto;max-height:calc(100vh - 180px)}}@media(max-width:640px){.main-content{padding:var(--space-4);padding-top:68px}.sidebar-brand{padding:var(--space-6) var(--space-4)}.sidebar-footer{padding:var(--space-4)}}.sidebar-brand{padding:var(--space-8) var(--space-6);display:flex;align-items:center;gap:var(--space-3)}.brand-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-secondary) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 8px 16px var(--color-interactive-focus-ring)}.brand-name{font-family:Outfit,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav{flex:1;padding:0 var(--space-4);overflow-y:auto}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);color:var(--color-text-secondary);text-decoration:none;font-weight:var(--weight-semibold);font-size:15px;margin-bottom:var(--space-1);transition:var(--transition)}.nav-link:hover{background:var(--color-bg-secondary);color:var(--color-accent-primary)}.nav-link.active{background:var(--color-interactive-focus-ring);color:var(--color-accent-primary)}.nav-icon{font-size:18px}.sidebar-footer{padding:var(--space-6);border-top:1px solid var(--color-border-subtle)}.theme-toggle{width:100%;padding:var(--space-3);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);background:var(--color-bg-secondary);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-weight:var(--weight-semibold);margin-bottom:var(--space-4);transition:var(--transition)}.theme-toggle:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.user-profile{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2)}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-bg-sunken);display:flex;align-items:center;justify-content:center;font-size:18px}.user-info{flex:1;min-width:0}.user-name{font-weight:var(--weight-bold);font-size:var(--text-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:var(--text-sm);color:var(--color-text-tertiary)}.logout-btn{color:var(--color-accent-danger);background:none;border:none;cursor:pointer;font-size:18px;padding:var(--space-1);display:flex;align-items:center}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card--flat{box-shadow:none}.card--interactive{cursor:pointer;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.card--interactive:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-default)}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card__title{font-family:var(--font-heading);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.card__subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;line-height:1}.btn--primary{background:var(--color-accent-primary);color:var(--color-text-inverse)}.btn--primary:hover{background:var(--color-accent-primary-hover)}.btn--primary.btn--account-tinted{background:var(--account-accent)}.btn--primary.btn--account-tinted:hover{background:var(--account-accent-hover)}.btn--secondary{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border-default)}.btn--secondary:hover{background:var(--color-interactive-hover);color:var(--color-text-primary)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover{background:var(--color-interactive-hover);color:var(--color-text-primary)}.btn--danger{background:var(--color-accent-danger);color:var(--color-text-inverse)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-md)}.btn--icon{padding:var(--space-2);width:32px;height:32px}.btn--loading{pointer-events:none;opacity:.7;position:relative}.btn--loading .spinner{width:14px;height:14px;border-width:1.5px;border-color:#ffffff4d;border-top-color:currentColor}.btn-primary{background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-secondary) 100%);color:#fff;box-shadow:0 4px 12px var(--color-interactive-focus-ring)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px var(--color-interactive-focus-ring)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.table-wrapper{overflow-x:auto;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:var(--weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-default)}.table td{padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-subtle)}.table tbody tr:hover{background:var(--color-interactive-hover)}.table tbody tr:last-child td{border-bottom:none}.pill{display:inline-flex;align-items:center;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);line-height:var(--leading-snug)}.pill--neutral{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.pill--success{background:#40c0571f;color:var(--color-accent-success)}.pill--warning{background:#fab0051f;color:var(--color-accent-warning)}.pill--danger{background:#fa52521f;color:var(--color-accent-danger)}.pill--info{background:#15aabf1f;color:var(--color-accent-info)}.pill--account{background:var(--account-accent-subtle);color:var(--account-accent-text)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border-subtle)}.tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-tertiary);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast);background:none;border-top:none;border-left:none;border-right:none}.tab:hover{color:var(--color-text-primary)}.tab--active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}.tab--active.tab--account-tinted{color:var(--account-accent-text);border-bottom-color:var(--account-accent)}.input{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-interactive-focus-ring)}.input--sm{padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.input-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.input-group{margin-bottom:var(--space-4)}.toggle{position:relative;display:inline-flex;align-items:center;width:40px;height:22px;cursor:pointer}.toggle__input{position:absolute;opacity:0;width:0;height:0}.toggle__input:checked+.toggle__track{background:var(--account-accent);border-color:var(--account-accent)}.toggle__input:checked~.toggle__thumb{transform:translate(18px)}.toggle__input:focus-visible+.toggle__track{outline:2px solid var(--color-interactive-focus-ring);outline-offset:2px}.toggle__input:disabled+.toggle__track{opacity:.5;cursor:not-allowed}.toggle__input:disabled~.toggle__thumb{cursor:not-allowed}.toggle__track{width:100%;height:100%;background:var(--color-bg-sunken);border-radius:var(--radius-full);transition:background var(--transition-fast);border:1px solid var(--color-border-default)}.toggle__thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{background:var(--color-bg-elevated);border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-xl);border:1px solid var(--color-border-default);overflow:hidden;position:relative;z-index:1001}[data-theme=dark] .modal{background:var(--color-bg-elevated);border-color:var(--color-border-default)}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);display:flex;justify-content:space-between;align-items:center}[data-theme=dark] .modal-header{background:var(--color-bg-elevated)}.modal-body{padding:var(--space-6);background:var(--color-bg-elevated)}[data-theme=dark] .modal-body{background:var(--color-bg-elevated)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-tertiary);display:flex;justify-content:flex-end;gap:var(--space-3)}[data-theme=dark] .modal-footer{background:var(--color-bg-tertiary)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-family:var(--font-sans);font-weight:var(--weight-semibold);flex-shrink:0;overflow:hidden;-webkit-user-select:none;user-select:none;background:var(--account-avatar-bg);color:var(--account-avatar-text)}.avatar--xs{width:20px;height:20px;font-size:9px}.avatar--sm{width:28px;height:28px;font-size:var(--text-xs)}.avatar--md{width:36px;height:36px;font-size:var(--text-sm)}.avatar--lg{width:44px;height:44px;font-size:var(--text-md)}.avatar--xl{width:56px;height:56px;font-size:var(--text-lg)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--squared{border-radius:var(--radius-md)}.avatar--ring{box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--account-accent)}.avatar-wrapper{position:relative;display:inline-flex}.avatar-wrapper__status{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:var(--radius-full);border:2px solid var(--color-bg-primary)}.avatar-wrapper__status--active{background:var(--color-accent-success)}.avatar-wrapper__status--away{background:var(--color-accent-warning)}.avatar-wrapper__status--offline{background:var(--color-text-disabled)}.avatar-group{display:flex;flex-direction:row-reverse;justify-content:flex-end}.avatar-group .avatar{margin-left:-8px;box-shadow:0 0 0 2px var(--color-bg-primary)}.avatar-group .avatar:last-child{margin-left:0}.avatar-group__overflow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-semibold);margin-left:-8px;box-shadow:0 0 0 2px var(--color-bg-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;min-height:240px}.empty-state--compact{padding:var(--space-6) var(--space-4);min-height:160px}.empty-state--compact .empty-state__icon{width:36px;height:36px;margin-bottom:var(--space-3)}.empty-state--compact .empty-state__title{font-size:var(--text-md)}.empty-state--inline{padding:var(--space-4);min-height:auto;flex-direction:row;gap:var(--space-3);text-align:left}.empty-state--inline .empty-state__icon{width:24px;height:24px;margin-bottom:0;flex-shrink:0}.empty-state__icon{width:48px;height:48px;color:var(--color-text-disabled);margin-bottom:var(--space-4)}.empty-state__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-state__description{font-size:var(--text-sm);color:var(--color-text-tertiary);max-width:360px;line-height:var(--leading-relaxed)}.empty-state__action{margin-top:var(--space-5)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-sunken) 37%,var(--color-bg-tertiary) 63%);background-size:200% 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton--text{height:14px;width:100%;border-radius:var(--radius-sm)}.skeleton--text-sm{height:11px;width:60%}.skeleton--text-lg{height:18px;width:40%}.skeleton--circle{border-radius:var(--radius-full)}.skeleton--circle-sm{width:28px;height:28px;border-radius:var(--radius-full)}.skeleton--circle-md{width:36px;height:36px;border-radius:var(--radius-full)}.skeleton--rect{height:80px;width:100%;border-radius:var(--radius-md)}.skeleton--card{height:120px;width:100%;border-radius:var(--radius-lg)}.skeleton-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.skeleton-row__avatar{width:36px;height:36px;border-radius:var(--radius-full)}.skeleton-row__content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-row__line{height:12px;border-radius:var(--radius-sm)}.skeleton-row__line--primary{width:70%}.skeleton-row__line--secondary{width:45%}.skeleton-row__meta{width:50px;height:10px;border-radius:var(--radius-sm);flex-shrink:0}.skeleton-metric{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-metric__label{height:11px;width:60%}.skeleton-metric__value{height:28px;width:40%}.skeleton-metric__trend{height:11px;width:30%}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-border-subtle);border-top-color:var(--account-accent);border-radius:var(--radius-full);animation:spin .6s linear infinite}.spinner--sm{width:14px;height:14px;border-width:1.5px}.spinner--lg{width:32px;height:32px;border-width:3px}.loading-center{display:flex;align-items:center;justify-content:center;padding:var(--space-10);min-height:200px}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-6);text-align:center;min-height:200px}.error-state--inline{flex-direction:row;padding:var(--space-3) var(--space-4);gap:var(--space-3);text-align:left;min-height:auto;background:#fa52520f;border:1px solid rgba(250,82,82,.2);border-radius:var(--radius-md)}.error-state--inline .error-state__icon{width:20px;height:20px;margin-bottom:0;flex-shrink:0}.error-state--inline .error-state__message{max-width:none}.error-state--inline .error-state__actions{margin-top:var(--space-2)}.error-state__icon{width:40px;height:40px;color:var(--color-accent-danger);margin-bottom:var(--space-3)}.error-state__title{font-family:var(--font-heading);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.error-state__message{font-size:var(--text-sm);color:var(--color-text-tertiary);max-width:360px;line-height:var(--leading-normal)}.error-state__actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}@media(max-width:768px){.btn--sm{min-height:36px;min-width:36px;padding:var(--space-2) var(--space-3)}.btn--icon{min-width:44px;min-height:44px}.input,.input--sm,select,textarea{font-size:16px}.modal{max-height:100vh;max-height:100dvh;height:100%;border-radius:0;max-width:100%}.bulk-action-bar__dismiss{min-width:44px;min-height:44px}.table-wrapper{-webkit-overflow-scrolling:touch}}@media(max-width:640px){.modal-overlay{padding:var(--space-2)}.bulk-action-bar{bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px))}}.rate-limit-banner{position:fixed;top:var(--topbar-height);left:50%;transform:translate(-50%);z-index:1000;padding:var(--space-2) var(--space-6);background:var(--color-accent-warning);color:var(--color-text-inverse);font-size:var(--text-base);font-weight:var(--weight-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-md);white-space:nowrap}.list-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);cursor:pointer;transition:background var(--transition-fast)}.list-row:hover{background:var(--color-interactive-hover)}.list-row--selected{background:var(--color-interactive-selected)}.list-row--unread{font-weight:var(--weight-semibold)}.list-row--unread:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-accent-primary);flex-shrink:0}.list-row__content{flex:1;min-width:0}.list-row__title{font-size:var(--text-md);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row__subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row__meta{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.list-row__actions{display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast)}.list-row__checkbox{width:var(--inbox-row-checkbox-size);height:var(--inbox-row-checkbox-size);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);flex-shrink:0;cursor:pointer;transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-bg-primary)}.list-row__checkbox:checked{background:var(--account-accent);border-color:var(--account-accent);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 6L5.5 8L8.5 4' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:100%;background-repeat:no-repeat}.list-row__checkbox:focus-visible{outline:2px solid var(--color-interactive-focus-ring);outline-offset:2px}.list-row__checkbox:indeterminate{background:var(--account-accent);border-color:var(--account-accent);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='3' y1='6' x2='9' y2='6' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100%;background-repeat:no-repeat}.list-row--account-striped{position:relative;padding-left:calc(var(--inbox-row-padding-x) + 4px)}.list-row--account-striped:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--account-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.split-pane{display:flex;height:100%;overflow:hidden}.split-pane__list{width:380px;min-width:280px;max-width:50%;border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;overflow:hidden}.split-pane__list-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.split-pane__list-body{flex:1;overflow-y:auto}.split-pane__detail{flex:1;display:flex;flex-direction:column;overflow:hidden}.split-pane__detail-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.split-pane__detail-body{flex:1;overflow-y:auto;padding:var(--space-6)}.split-pane__empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--color-text-tertiary);font-size:var(--text-md)}@media(max-width:768px){.split-pane{flex-direction:column}.split-pane .split-pane__list{width:100%;max-width:none;border-right:none;border-bottom:1px solid var(--color-border-subtle)}.split-pane .split-pane__list--hidden,.split-pane .split-pane__detail--hidden{display:none}}.inbox-list--compact{--inbox-row-padding-y: var(--space-2);--inbox-row-padding-x: var(--space-3);--inbox-row-gap: var(--space-2);--inbox-row-title-size: var(--text-sm);--inbox-row-subtitle-size: var(--text-xs);--inbox-row-meta-size: 10px;--inbox-row-avatar-size: 28px;--inbox-row-checkbox-size: 14px}.inbox-list--spacious{--inbox-row-padding-y: var(--space-4);--inbox-row-padding-x: var(--space-5);--inbox-row-gap: var(--space-4);--inbox-row-title-size: var(--text-md);--inbox-row-subtitle-size: var(--text-sm);--inbox-row-meta-size: var(--text-xs);--inbox-row-avatar-size: 44px;--inbox-row-checkbox-size: 18px}.inbox-list .list-row{padding:var(--inbox-row-padding-y) var(--inbox-row-padding-x);gap:var(--inbox-row-gap)}.inbox-list .list-row .avatar{width:var(--inbox-row-avatar-size);height:var(--inbox-row-avatar-size);font-size:calc(var(--inbox-row-avatar-size) * .35)}.inbox-list .list-row__title{font-size:var(--inbox-row-title-size)}.inbox-list .list-row__subtitle{font-size:var(--inbox-row-subtitle-size)}.inbox-list .list-row__meta{font-size:var(--inbox-row-meta-size)}.density-toggle{display:inline-flex;align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:2px;gap:2px}.density-toggle__option{display:inline-flex;align-items:center;justify-content:center;width:28px;height:24px;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-tertiary);transition:all var(--transition-fast)}.density-toggle__option:hover{color:var(--color-text-primary)}.density-toggle__option--active{background:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.density-toggle__icon{width:14px;height:14px}@media(max-width:768px){.inbox-list--compact{--inbox-row-padding-y: var(--space-3)}.list-row{min-height:48px}.list-row__checkbox{width:20px;height:20px;padding:4px;margin:-4px}.split-pane__list,.split-pane__detail{width:100%;height:100%}}.list-row__thread-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:var(--weight-semibold);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border-radius:var(--radius-full);flex-shrink:0;line-height:1}.list-row--unread .list-row__thread-count{color:var(--color-text-primary);background:var(--color-bg-sunken)}.thread{display:flex;flex-direction:column}.thread__header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.thread__subject{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary);line-height:var(--leading-snug)}.thread__meta{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary)}.thread__label{display:inline-flex;align-items:center;gap:var(--space-1)}.thread__messages{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.thread__collapse-bar{display:flex;align-items:center;justify-content:center;padding:var(--space-2) 0}.thread__collapse-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.thread__collapse-btn:hover{background:var(--color-bg-sunken);color:var(--color-text-secondary)}.thread__collapse-btn-icon{width:12px;height:12px}.thread-message{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-fast)}.thread-message:hover,.thread-message--expanded{box-shadow:var(--shadow-sm)}.thread-message--expanded .thread-message__expand-icon{transform:rotate(180deg)}.thread-message--collapsed .thread-message__header{align-items:center}.thread-message__header{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast)}.thread-message__header:hover{background:var(--color-interactive-hover)}.thread-message__sender-info{flex:1;min-width:0}.thread-message__sender-name{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.thread-message__sender-email{font-size:var(--text-xs);color:var(--color-text-tertiary)}.thread-message__recipients{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.thread-message__date{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.thread-message__actions{display:flex;gap:var(--space-1);flex-shrink:0;opacity:0;transition:opacity var(--transition-fast)}.thread-message__snippet{font-size:var(--text-sm);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;margin-left:var(--space-3)}.thread-message__expand-icon{width:16px;height:16px;color:var(--color-text-disabled);flex-shrink:0;transition:transform var(--transition-fast)}.thread-message__body{padding:0 var(--space-4) var(--space-4) var(--space-4);padding-left:calc(var(--space-4) + 36px + var(--space-3))}.thread-message__body--collapsed{display:none}.thread-message+.thread-message{margin-top:-1px}.inbox-search{position:relative;flex:1;max-width:100%}.inbox-search__input{width:100%;padding:var(--space-2) var(--space-3);padding-left:var(--space-8);padding-right:var(--space-8);background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-primary);transition:all var(--transition-fast)}.inbox-search__input::placeholder{color:var(--color-text-disabled)}.inbox-search__input:focus{outline:none;background:var(--color-bg-primary);border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-interactive-focus-ring)}.inbox-search__input:focus~.inbox-search__icon{color:var(--color-accent-primary)}.inbox-search__input:not(:placeholder-shown)~.inbox-search__clear{opacity:1;pointer-events:auto}.inbox-search__icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-disabled);pointer-events:none}.inbox-search__clear{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);opacity:0;pointer-events:none}.inbox-search__clear:hover{background:var(--color-interactive-hover);color:var(--color-text-primary)}.filter-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);flex-wrap:wrap;border-bottom:1px solid var(--color-border-subtle);min-height:0;transition:min-height var(--transition-fast)}.filter-bar:empty{display:none}.filter-bar__label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--weight-medium);flex-shrink:0;white-space:nowrap}.filter-bar__clear{font-size:var(--text-xs);color:var(--color-text-link);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0;white-space:nowrap}.filter-bar__clear:hover{background:var(--color-interactive-hover);text-decoration:underline}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);padding-right:var(--space-1);background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);white-space:nowrap;transition:all var(--transition-fast);cursor:default}.filter-chip:hover{border-color:var(--color-border-default)}.filter-chip__key{color:var(--color-text-tertiary)}.filter-chip__value{color:var(--color-text-primary)}.filter-chip__dismiss{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);flex-shrink:0}.filter-chip__dismiss:hover{background:var(--color-interactive-active);color:var(--color-text-primary)}.filter-chip__dismiss-icon{width:10px;height:10px}.filter-chip--active{background:var(--account-accent-subtle);border-color:transparent;color:var(--account-accent-text)}.filter-chip--active .filter-chip__key{color:var(--account-accent-text);opacity:.7}.filter-chip--active .filter-chip__value{color:var(--account-accent-text)}.filter-chip--active .filter-chip__dismiss:hover{background:#0000001a}.filter-trigger{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-tertiary);background:none;border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.filter-trigger:hover{border-color:var(--color-border-default);color:var(--color-text-secondary)}.filter-trigger--open{background:var(--color-bg-tertiary);border-color:var(--color-border-default);color:var(--color-text-primary)}.filter-trigger--open .filter-trigger__chevron{transform:rotate(180deg)}.filter-trigger--has-value{background:var(--account-accent-subtle);border-color:transparent;color:var(--account-accent-text)}.filter-trigger__icon{width:12px;height:12px}.filter-trigger__chevron{width:10px;height:10px;transition:transform var(--transition-fast)}.message-detail{display:flex;flex-direction:column;height:100%;overflow:hidden}.message-detail__header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.message-detail__subject{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-primary);line-height:var(--leading-snug);margin-bottom:var(--space-3)}.message-detail__header-row{display:flex;align-items:flex-start;gap:var(--space-3)}.message-detail__sender{flex:1;min-width:0}.message-detail__sender-name{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.message-detail__sender-address{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:1px}.message-detail__recipients-row{display:flex;align-items:baseline;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);flex-wrap:wrap}.message-detail__recipients-label{font-weight:var(--weight-medium);color:var(--color-text-tertiary);flex-shrink:0}.message-detail__recipients-value{color:var(--color-text-secondary)}.message-detail__date{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.message-detail__header-actions{display:flex;gap:var(--space-1);flex-shrink:0}.message-detail__body{flex:1;overflow-y:auto;padding:var(--space-6)}.message-body{max-width:720px;font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--color-text-primary);word-wrap:break-word;overflow-wrap:break-word}.message-body *{max-width:100%}.message-body img{max-width:100%;height:auto;border-radius:var(--radius-sm)}.message-body table{max-width:100%;overflow-x:auto;display:block}.message-body p{margin-bottom:var(--space-3)}.message-body p:last-child{margin-bottom:0}.message-body a{color:var(--color-text-link);text-decoration:underline;text-decoration-color:#228be64d;transition:text-decoration-color var(--transition-fast)}.message-body a:hover{text-decoration-color:var(--color-text-link)}.message-body blockquote{margin:var(--space-3) 0;padding:var(--space-2) var(--space-4);border-left:3px solid var(--color-border-default);color:var(--color-text-secondary);font-size:var(--text-sm)}.message-body pre,.message-body code{font-family:var(--font-mono);font-size:var(--text-sm)}.message-body pre{background:var(--color-bg-tertiary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-3) 0}.message-body code{background:var(--color-bg-tertiary);padding:1px var(--space-1);border-radius:var(--radius-sm)}.message-body h1,.message-body h2,.message-body h3,.message-body h4{font-family:var(--font-heading);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-top:var(--space-5);margin-bottom:var(--space-2);line-height:var(--leading-snug)}.message-body h1{font-size:var(--text-2xl)}.message-body h2{font-size:var(--text-xl)}.message-body h3{font-size:var(--text-lg)}.message-body h4{font-size:var(--text-md)}.message-body ul,.message-body ol{margin:var(--space-2) 0;padding-left:var(--space-6)}.message-body li{margin-bottom:var(--space-1)}.message-body hr{border:none;border-top:1px solid var(--color-border-subtle);margin:var(--space-4) 0}.message-body__quoted{border-left:2px solid var(--color-border-default);padding-left:var(--space-4);margin-top:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm)}.message-body__quoted-toggle{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-sm);cursor:pointer;margin-top:var(--space-3);transition:all var(--transition-fast)}.message-body__quoted-toggle:hover{background:var(--color-bg-sunken);color:var(--color-text-secondary)}.attachments{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-top:1px solid var(--color-border-subtle)}.attachments__label{width:100%;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-tertiary);margin-bottom:var(--space-1)}.attachment{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);max-width:220px}.attachment:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-sm)}.attachment__icon{width:20px;height:20px;flex-shrink:0;color:var(--color-text-tertiary)}.attachment__info{flex:1;min-width:0}.attachment__name{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment__size{font-size:10px;color:var(--color-text-tertiary)}.attachment--image{flex-direction:column;padding:var(--space-1);max-width:160px}.attachment--image .attachment__preview{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-sm)}.attachment--image .attachment__info{padding:var(--space-1) var(--space-1) 0}.inline-reply{border-top:1px solid var(--color-border-subtle);padding:var(--space-4) var(--space-6);background:var(--color-bg-primary);flex-shrink:0}.inline-reply--expanded{padding:var(--space-3) var(--space-6)}.inline-reply__trigger{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);cursor:text;color:var(--color-text-tertiary);font-size:var(--text-sm);transition:all var(--transition-fast);width:100%;text-align:left}.inline-reply__trigger:hover{border-color:var(--color-border-default);background:var(--color-bg-primary)}.inline-reply__trigger-icon{width:16px;height:16px;flex-shrink:0;color:var(--color-text-disabled)}.inline-reply__editor{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-primary);transition:border-color var(--transition-fast)}.inline-reply__editor:focus-within{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-interactive-focus-ring)}.inline-reply__editor-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-xs);color:var(--color-text-tertiary)}.inline-reply__editor-header select,.inline-reply__editor-header input{font-size:var(--text-xs);border:none;background:none;color:var(--color-text-secondary);outline:none}.inline-reply__editor-body{min-height:120px;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--color-text-primary);outline:none}.inline-reply__editor-body[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--color-text-disabled)}.inline-reply__toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border-subtle)}.inline-reply__toolbar-left{display:flex;align-items:center;gap:var(--space-1)}.inline-reply__toolbar-right{display:flex;align-items:center;gap:var(--space-2)}.inline-reply__tool-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.inline-reply__tool-btn:hover{background:var(--color-interactive-hover);color:var(--color-text-primary)}.inline-reply__tool-btn-icon{width:16px;height:16px}@keyframes compose-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.compose-overlay{position:fixed;bottom:0;right:var(--space-6);width:520px;max-width:calc(100vw - var(--space-8));max-height:70vh;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;z-index:60;animation:compose-slide-up var(--transition-normal)}.compose-overlay--minimized{max-height:none;height:auto}.compose-overlay__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;cursor:pointer;flex-shrink:0}.compose-overlay__header-title{flex:1;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compose-overlay__header-actions{display:flex;gap:var(--space-1)}.compose-overlay__header-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.compose-overlay__header-btn:hover{background:var(--color-interactive-hover);color:var(--color-text-primary)}.compose-overlay__fields{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--space-1);flex-shrink:0}.compose-overlay__field-row{display:flex;align-items:center;gap:var(--space-2);min-height:28px}.compose-overlay__field-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-tertiary);width:36px;flex-shrink:0}.compose-overlay__field-input{flex:1;border:none;background:none;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-primary);outline:none;padding:var(--space-1) 0}.compose-overlay__field-input::placeholder{color:var(--color-text-disabled)}.compose-overlay__body{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-4);min-height:200px}.compose-overlay__body [contenteditable]{min-height:160px;font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--color-text-primary);outline:none}.compose-overlay__body [contenteditable]:empty:before{content:attr(data-placeholder);color:var(--color-text-disabled)}.compose-overlay__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border-subtle);flex-shrink:0}.compose-overlay__footer-left{display:flex;align-items:center;gap:var(--space-1)}.compose-overlay__footer-right{display:flex;align-items:center;gap:var(--space-2)}@media(max-width:768px){.compose-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;max-height:none;border-radius:0;border:none}.compose-overlay .compose-overlay__header{border-radius:0}}.inbox-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;min-height:40px}.inbox-toolbar__select-all{flex-shrink:0}.inbox-toolbar__actions{display:flex;align-items:center;gap:var(--space-1)}.inbox-toolbar__action{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:none;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);position:relative}.inbox-toolbar__action:hover{background:var(--color-interactive-hover);color:var(--color-text-primary)}.inbox-toolbar__action:disabled{opacity:.4;cursor:not-allowed}.inbox-toolbar__action--danger:hover{background:#fa52521a;color:var(--color-accent-danger)}.inbox-toolbar__action-icon{width:16px;height:16px}.inbox-toolbar__divider{width:1px;height:18px;background:var(--color-border-subtle);flex-shrink:0}.inbox-toolbar__spacer{flex:1}.inbox-toolbar__pagination{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.inbox-toolbar__pagination strong{color:var(--color-text-secondary);font-weight:var(--weight-semibold)}.inbox-toolbar__nav{display:flex;gap:var(--space-1)}.inbox-toolbar__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background:none;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.inbox-toolbar__nav-btn:hover:not(:disabled){background:var(--color-interactive-hover);color:var(--color-text-primary)}.inbox-toolbar__nav-btn:disabled{opacity:.3;cursor:not-allowed}.inbox-toolbar__nav-icon{width:14px;height:14px}.inbox-toolbar__compose-btn{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0;font-size:var(--text-md);font-weight:var(--weight-semibold);white-space:nowrap;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg)}.inbox-toolbar__compose-btn svg{flex-shrink:0}.inbox-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border-subtle);padding:0 var(--space-4);flex-shrink:0;overflow-x:auto;scrollbar-width:none}.inbox-tabs::-webkit-scrollbar{display:none}.inbox-tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-tertiary);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast);background:none;border-top:none;border-left:none;border-right:none;white-space:nowrap;flex-shrink:0}.inbox-tab:hover{color:var(--color-text-primary)}.inbox-tab--active{color:var(--account-accent-text);border-bottom-color:var(--account-accent);font-weight:var(--weight-semibold)}.inbox-tab--active .inbox-tab__count{background:var(--account-accent-subtle);color:var(--account-accent-text)}.inbox-tab__count{font-size:10px;font-weight:var(--weight-semibold);padding:1px 5px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-tertiary);min-width:16px;text-align:center;line-height:1.4}.inbox-tab__count--unread{background:var(--account-accent);color:var(--account-accent-badge-text)}.mobile-back-btn{display:none}@media(max-width:768px){.inbox-toolbar__action,.inbox-toolbar__nav-btn{min-width:44px;min-height:44px;width:44px;height:44px}.inbox-tab{padding:var(--space-3) var(--space-4);min-height:44px}.filter-chip__dismiss{width:24px;height:24px;min-width:24px}.compose-overlay__header-btn{min-width:36px;min-height:36px;width:36px;height:36px}.inbox-search__input,.compose-overlay__field-input,.inline-reply__editor-body{font-size:16px}.compose-overlay,.inline-reply{padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-back-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;min-height:44px;transition:color var(--transition-fast)}.mobile-back-btn:hover{color:var(--color-text-primary)}.mobile-back-btn__icon{width:16px;height:16px}.message-body pre{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.message-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:480px){.filter-chip__value{max-width:120px;overflow:hidden;text-overflow:ellipsis}}.email-editor-container{display:grid;grid-template-columns:1fr 320px;gap:0;height:100%;min-height:600px;background:var(--color-bg-elevated)}@media(max-width:1024px){.email-editor-container{grid-template-columns:1fr!important}}.editor-main{padding:var(--space-10);overflow-y:auto;border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--space-6)}.editor-subject{margin-bottom:var(--space-6)}.editor-subject label{display:block;font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.5px}.subject-input{width:100%;padding:var(--space-4);font-size:var(--text-xl);font-weight:var(--weight-semibold);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);background:var(--color-bg-primary);color:var(--color-text-primary);transition:var(--transition)}.subject-input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 4px var(--color-interactive-focus-ring)}.block-add-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-xl);margin-bottom:var(--space-2)}.block-add-toolbar button{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:var(--transition)}.block-add-toolbar button:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);transform:translateY(-1px)}.toolbar-label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text-tertiary);margin-right:var(--space-2)}.editor-blocks{display:flex;flex-direction:column;gap:var(--space-2);min-height:400px;padding:var(--space-5);background:var(--color-bg-secondary);border:2px dashed var(--color-border-default);border-radius:var(--radius-lg)}.block-wrapper{position:relative;padding:var(--space-3);border-radius:var(--radius-xl);transition:var(--transition)}.block-wrapper:hover{background:var(--color-interactive-hover)}.block-wrapper:hover .drag-handle{opacity:1}.drag-handle{position:absolute;left:-12px;top:50%;transform:translateY(-50%);cursor:grab;opacity:0;transition:var(--transition);color:var(--color-text-tertiary);font-size:20px}.email-block{background:var(--color-bg-primary);border:1px solid transparent;border-radius:var(--radius-xl);padding:var(--space-5);transition:var(--transition);cursor:pointer;box-shadow:var(--shadow-sm)}.email-block.selected{border-color:var(--color-accent-primary);box-shadow:0 0 0 4px var(--color-interactive-focus-ring);cursor:default}.block-toolbar{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.block-toolbar button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-primary);cursor:pointer}.block-toolbar button:hover{border-color:var(--color-accent-primary);background:var(--color-bg-secondary)}.block-type-label{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;color:var(--color-text-tertiary);flex:1}.ai-button{background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-secondary) 100%)!important;color:#fff!important;border:none!important;width:auto!important;padding:0 var(--space-3)!important;font-size:var(--text-sm)!important;font-weight:var(--weight-bold)!important}.delete-button:hover{color:var(--color-accent-danger);border-color:var(--color-accent-danger)!important}.text-editor{min-height:100px;outline:none;font-size:var(--text-lg);line-height:1.6;cursor:text;user-select:text;-webkit-user-select:text}.text-editor *{cursor:text;user-select:text;-webkit-user-select:text}.text-toolbar{display:flex;gap:var(--space-1);padding:var(--space-2);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.text-toolbar button{width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer}.text-toolbar button:hover{background:var(--color-bg-sunken)}.toolbar-divider{width:1px;height:24px;background:var(--color-border-strong);margin:var(--space-1)}.editor-sidebar{padding:var(--space-8);background:var(--color-bg-secondary);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-8)}@media(max-width:1024px){.editor-sidebar{border-top:1px solid var(--color-border-subtle);border-right:none}}.ai-quick-actions h4,.editor-tips h4{font-size:var(--text-md);font-weight:800;margin-bottom:var(--space-4);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.ai-quick-actions button{width:100%;padding:var(--space-3);margin-bottom:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-bg-primary);text-align:left;font-weight:var(--weight-semibold);font-size:var(--text-base);cursor:pointer;transition:var(--transition)}.ai-quick-actions button:hover{border-color:var(--color-accent-primary);transform:translate(4px);box-shadow:var(--shadow-md)}.editor-tips ul{padding-left:var(--space-5);color:var(--color-text-secondary);font-size:var(--text-base);display:flex;flex-direction:column;gap:var(--space-2)}.editor-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle)}.topic-suggestions-panel{display:flex;flex-direction:column;gap:var(--space-4)}.panel-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.panel-header h4{font-size:var(--text-md);font-weight:800;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.suggestion-card{padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);margin-bottom:var(--space-4);transition:var(--transition)}.suggestion-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-md)}.suggestion-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.suggestion-header h5{font-size:15px;font-weight:var(--weight-bold);color:var(--color-accent-primary);flex:1}.source-badge{font-size:10px;background:var(--color-bg-secondary);padding:2px var(--space-2);border-radius:var(--radius-sm);font-weight:var(--weight-semibold);color:var(--color-text-tertiary)}.suggestion-description{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-3);line-height:1.4}.suggestion-preview{margin-bottom:var(--space-3);padding:var(--space-2);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.suggestion-preview .label{display:block;font-size:10px;font-weight:var(--weight-bold);text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--space-1)}.subject-preview{font-size:var(--text-sm);font-style:italic;color:var(--color-text-primary)}.link-chip{display:inline-block;font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:var(--color-interactive-focus-ring);color:var(--color-accent-primary);border-radius:var(--radius-md);border:1px solid transparent;margin-right:var(--space-1);margin-bottom:var(--space-1);cursor:pointer}.link-chip:hover{border-color:var(--color-accent-primary)}.use-topic-btn{width:100%;padding:10px;margin-top:var(--space-3);border-radius:var(--radius-lg);border:none;background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-secondary) 100%);color:#fff;font-weight:var(--weight-bold);font-size:var(--text-sm);cursor:pointer;transition:var(--transition)}.use-topic-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px var(--color-interactive-focus-ring)}.refresh-btn{width:100%;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-bg-primary);font-weight:var(--weight-semibold);font-size:var(--text-base);cursor:pointer}.social-panel,.clickup-panel{animation:fadeIn .3s ease-out}.social-panel .panel-header,.clickup-panel .panel-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.social-panel .panel-header h4,.clickup-panel .panel-header h4{font-size:var(--text-md);font-weight:800;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0}.panel-content{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sidebar-card{padding:var(--space-3);background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);transition:all var(--transition-normal)}.sidebar-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-sm)}.modal-large{max-width:800px;max-height:90vh;overflow:hidden}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.image-grid-item{cursor:pointer;border-radius:var(--radius-xl);overflow:hidden;border:2px solid transparent;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);background:var(--color-bg-elevated)}.image-grid-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.image-grid-item.selected{border-color:var(--color-accent-primary);box-shadow:0 0 0 4px var(--color-interactive-focus-ring)}.image-selected-indicator{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;background:var(--color-accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-md);box-shadow:var(--shadow-md)}@media(max-width:768px){.block-add-toolbar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.block-add-toolbar::-webkit-scrollbar{display:none}.block-add-toolbar button{flex-shrink:0;min-height:40px}.block-toolbar button{min-width:40px;min-height:40px}.drag-handle{opacity:.5}.list-row__actions{opacity:1}.editor-sidebar{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;z-index:80;border-left:none}.editor-main{padding:var(--space-4)}}@media(max-width:1024px){.email-editor-container{grid-template-columns:1fr!important}.editor-sidebar{border-top:1px solid var(--color-border-subtle);border-right:none}}.metric-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.metric-card:hover{box-shadow:var(--shadow-sm)}.metric-card--clickable{cursor:pointer}.metric-card--clickable:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-md)}.metric-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.metric-card__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card__icon{width:20px;height:20px;color:var(--color-text-disabled);flex-shrink:0}.metric-card__value{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:1;letter-spacing:-.02em}.metric-card__value--sm{font-size:var(--text-2xl)}.metric-card__value--lg{font-size:2.25rem}.metric-card--account-tinted .metric-card__value{color:var(--account-accent-text)}.metric-card--account-tinted .metric-card__icon{color:var(--account-accent)}.metric-trend{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1}.metric-trend--up{color:var(--color-accent-success)}.metric-trend--down{color:var(--color-accent-danger)}.metric-trend--flat{color:var(--color-text-tertiary)}.metric-trend__icon{width:14px;height:14px;flex-shrink:0}.metric-trend__value{font-weight:var(--weight-semibold)}.metric-trend__period{color:var(--color-text-tertiary);font-weight:var(--weight-normal);margin-left:var(--space-1)}.metric-sparkline{width:100%;height:40px;margin-top:var(--space-2);overflow:hidden;border-radius:var(--radius-sm)}.metric-sparkline svg{width:100%;height:100%;display:block}.metric-sparkline--lg{height:64px}.metric-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.metric-grid--2{grid-template-columns:repeat(2,1fr)}.metric-grid--3{grid-template-columns:repeat(3,1fr)}.metric-grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.metric-grid--4,.metric-grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.metric-grid--4,.metric-grid--3,.metric-grid--2{grid-template-columns:1fr}}.dashboard-section{margin-bottom:var(--space-8)}.dashboard-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3)}.dashboard-section__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.dashboard-section__subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-1)}.dashboard-section__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.activity-feed{display:flex;flex-direction:column}.activity-feed-item{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle)}.activity-feed-item:last-child{border-bottom:none}.activity-feed-item__indicator{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-accent-info);flex-shrink:0;margin-top:5px}.activity-feed-item__indicator--sent{background:var(--color-accent-success)}.activity-feed-item__indicator--opened{background:var(--color-accent-primary)}.activity-feed-item__indicator--clicked{background:var(--color-accent-secondary)}.activity-feed-item__indicator--bounced{background:var(--color-accent-danger)}.activity-feed-item__indicator--subscribed{background:var(--color-accent-warning)}.activity-feed-item__content{flex:1;min-width:0}.activity-feed-item__text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.activity-feed-item__text strong{font-weight:var(--weight-semibold);color:var(--color-text-primary)}.activity-feed-item__time{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.activity-feed-item__meta{font-size:var(--text-xs);color:var(--color-text-tertiary);flex-shrink:0;white-space:nowrap}.settings-layout{display:flex;gap:var(--space-6);max-width:var(--content-max-width)}.settings-layout__nav{width:220px;flex-shrink:0;position:sticky;top:var(--space-6);align-self:flex-start}.settings-layout__content{flex:1;min-width:0;max-width:720px}@media(max-width:768px){.settings-layout{flex-direction:column}.settings-layout .settings-layout__nav{width:100%;position:static}}.settings-nav{display:flex;flex-direction:column;gap:var(--space-1)}.settings-nav__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;border:none;background:none;width:100%;text-align:left}.settings-nav__item:hover{background:var(--color-interactive-hover);color:var(--color-text-primary)}.settings-nav__item--active{background:var(--color-interactive-selected);color:var(--account-accent-text);font-weight:var(--weight-semibold)}.settings-nav__item--active .settings-nav__item-icon{opacity:1}.settings-nav__item-icon{width:16px;height:16px;flex-shrink:0;opacity:.6}.settings-nav__group-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);padding:var(--space-3) var(--space-3) var(--space-1)}@media(max-width:768px){.settings-nav{flex-direction:row;overflow-x:auto;gap:var(--space-1);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-subtle);scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav .settings-nav__item{white-space:nowrap;flex-shrink:0}.settings-nav .settings-nav__group-label{display:none}}.settings-section{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4)}.settings-section__header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.settings-section__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.settings-section__description{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-1);line-height:var(--leading-normal);max-width:560px}.settings-section__scope{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);padding:2px var(--space-2);border-radius:var(--radius-full)}.settings-section__scope--account{background:var(--account-accent-subtle);color:var(--account-accent-text)}.settings-section__scope--global{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.settings-section__scope-icon{width:12px;height:12px}.settings-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-subtle)}.settings-row:last-child{border-bottom:none;padding-bottom:0}.settings-row:first-child{padding-top:0}.settings-row__info{flex:1;min-width:0}.settings-row__label{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text-primary)}.settings-row__help{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-1);line-height:var(--leading-normal);max-width:440px}.settings-row__control{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2);padding-top:2px}.settings-danger{border-color:#fa52524d}.settings-danger .settings-section__header{border-bottom-color:#fa525233}.settings-danger .settings-section__title{color:var(--color-accent-danger)}.data-list-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;flex-wrap:wrap}.data-list-header__left{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.data-list-header__right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.data-list-header__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);white-space:nowrap}.data-list-header__count{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:var(--weight-normal)}@media(max-width:640px){.data-list-header{flex-direction:column;align-items:stretch}.data-list-header .data-list-header__right{justify-content:flex-end}}.contact-info{display:flex;align-items:center;gap:var(--space-3);min-width:0}.contact-info__name{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-info__email{font-size:var(--text-sm);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-info__tags{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-top:var(--space-1)}.status-cell{display:inline-flex;align-items:center;gap:var(--space-1)}.status-dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0}.status-dot--active{background:var(--color-accent-success)}.status-dot--inactive{background:var(--color-text-disabled)}.status-dot--bounced{background:var(--color-accent-danger)}.status-dot--unsubscribed{background:var(--color-accent-warning)}.status-label{font-size:var(--text-xs);font-weight:var(--weight-medium)}.bulk-action-bar{position:sticky;bottom:var(--space-4);left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:40;animation:bulk-bar-enter var(--transition-normal)}.bulk-action-bar__count{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);white-space:nowrap}.bulk-action-bar__actions{display:flex;gap:var(--space-1)}.bulk-action-bar__divider{width:1px;height:20px;background:var(--color-border-subtle)}.bulk-action-bar__dismiss{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.bulk-action-bar__dismiss:hover{background:var(--color-interactive-hover);color:var(--color-text-primary)}@keyframes bulk-bar-enter{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.pipeline{display:flex;align-items:center;gap:0;overflow-x:auto;padding:var(--space-2) 0;scrollbar-width:none}.pipeline::-webkit-scrollbar{display:none}.pipeline__stage{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-tertiary);white-space:nowrap;position:relative;cursor:pointer;transition:all var(--transition-fast);background:none;border:none}.pipeline__stage:hover{color:var(--color-text-primary)}.pipeline__stage--active{color:var(--account-accent-text);font-weight:var(--weight-semibold)}.pipeline__stage--active .pipeline__stage-count{background:var(--account-accent-subtle);color:var(--account-accent-text)}.pipeline__stage-count{font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:1px 6px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.pipeline__connector{width:24px;height:1px;background:var(--color-border-default);flex-shrink:0}.pipeline__connector--completed{background:var(--account-accent)}.campaign-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);transition:box-shadow var(--transition-fast),border-color var(--transition-fast);cursor:pointer}.campaign-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-default)}.campaign-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.campaign-card__title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary);line-height:var(--leading-snug)}.campaign-card__status{flex-shrink:0}.campaign-card__meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-tertiary)}.campaign-card__meta-item{display:inline-flex;align-items:center;gap:var(--space-1)}.campaign-card__meta-icon{width:14px;height:14px}.campaign-card__stats{display:flex;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle)}.campaign-card__stat{display:flex;flex-direction:column;gap:2px}.campaign-card__stat-value{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.campaign-card__stat-label{font-size:10px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.campaign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}@media(max-width:640px){.campaign-grid{grid-template-columns:1fr}}.calendar{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.calendar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.calendar__title{font-family:var(--font-heading);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.calendar__nav{display:flex;gap:var(--space-1)}.calendar__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.calendar__nav-btn:hover{background:var(--color-interactive-hover);color:var(--color-text-primary)}.calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--color-border-subtle)}.calendar__weekday{padding:var(--space-2) var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);text-align:center;text-transform:uppercase;letter-spacing:.05em}.calendar__days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar__day{min-height:80px;padding:var(--space-1);border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);cursor:pointer;transition:background var(--transition-fast)}.calendar__day:nth-child(7n){border-right:none}.calendar__day:hover{background:var(--color-interactive-hover)}.calendar__day--today{background:var(--account-accent-subtle)}.calendar__day--today .calendar__day-number{color:var(--account-accent-text);font-weight:var(--weight-bold)}.calendar__day--outside{opacity:.4}.calendar__day-number{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);padding:var(--space-1)}.calendar__event{display:block;padding:1px var(--space-1);margin-bottom:1px;font-size:10px;font-weight:var(--weight-medium);border-radius:var(--radius-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:opacity var(--transition-fast)}.calendar__event:hover{opacity:.85}.calendar__event--scheduled{background:var(--account-accent-subtle);color:var(--account-accent-text)}.calendar__event--sent{background:#40c0571f;color:var(--color-accent-success)}.calendar__event--draft{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.calendar__event--failed{background:#fa52521f;color:var(--color-accent-danger)}.calendar__more{font-size:10px;color:var(--color-text-link);padding:1px var(--space-1);cursor:pointer}@media(max-width:768px){.calendar .calendar__day{min-height:48px}.calendar .calendar__event{font-size:9px}}.tracking-timeline{position:relative;padding-left:var(--space-6)}.tracking-timeline:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background:var(--color-border-subtle)}.tracking-event{position:relative;padding:var(--space-3) 0;display:flex;gap:var(--space-3)}.tracking-event__dot{position:absolute;left:calc(-1 * var(--space-6) + 6px);top:var(--space-3);width:12px;height:12px;border-radius:var(--radius-full);background:var(--color-bg-elevated);border:2px solid var(--color-border-default);z-index:1}.tracking-event__dot--open{border-color:var(--color-accent-primary);background:var(--color-accent-primary)}.tracking-event__dot--click{border-color:var(--color-accent-success);background:var(--color-accent-success)}.tracking-event__dot--bounce{border-color:var(--color-accent-danger);background:var(--color-accent-danger)}.tracking-event__dot--unsubscribe{border-color:var(--color-accent-warning);background:var(--color-accent-warning)}.tracking-event__content{flex:1;min-width:0}.tracking-event__title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.tracking-event__detail{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.tracking-event__time{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.tracking-stats-bar{display:flex;height:6px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-bg-tertiary)}.tracking-stats-bar__segment{height:100%;transition:width var(--transition-normal)}.tracking-stats-bar__segment--opened{background:var(--color-accent-primary)}.tracking-stats-bar__segment--clicked{background:var(--color-accent-success)}.tracking-stats-bar__segment--bounced{background:var(--color-accent-danger)}.tracking-stats-bar__segment--unopened{background:var(--color-bg-sunken)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-header__left{display:flex;flex-direction:column;gap:var(--space-1)}.page-header__breadcrumb{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-1)}.page-header__breadcrumb a{color:var(--color-text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.page-header__breadcrumb a:hover{color:var(--color-text-link)}.page-header__breadcrumb-separator{width:12px;height:12px;color:var(--color-text-disabled)}.page-header__title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:var(--leading-tight)}.page-header__subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-normal);max-width:480px}.page-header__right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}@media(max-width:640px){.page-header{flex-direction:column;gap:var(--space-3)}.page-header .page-header__right{width:100%;justify-content:flex-end}}@media(max-width:768px){.calendar__day{min-height:56px;padding:var(--space-1)}.calendar__day-number{font-size:var(--text-xs);padding:2px}.calendar__nav-btn{min-width:44px;min-height:44px;width:44px;height:44px}.toggle{width:48px;height:26px}.toggle__thumb{width:20px;height:20px;top:2px;left:2px}.toggle__input:checked~.toggle__thumb{transform:translate(22px)}}@media(max-width:480px){.metric-grid,.metric-grid--2,.metric-grid--3,.metric-grid--4{grid-template-columns:1fr}.campaign-grid{grid-template-columns:1fr;gap:var(--space-3)}.page-header__title{font-size:var(--text-xl)}.page-header__subtitle{font-size:var(--text-xs)}.page-header__breadcrumb{display:none}.calendar__event{font-size:8px;padding:0 2px}.calendar__day{min-height:44px}}@media(max-width:375px){.calendar__weekday{font-size:9px;padding:var(--space-1) 0;letter-spacing:0}.calendar__event{display:none}}.compose-from-field{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.compose-from-field__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);white-space:nowrap;min-width:3rem}.compose-from-field__select{flex:1;background:transparent;border:none;color:var(--color-text-primary);font-size:var(--text-sm);font-family:var(--font-body);cursor:pointer;outline:none;padding:0}.compose-from-field__select:focus{outline:2px solid var(--color-accent-primary);border-radius:var(--radius-sm)}.compose-from-field__static{flex:1;font-size:var(--text-sm);color:var(--color-text-secondary)}.compose-from-confirm{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.compose-from-confirm__text{flex:1;font-size:var(--text-sm);color:var(--color-text-secondary);min-width:200px}.compose-from-confirm__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);padding:var(--space-6)}.login-page__card{max-width:440px;width:100%;padding:48px 40px;box-shadow:var(--shadow-premium)}.login-page__header{text-align:center;margin-bottom:40px}.login-page__logo{width:64px;height:64px;background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-secondary) 100%);border-radius:var(--radius-lg);margin:0 auto var(--space-6);display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 8px 16px var(--color-interactive-focus-ring)}.login-page__title{font-family:Outfit,sans-serif;font-size:28px;font-weight:800;color:var(--color-text-primary)}.login-page__subtitle{color:var(--color-text-tertiary);font-size:var(--text-md);margin-top:var(--space-2)}.login-page__error{background:var(--danger-bg);color:var(--danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);font-size:var(--text-sm);border:1px solid rgba(239,68,68,.2);font-weight:600}.login-page__password-group{margin-bottom:var(--space-8)}.login-page__submit{width:100%;padding:14px}.login-page__footer{margin-top:40px;padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle);text-align:center}.login-page__footer-text{font-size:var(--text-xs);color:var(--color-text-tertiary)}.login-page__build-info{position:fixed;bottom:var(--space-6)}.account-settings{max-width:720px;margin:0 auto;padding:var(--space-6)}.account-settings__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.account-settings__header h2{margin:0;font-size:var(--text-xl)}.account-settings__error{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm)}.account-settings__list{display:flex;flex-direction:column;gap:var(--space-3)}.account-settings__empty{text-align:center;padding:var(--space-8);color:var(--color-text-tertiary)}.account-settings__card{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.account-settings__card-header{display:flex;align-items:flex-start;gap:var(--space-3)}.account-settings__color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:5px}.account-settings__card-name{font-weight:600;font-size:var(--text-base);display:flex;align-items:center;gap:var(--space-2)}.account-settings__badge{font-size:var(--text-2xs, 10px);font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff}.account-settings__card-email{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:2px}.account-settings__addresses{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--space-2)}.account-settings__address-tag{font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-full, 9999px);background:var(--color-surface-raised, rgba(0, 0, 0, .04));color:var(--color-text-tertiary);border:1px solid var(--color-border-subtle)}.account-settings__card-actions{display:flex;gap:var(--space-2);flex-shrink:0}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.text-center{text-align:center}.hide-mobile{display:var(--responsive-display, flex)}.show-mobile{display:none}.hide-desktop{display:var(--responsive-display, flex)}@media(max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:var(--responsive-display, flex)!important}}@media(min-width:769px){.hide-desktop{display:none!important}}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.container{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-6)}@media(max-width:768px){.container{padding:0 var(--space-4)}}@media(max-width:480px){.container{padding:0 var(--space-3)}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}@media(max-width:640px){.grid-2{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.toast{position:fixed;bottom:var(--space-8);right:var(--space-8);padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);background:var(--color-bg-inverse, #1a1a2e);color:#fff;box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:var(--space-3);z-index:2000;animation:slideIn .3s cubic-bezier(.18,.89,.32,1.28)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left:4px solid var(--color-accent-success)}.toast-error{border-left:4px solid var(--color-accent-danger)}@media(max-width:768px){.contacts-filter-bar{flex-direction:column!important;gap:var(--space-3)!important}.contacts-filter-bar>*{width:100%!important}.contacts-filter-bar .input{width:100%!important}}@media(max-width:640px){.modal-overlay{padding:var(--space-2)}.modal{max-width:100%!important;max-height:95vh}.toast{left:var(--space-4);right:var(--space-4);bottom:var(--space-4)}}.breakpoint-indicator{position:fixed;bottom:var(--space-2);left:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);font-size:10px;font-family:var(--font-mono);color:var(--color-text-tertiary);z-index:9999;pointer-events:none;box-shadow:var(--shadow-sm)}@media print{.side-nav,.topbar,.mobile-menu,.account-switcher,.inbox-toolbar,.inline-reply,.compose-overlay,.bulk-action-bar,.filter-bar,.density-toggle,.account-indicator,.sidebar,.mobile-menu-btn,.sidebar-overlay,.mobile-back-btn,.btn{display:none!important}.app-shell,.app-layout{display:block;height:auto;overflow:visible}.app-shell__main{overflow:visible}.app-shell__content,.main-content{padding:0;overflow:visible;background:#fff;margin-left:0}.split-pane{display:block}.split-pane__list{display:none}.split-pane__detail,.message-detail{overflow:visible}.message-detail__body{overflow:visible;padding:0}.message-body{max-width:100%;font-size:12pt;line-height:1.5;color:#000}.message-body a{color:#000;text-decoration:underline}.message-body a:after{content:" (" attr(href) ")";font-size:10pt;color:#666;word-break:break-all}.thread-message__body--collapsed,.message-body__quoted{display:block!important}.card,.metric-card,.settings-section,.campaign-card{box-shadow:none;border:1px solid #ccc;break-inside:avoid;page-break-inside:avoid}.metric-grid{grid-template-columns:repeat(2,1fr);gap:12px}.metric-sparkline{display:none}.dashboard-section{break-inside:avoid;page-break-inside:avoid}.campaign-grid{grid-template-columns:repeat(2,1fr)}.settings-layout__nav{display:none}.settings-layout__content{max-width:100%}.table th,.table td{border:1px solid #ccc}.table-wrapper{overflow:visible}.calendar{border:1px solid #ccc}.calendar__day{min-height:60px;border:1px solid #eee}.calendar__nav{display:none}.activity-feed-item{break-inside:avoid;page-break-inside:avoid}.tracking-timeline:before{background:#ccc}.tracking-event__dot{border-color:#333;print-color-adjust:exact;-webkit-print-color-adjust:exact}h1,h2,h3,h4{break-after:avoid;page-break-after:avoid}.avatar,.pill,.status-dot{border:1px solid #ccc;print-color-adjust:exact;-webkit-print-color-adjust:exact}.skeleton,.skeleton-row,.spinner,.loading-center{display:none!important}.error-state{border:1px solid #ccc;padding:12px}body{color:#000;background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{margin:1cm}}.ar-widget{padding:16px}.ar-widget__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ar-widget__title{font-size:16px;font-weight:600;margin:0}.ar-widget__period-select{padding:4px 8px;border:1px solid var(--color-border-subtle);border-radius:4px;font-size:12px;background:var(--color-bg-elevated)}.ar-widget__alerts{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.ar-widget__alert{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:4px;font-size:14px}.ar-widget__alert--warning{background:#f59e0b14;border-left:3px solid #f59e0b;color:#92400e}.ar-widget__alert--critical{background:#dc262614;border-left:3px solid #dc2626;color:#991b1b}.ar-widget__alert--info{background:#3b82f614;border-left:3px solid #3b82f6;color:#1e40af}.ar-widget__alert-message{flex:1;line-height:1.4}.ar-widget__alert-dismiss{background:none;border:none;cursor:pointer;font-size:14px;opacity:.5;transition:opacity .15s;padding:4px}.ar-widget__alert-dismiss:hover{opacity:1}.ar-widget__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.ar-widget__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.ar-widget__stat-value{font-size:24px;font-weight:700;color:var(--color-text-primary)}.ar-widget__stat-label{font-size:12px;color:var(--color-text-tertiary)}.ar-widget__chart{margin-bottom:16px}.ar-widget__chart-title,.ar-widget__brands-title,.ar-widget__followup-title,.ar-widget__ai-title{font-size:14px;font-weight:600;margin-bottom:8px}.ar-widget__chart-bars{display:flex;align-items:flex-end;gap:4px;height:80px}.ar-widget__chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.ar-widget__chart-bar{width:100%;max-width:24px;background:var(--color-accent-primary);border-radius:2px 2px 0 0;min-height:2px;transition:height .3s ease}.ar-widget__chart-bar-label{font-size:10px;color:var(--color-text-tertiary);margin-top:4px}.ar-widget__brands{margin-bottom:16px}.ar-widget__brand-row{display:flex;align-items:center;gap:8px;padding:4px 0}.ar-widget__brand-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ar-widget__brand-name{flex:1;font-size:14px}.ar-widget__brand-count{font-size:14px;font-weight:600}.ar-widget__followup,.ar-widget__ai{padding-top:12px;border-top:1px solid var(--color-border-subtle);margin-top:12px}.ar-widget__followup-stats,.ar-widget__ai-stats{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--color-text-secondary)}.message-row__spam-badge,.thread-row__spam-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:1px 4px;border-radius:4px;background:#dc262614;color:#dc2626;white-space:nowrap;flex-shrink:0}@media(max-width:768px){.ar-widget__stats{grid-template-columns:repeat(2,1fr)}.ar-widget__chart-bars{height:60px}}.auto-responder-settings{max-width:1100px}.auto-responder-settings__header h2{font-size:18px;font-weight:600;margin:0 0 8px}.auto-responder-settings__description{font-size:14px;color:var(--color-text-tertiary);margin:0 0 16px}.auto-responder-settings__loading,.auto-responder-settings__error{padding:24px;text-align:center;color:var(--color-text-tertiary);font-size:14px}.auto-responder-settings__tabs{display:flex;gap:8px;border-bottom:1px solid var(--color-border-subtle);margin-bottom:16px;overflow-x:auto}.auto-responder-tab{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:none;cursor:pointer;font-size:14px;color:var(--color-text-tertiary);border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.auto-responder-tab:hover{color:var(--color-text-primary)}.auto-responder-tab--active{color:var(--color-text-primary);border-bottom-color:var(--color-accent-primary)}.auto-responder-tab__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.auto-responder-tab__status{font-size:11px;font-weight:600;padding:1px 6px;border-radius:9999px}.auto-responder-tab__status--on{background:#10b9811a;color:#059669}.auto-responder-tab__status--off{background:#6b72801a;color:#6b7280}.auto-responder-settings__content{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.auto-responder-settings__editor{display:flex;flex-direction:column;gap:16px}.config-field{display:flex;flex-direction:column;gap:4px}.config-field__label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.config-field__hint{font-size:12px;color:var(--color-text-tertiary)}.config-field input[type=text],.config-field input[type=email],.config-field textarea,.config-field select{padding:8px 12px;border:1px solid var(--color-border-subtle);border-radius:6px;font-size:14px;color:var(--color-text-primary);background:var(--color-bg-elevated);transition:border-color .15s ease}.config-field input:focus,.config-field textarea:focus,.config-field select:focus{border-color:var(--color-accent-primary);outline:none}.config-field textarea{resize:vertical;min-height:80px;line-height:1.5}.config-field__color{display:flex;align-items:center;gap:8px}.config-field__color input[type=color]{width:36px;height:36px;padding:2px;border:1px solid var(--color-border-subtle);border-radius:6px;cursor:pointer}.config-field__color-text{width:100px;font-family:monospace}.config-field__toggle{display:flex;align-items:center;gap:12px}.toggle-switch{position:relative;width:44px;height:24px;background:var(--color-bg-tertiary);border:none;border-radius:12px;cursor:pointer;transition:background .2s ease;padding:0}.toggle-switch--on{background:var(--color-accent-primary)}.toggle-switch__slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #00000026}.toggle-switch--on .toggle-switch__slider{transform:translate(20px)}.config-save-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:6px;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.config-save-bar--visible{opacity:1;transform:translateY(0);pointer-events:auto}.config-save-bar__status{font-size:14px;color:var(--color-text-tertiary)}.template-preview{position:sticky;top:16px}.template-preview__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.template-preview__header h3{font-size:16px;font-weight:600;margin:0}.template-preview__controls{display:flex;align-items:center;gap:8px}.template-preview__variant-select{padding:4px 8px;border:1px solid var(--color-border-subtle);border-radius:4px;font-size:12px;background:var(--color-bg-elevated)}.template-preview__frame-wrapper{border:1px solid var(--color-border-subtle);border-radius:6px;overflow:hidden;background:#f5f5f5}.template-preview__iframe{width:100%;height:500px;border:none;background:#f5f5f5}.template-preview__empty{padding:32px;text-align:center;color:var(--color-text-tertiary);font-size:14px}.template-preview__note{font-size:12px;color:var(--color-text-tertiary);margin-top:8px;font-style:italic}.test-send{padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:6px}.test-send__title{font-size:14px;font-weight:600;margin:0 0 4px}.test-send__description{font-size:12px;color:var(--color-text-tertiary);margin:0 0 12px}.test-send__form{display:flex;align-items:center;gap:8px}.test-send__input{flex:1;padding:8px 12px;border:1px solid var(--color-border-subtle);border-radius:6px;font-size:14px}.test-send__result{margin-top:8px;padding:8px 12px;border-radius:4px;font-size:14px}.test-send__result--success{background:#10b9811a;color:#059669}.test-send__result--error{background:#ef44441a;color:#dc2626}.business-hours{padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:6px}.business-hours__day-grid{display:flex;gap:4px;flex-wrap:wrap}.business-hours__day{display:flex;align-items:center;justify-content:center;width:40px;height:32px;border:1px solid var(--color-border-subtle);border-radius:4px;font-size:12px;cursor:pointer;background:var(--color-bg-elevated);transition:background .15s ease}.business-hours__day--active{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.business-hours__time-row{display:flex;align-items:center;gap:8px;margin:8px 0}.business-hours__time-row input[type=time]{padding:4px 8px;border:1px solid var(--color-border-subtle);border-radius:4px;font-size:14px}.business-hours__ooh-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border-subtle)}.config-section{padding-top:16px;margin-top:16px;border-top:1px solid var(--color-border-subtle)}.config-section__title{font-size:16px;font-weight:600;margin:0 0 12px}.ai-usage{padding:12px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:6px;margin-top:12px}.ai-usage--loading{font-size:14px;color:var(--color-text-tertiary)}.ai-usage__title{font-size:14px;font-weight:600;margin:0 0 8px}.ai-usage__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ai-usage__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.ai-usage__stat-value{font-size:18px;font-weight:700;color:var(--color-text-primary)}.ai-usage__stat-label{font-size:12px;color:var(--color-text-tertiary)}@media(max-width:768px){.ai-usage__stats{grid-template-columns:repeat(2,1fr)}.auto-responder-settings__content{grid-template-columns:1fr}.template-preview{position:static}.template-preview__iframe{height:400px}.auto-responder-settings__tabs{gap:4px}.auto-responder-tab{padding:4px 8px;font-size:12px}.test-send__form{flex-direction:column;align-items:stretch}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.message-body__image-banner{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fab0051a;border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-secondary);margin-bottom:12px}.blocked-image{display:inline-block;padding:8px 16px;background:var(--color-bg-secondary);border:1px dashed var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-tertiary);font-size:12px}.inbox-workspace{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;transition:opacity .15s ease}.inbox-workspace--switching{opacity:.6;pointer-events:none}.split-pane{display:flex;flex:1;min-height:0;overflow:hidden;border-top:1px solid var(--color-border-subtle)}.split-pane__list{width:380px;min-width:320px;max-width:480px;border-right:1px solid var(--color-border-subtle);overflow-y:auto;background:var(--color-bg-elevated)}.split-pane__detail{flex:1;overflow-y:auto;background:var(--color-bg-elevated);min-width:0}.split-pane__detail-empty{display:flex;align-items:center;justify-content:center;height:100%}.inbox-toolbar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle);min-height:48px;flex-shrink:0}.inbox-toolbar__left{display:flex;align-items:center;gap:8px;flex-shrink:0}.inbox-toolbar__select-all{display:flex;align-items:center;cursor:pointer}.inbox-toolbar__checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-accent-primary)}.inbox-toolbar__bulk-actions{display:flex;align-items:center;gap:4px}.inbox-toolbar__bulk-count{font-size:13px;font-weight:600;color:var(--color-accent-primary);margin-right:4px}.inbox-toolbar__filters{display:flex;align-items:center;gap:4px}.inbox-toolbar__pill{padding:4px 12px;border-radius:20px;border:1px solid var(--color-border-subtle);background:transparent;color:var(--color-text-tertiary);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition)}.inbox-toolbar__pill:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.inbox-toolbar__pill--active{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.inbox-toolbar__pill--active:hover{background:var(--color-accent-primary-hover);color:#fff}.inbox-toolbar__center{flex:1;display:flex;justify-content:center;min-width:0}.inbox-toolbar__search{position:relative;display:flex;align-items:center;max-width:320px;width:100%}.inbox-toolbar__search-icon{position:absolute;left:10px;color:var(--color-text-tertiary);pointer-events:none}.inbox-toolbar__search-input{width:100%;padding:6px 32px 6px 34px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:13px;outline:none;transition:var(--transition)}.inbox-toolbar__search-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-interactive-focus-ring)}.inbox-toolbar__search-input::placeholder{color:var(--color-text-tertiary)}.inbox-toolbar__search-clear{position:absolute;right:6px;background:none;border:none;padding:4px;cursor:pointer;color:var(--color-text-tertiary);display:flex;align-items:center}.inbox-toolbar__search-clear:hover{color:var(--color-text-primary)}.inbox-toolbar__account-indicator{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--color-text-secondary);padding:3px 10px;border-radius:var(--radius-sm);background:var(--color-bg-secondary)}.inbox-toolbar__account-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.inbox-toolbar__account-label{white-space:nowrap}.inbox-toolbar__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.inbox-toolbar__unread-badge{font-size:12px;color:var(--color-accent-primary);font-weight:600;white-space:nowrap}.inbox-toolbar__count{font-size:12px;color:var(--color-text-tertiary);white-space:nowrap}.inbox-toolbar__pagination{display:flex;gap:2px}.btn--sm{padding:4px 10px;font-size:12px;gap:4px;border-radius:var(--radius-sm)}.btn--icon{padding:6px;line-height:1}.btn--icon:disabled{opacity:.3;cursor:not-allowed}.btn--active{background:var(--color-interactive-focus-ring);color:var(--color-accent-primary)}.btn--danger-hover:hover{color:var(--color-accent-danger)}.message-list{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:background .15s ease;border-bottom:1px solid var(--color-border-subtle);position:relative;min-height:56px}.list-row:hover{background:var(--color-bg-secondary)}.list-row--selected,.list-row--selected:hover{background:var(--color-interactive-focus-ring)}.list-row--compact{min-height:36px;padding:6px 16px}.list-row--unread{background:var(--color-bg-elevated)}.list-row__check{flex-shrink:0;display:flex;align-items:center;opacity:0;transition:opacity .15s ease}.list-row:hover .list-row__check,.list-row__checkbox:checked+.list-row__check,.list-row .list-row__checkbox:checked~.list-row__check{opacity:1}.message-list:has(.list-row__checkbox:checked) .list-row__check{opacity:1}.list-row__checkbox{width:15px;height:15px;cursor:pointer;accent-color:var(--color-accent-primary)}.list-row__unread-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent-primary);flex-shrink:0}.list-row__avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.list-row--compact .list-row__avatar{width:24px;height:24px;font-size:11px}.list-row__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.list-row__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.list-row__sender{font-size:13px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row__sender--bold{font-weight:700;color:var(--color-text-primary)}.list-row__date{font-size:12px;color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.list-row__subject{font-size:13px;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row__subject--bold{font-weight:600}.list-row__preview{font-size:12px;color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.list-row__actions{display:flex;gap:2px;flex-shrink:0;opacity:0;transition:opacity .15s ease}.list-row:hover .list-row__actions{opacity:1}.list-row__action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:var(--transition)}.list-row__action-btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.list-row__account-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.list-row__account-tag{font-size:11px;padding:1px 6px;border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-tertiary);white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.message-list--compact .list-row__account-tag{display:none}.message-detail{display:flex;flex-direction:column;height:100%}.message-detail__header{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.message-detail__back{display:none;padding:6px;border:none;cursor:pointer}.message-detail__subject{flex:1;font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-detail__actions{display:flex;gap:4px;flex-shrink:0}.message-detail__actions .btn{padding:6px}.message-detail__account{display:flex;align-items:center;gap:8px;padding:8px 24px;font-size:13px;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border-subtle)}.message-detail__account-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.message-detail__account-name{cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .15s ease}.message-detail__account-name:hover{text-decoration-color:var(--color-text-tertiary);color:var(--color-text-secondary)}.message-detail__meta{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.message-detail__avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}.message-detail__sender-info{flex:1;min-width:0}.message-detail__sender-name{font-weight:700;font-size:14px;color:var(--color-text-primary)}.message-detail__sender-email{font-size:13px;color:var(--color-text-tertiary)}.message-detail__date{font-size:13px;color:var(--color-text-tertiary);flex-shrink:0}.message-detail__body{flex:1;padding:24px;overflow-y:auto;min-height:0}.message-body{font-size:15px;line-height:1.7;color:var(--color-text-primary);word-break:break-word}.message-body p{margin:0 0 12px}.message-body a{color:var(--color-accent-primary)}.message-body img{max-width:100%;height:auto}.message-body--plain{white-space:pre-wrap;font-family:inherit}.message-detail__attachments{padding:16px 24px;border-top:1px solid var(--color-border-subtle);flex-shrink:0}.message-detail__attachments-title{font-size:13px;font-weight:600;color:var(--color-text-secondary);margin:0 0 8px}.message-detail__attachment-list{display:flex;flex-wrap:wrap;gap:8px}.message-detail__attachment{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-secondary)}.message-detail__attachment-name{font-weight:500}.message-detail__attachment-size{color:var(--color-text-tertiary);font-size:12px}.inbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;height:100%;min-height:200px}.inbox-empty__icon{color:var(--color-text-tertiary);opacity:.4;margin-bottom:16px}.inbox-empty__title{font-size:16px;font-weight:600;color:var(--color-text-secondary);margin:0 0 4px}.inbox-empty__desc{font-size:14px;color:var(--color-text-tertiary);margin:0}.inbox-loading__row{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--color-border-subtle)}.skeleton{background:var(--color-bg-secondary);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.inbox-loading__checkbox{width:15px;height:15px;flex-shrink:0}.inbox-loading__avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.inbox-loading__text{flex:1;display:flex;flex-direction:column;gap:6px}.inbox-loading__line{height:12px}.inbox-loading__line--short{width:40%}.inbox-loading__line--long{width:75%}.inbox-loading__date{width:48px;height:12px;flex-shrink:0}.inbox-toasts{position:absolute;bottom:16px;right:16px;z-index:100;display:flex;flex-direction:column-reverse;gap:8px;max-width:400px;pointer-events:none}.inbox-toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-xl);background:var(--color-bg-inverse, #1a1a2e);color:#fff;font-size:13px;box-shadow:0 4px 12px #00000026;pointer-events:auto;animation:toast-enter .2s ease-out}@keyframes toast-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.inbox-toast--success{border-left:3px solid var(--color-accent-success)}.inbox-toast--error{border-left:3px solid var(--color-accent-danger)}.inbox-toast--info{border-left:3px solid var(--color-accent-info)}.inbox-toast__message{flex:1;line-height:1.4}.inbox-toast__action{background:none;border:none;color:var(--color-accent-secondary);font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);white-space:nowrap;transition:background .15s ease}.inbox-toast__action:hover{background:#ffffff1a}.inbox-toast__dismiss{background:none;border:none;color:#fff;opacity:.5;cursor:pointer;padding:0 4px;line-height:1;display:flex;align-items:center;transition:opacity .15s ease}.inbox-toast__dismiss:hover{opacity:1}.btn--loading{opacity:.5;pointer-events:none}.list-row__star{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:opacity .15s ease;opacity:0;flex-shrink:0}.list-row:hover .list-row__star,.list-row__star--active{opacity:1}.list-row__star:hover{background:var(--color-bg-elevated)}.inbox-toolbar__undo{margin-left:4px;animation:undo-pulse .3s ease-out}@keyframes undo-pulse{0%{transform:scale(.95);opacity:.7}to{transform:scale(1);opacity:1}}.thread-row__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 4px;font-size:11px;font-weight:600;border-radius:9999px;background:var(--color-bg-secondary);color:var(--color-text-secondary);flex-shrink:0}.thread-row__avatar-stack{display:flex;flex-shrink:0}.thread-row__avatar-stack>*+*{margin-left:-8px}.thread-row__avatar-stack>*{border:2px solid var(--color-bg-elevated);position:relative}.thread-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.thread-view__header{display:flex;flex-direction:column;gap:8px;padding:16px 24px;border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.thread-view__header-top{display:flex;align-items:center;gap:12px}.thread-view__subject{flex:1;font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.3}.thread-view__participants{font-size:13px;color:var(--color-text-tertiary)}.thread-view__meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--color-text-tertiary)}.thread-view__meta-right{display:flex;align-items:center;gap:8px}.thread-view__messages{flex:1;overflow-y:auto;padding:8px 24px}.thread-view__reply{flex-shrink:0;border-top:1px solid var(--color-border-subtle)}.thread-view__reply-prompt{padding:12px 24px}.thread-message{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);margin-bottom:8px;overflow:hidden;transition:box-shadow .15s ease}.thread-message:last-child{margin-bottom:16px}.thread-message--collapsed{cursor:pointer;display:flex;align-items:center;gap:12px;padding:8px 12px;min-height:40px}.thread-message--collapsed:hover{background:var(--color-bg-secondary)}.thread-message--unread .thread-message__sender{font-weight:700}.thread-message__avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;flex-shrink:0}.thread-message__sender{font-size:13px;color:var(--color-text-secondary);flex-shrink:0}.thread-message__sender--bold{font-weight:700;color:var(--color-text-primary)}.thread-message__snippet{flex:1;color:var(--color-text-tertiary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-message--expanded{box-shadow:var(--shadow-sm)}.thread-message__header{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 16px;cursor:pointer}.thread-message__header:hover{background:var(--color-bg-secondary)}.thread-message__sender-info{display:flex;align-items:center;gap:12px}.thread-message__sender-name{font-weight:600;font-size:13px;color:var(--color-text-primary)}.thread-message__sender-email{font-size:12px;color:var(--color-text-tertiary);display:block}.thread-message__meta{display:flex;align-items:center;gap:12px;flex-shrink:0}.thread-message__date{font-size:12px;color:var(--color-text-tertiary);white-space:nowrap}.thread-message__actions{display:flex;gap:2px;opacity:0;transition:opacity .15s ease}.thread-message__header:hover .thread-message__actions{opacity:1}.thread-message__body{padding:0 16px 12px}.thread-message__attachments{padding:0 16px 12px;display:flex;flex-wrap:wrap;gap:8px}.thread-message__footer{padding:8px 16px 12px}.thread-message__quoted{margin-top:8px}.thread-message__quoted-toggle{font-size:12px;color:var(--color-text-tertiary);background:none;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:2px 8px;cursor:pointer;margin-bottom:4px}.thread-message__quoted-toggle:hover{background:var(--color-bg-secondary)}.thread-message__quoted-content{border-left:2px solid var(--color-border-subtle);padding-left:12px;margin-top:4px;color:var(--color-text-tertiary);font-size:13px}.reply-composer{padding:12px 24px;background:var(--color-bg-secondary)}.reply-composer__header{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--color-text-tertiary);padding-bottom:8px;border-bottom:1px solid var(--color-border-subtle);margin-bottom:8px}.reply-composer__to,.reply-composer__from{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-composer__editor{min-height:120px;max-height:300px;overflow-y:auto;padding:8px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);font-size:14px;line-height:1.6;color:var(--color-text-primary);outline:none;transition:border-color .15s ease}.reply-composer__editor:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-interactive-focus-ring)}.reply-composer__editor:empty:before{content:"Write a reply...";color:var(--color-text-tertiary);pointer-events:none}.reply-composer__toolbar{display:flex;align-items:center;justify-content:space-between;padding-top:8px}.reply-composer__formatting{display:flex;gap:2px}.reply-composer__actions{display:flex;gap:8px;align-items:center}.reply-composer__confirm-text{font-size:12px;color:var(--color-text-tertiary)}.reply-composer__quoted{margin-top:8px}.reply-composer__quoted-toggle{font-size:12px;color:var(--color-text-tertiary);background:none;border:none;cursor:pointer;padding:4px 0;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .15s ease}.reply-composer__quoted-toggle:hover{text-decoration-color:var(--color-text-tertiary)}.reply-composer__quoted-content{border-left:2px solid var(--color-border-subtle);padding-left:12px;margin-top:4px;color:var(--color-text-tertiary);font-size:12px;max-height:200px;overflow-y:auto}.reply-composer__quoted-content blockquote{margin:0;padding:0}.message-detail__reply-section{border-top:1px solid var(--color-border-subtle)}.reply-composer__mode-bar{display:flex;gap:0;border-bottom:1px solid var(--color-border-subtle);margin-bottom:8px}.reply-composer__mode-tab{padding:8px 12px;font-size:13px;font-weight:500;color:var(--color-text-tertiary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s ease,border-color .15s ease}.reply-composer__mode-tab:hover{color:var(--color-text-primary)}.reply-composer__mode-tab--active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}.reply-composer__recipients{display:flex;flex-direction:column;gap:4px;padding-bottom:8px}.recipient-input{display:flex;align-items:flex-start;gap:8px;position:relative}.recipient-input__label{font-size:13px;font-weight:500;color:var(--color-text-tertiary);min-width:32px;padding-top:6px;flex-shrink:0}.recipient-input__field{display:flex;flex-wrap:wrap;align-items:center;gap:4px;flex:1;min-height:32px;padding:2px 8px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-elevated);cursor:text;transition:border-color .15s ease}.recipient-input__field:focus-within{border-color:var(--color-accent-primary)}.recipient-input__text{flex:1;min-width:120px;border:none;outline:none;font-size:13px;background:transparent;color:var(--color-text-primary);padding:2px 0}.recipient-input__text::placeholder{color:var(--color-text-tertiary)}.recipient-token{display:inline-flex;align-items:center;gap:2px;padding:1px 8px;font-size:12px;background:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:9999px;max-width:200px;white-space:nowrap;border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.recipient-token:hover{background:var(--color-bg-elevated)}.recipient-token--invalid{border-color:var(--color-accent-danger);color:var(--color-accent-danger);background:#fa52521a}.recipient-token--focused{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-interactive-focus-ring)}.recipient-token__name{overflow:hidden;text-overflow:ellipsis}.recipient-token__remove{background:none;border:none;color:var(--color-text-tertiary);font-size:14px;line-height:1;cursor:pointer;padding:0 2px;flex-shrink:0;transition:color .15s ease}.recipient-token__remove:hover{color:var(--color-text-primary)}.recipient-input__suggestions{position:absolute;top:100%;left:40px;right:0;z-index:50;max-height:240px;overflow-y:auto;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);margin-top:4px}.recipient-input__suggestion{display:flex;flex-direction:column;gap:1px;padding:8px 12px;cursor:pointer;transition:background .1s ease}.recipient-input__suggestion:hover,.recipient-input__suggestion--highlighted{background:var(--color-bg-secondary)}.recipient-input__suggestion-name{font-size:13px;font-weight:500;color:var(--color-text-primary)}.recipient-input__suggestion-email{font-size:12px;color:var(--color-text-tertiary)}.recipient-input__no-results{padding:8px 12px;font-size:13px;color:var(--color-text-tertiary);font-style:italic}.reply-composer__cc-toggle{display:flex;gap:8px;padding-left:40px}.reply-composer__subject{display:flex;align-items:center;gap:8px;padding:4px 0}.reply-composer__subject-label{font-size:13px;font-weight:500;color:var(--color-text-tertiary);min-width:32px;flex-shrink:0}.reply-composer__subject-input{flex:1;border:none;border-bottom:1px solid var(--color-border-subtle);outline:none;font-size:13px;color:var(--color-text-primary);background:transparent;padding:4px 0;transition:border-color .15s ease}.reply-composer__subject-input:focus{border-bottom-color:var(--color-accent-primary)}.message-detail__reply-actions,.thread-message__reply-actions{display:flex;gap:8px;align-items:center}.reply-composer__from-label{font-weight:500;min-width:32px;flex-shrink:0}.reply-composer__from-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-forwarded{color:var(--color-text-tertiary);font-size:13px;border-top:1px solid var(--color-border-subtle);padding-top:8px;margin-top:8px}.draft-banner{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#15aabf1a;border-radius:var(--radius-sm);margin-bottom:8px;font-size:12px;color:var(--color-accent-info);animation:draft-banner-enter .2s ease-out}@keyframes draft-banner-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.draft-banner__message{flex:1}.draft-banner__attachment-note{color:var(--color-accent-warning)}.draft-banner__dismiss{background:none;border:none;color:var(--color-accent-info);cursor:pointer;font-size:14px;padding:0 4px;opacity:.6;transition:opacity .15s ease}.draft-banner__dismiss:hover{opacity:1}.attachment-list{display:flex;flex-direction:column;gap:6px;padding:8px 0}.attachment-pill{display:flex;align-items:center;gap:8px;padding:4px 8px;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);transition:background .15s ease}.attachment-pill:hover{background:var(--color-bg-elevated)}.attachment-pill__preview{width:32px;height:32px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.attachment-pill__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.attachment-pill__name{font-size:13px;font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-pill__size{font-size:12px;color:var(--color-text-tertiary)}.attachment-pill__remove{background:none;border:none;color:var(--color-text-tertiary);font-size:16px;cursor:pointer;padding:0 4px;flex-shrink:0;transition:color .15s ease}.attachment-pill__remove:hover{color:var(--color-accent-danger)}.attachment-list__footer{display:flex;align-items:center;gap:8px;padding-top:4px}.attachment-list__total{font-size:12px;color:var(--color-text-tertiary)}.attachment-list__total--error{color:var(--color-accent-danger);font-weight:600}.attachment-list__error{font-size:12px;color:var(--color-accent-danger)}.message-row__draft-badge,.thread-row__draft-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:1px 4px;border-radius:var(--radius-sm);background:#fab0051a;color:var(--color-accent-warning);white-space:nowrap;flex-shrink:0}.reply-composer__file-input{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.reply-composer__toolbar-divider{width:1px;height:16px;background:var(--color-border-subtle);margin:0 4px;flex-shrink:0}.reply-composer__save-status{font-size:12px;color:var(--color-text-tertiary);white-space:nowrap;margin-right:8px}.reply-composer--drag-over{position:relative}.reply-composer__drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#4f46e514;border:2px dashed var(--color-accent-primary);border-radius:var(--radius-xl);font-size:14px;font-weight:600;color:var(--color-accent-primary);pointer-events:none}.split-pane__list-body--virtual{overflow-y:auto;position:relative}.split-pane__list-body--virtual:focus{outline:none}.virtual-list__spacer{position:relative;width:100%}.thread-view__load-earlier{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;border-bottom:1px solid var(--color-border-subtle)}.thread-view__load-earlier-btn{font-weight:500}.thread-view__message-count{font-size:12px;color:var(--color-text-tertiary)}.inbox-toolbar__search-spinner{position:absolute;right:8px;width:14px;height:14px;border:2px solid var(--color-border-subtle);border-top-color:var(--color-accent-primary);border-radius:50%;animation:search-spin .6s linear infinite}@keyframes search-spin{to{transform:rotate(360deg)}}.inbox-toolbar__search-results{display:flex;align-items:center;justify-content:space-between;padding:4px 12px;font-size:12px;color:var(--color-text-tertiary);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-subtle);margin-top:4px}.thread-message__body-loading{padding:12px 0;font-size:13px;color:var(--color-text-tertiary);font-style:italic}.suggested-reply-panel{margin:16px 0;border:1px solid var(--color-border-subtle);border-radius:var(--radius, 12px);overflow:hidden;background:var(--color-bg-secondary)}.suggested-reply-panel--loading{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:13px;color:var(--color-text-tertiary)}.suggested-reply-panel__spinner{width:14px;height:14px;border:2px solid var(--color-border-subtle);border-top-color:var(--color-accent-primary);border-radius:50%;animation:search-spin .6s linear infinite}.suggested-reply-panel__header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-elevated)}.suggested-reply-panel__title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-text-primary)}.suggested-reply-panel__meta{display:flex;align-items:center;gap:8px;flex:1}.suggested-reply-panel__topic{font-size:12px;color:var(--color-text-tertiary)}.suggested-reply-panel__urgency{font-size:10px;font-weight:700;padding:1px 6px;border-radius:9999px;letter-spacing:.05em}.suggested-reply-panel__urgency--high{background:#f59e0b1f;color:#d97706}.suggested-reply-panel__urgency--urgent{background:#dc26261a;color:#dc2626}.suggested-reply-panel__dismiss{background:none;border:none;color:var(--color-text-tertiary);font-size:16px;cursor:pointer;padding:0 4px;opacity:.5;transition:opacity .15s ease}.suggested-reply-panel__dismiss:hover{opacity:1}.suggested-reply-panel__summary{padding:8px 16px;font-size:12px;color:var(--color-text-tertiary);font-style:italic;margin:0;border-bottom:1px solid var(--color-border-subtle)}.suggested-reply-panel__body{padding:12px 16px}.suggested-reply-panel__reply-text{font-size:14px;line-height:1.6;color:var(--color-text-primary)}.suggested-reply-panel__actions{display:flex;gap:8px;padding:8px 16px 12px}.suggested-reply-panel__error{padding:8px 16px;font-size:12px;color:var(--color-accent-danger)}.message-detail__ai-section{padding:0 24px}.message-detail__spam-action{position:relative}.message-detail__spam-popover-anchor{position:absolute;top:100%;right:0;margin-top:var(--space-1);z-index:50}.spam-popover{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4);min-width:320px;max-width:400px}.spam-popover__header{margin-bottom:var(--space-3)}.spam-popover__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.spam-popover__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;word-break:break-all}.spam-popover__options{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.spam-popover__option{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer}.spam-popover__option input[type=checkbox]{accent-color:var(--color-accent-primary);width:16px;height:16px;flex-shrink:0}.spam-popover__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.message-detail__spam-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:color-mix(in srgb,var(--color-status-error, #dc2626) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-status-error, #dc2626) 30%,transparent);border-radius:var(--radius-md);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-text-primary)}.message-row--spam{opacity:.6}.message-row--spam:hover{opacity:.8}.message-row__spam-badge{display:inline-flex;align-items:center;padding:1px var(--space-2);background:var(--color-status-error, #dc2626);color:#fff;border-radius:9999px;font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.4;flex-shrink:0}.urgency-badge{font-size:10px;font-weight:700;padding:1px 5px;border-radius:9999px;letter-spacing:.03em;white-space:nowrap;flex-shrink:0;margin-left:8px}.urgency-badge--high{background:#f59e0b1f;color:#d97706}.urgency-badge--urgent{background:#dc26261a;color:#dc2626}.message-row__urgency,.thread-row__urgency{font-size:12px;flex-shrink:0;line-height:1}@media(max-width:768px){.inbox-toolbar{flex-wrap:wrap;padding:8px 12px;gap:8px}.inbox-toolbar__center{order:3;flex-basis:100%}.inbox-toolbar__search{max-width:none}.inbox-toolbar__count{display:none}.split-pane__list{width:100%;max-width:none;border-right:none}.split-pane__detail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--color-bg-elevated)}.split-pane{position:relative}.split-pane__list--hidden,.split-pane__detail--hidden{display:none}.message-detail__back{display:flex}.list-row__actions,.list-row__check,.list-row__star{opacity:1}.inbox-toasts{left:12px;right:12px;max-width:none}.thread-view__header{padding:12px}.thread-view__messages{padding:8px 12px}.thread-message__actions{opacity:1}.reply-composer{padding:8px 12px}.reply-composer__editor{min-height:80px}}@media(min-width:769px){.split-pane__list--hidden{display:block}.split-pane__detail--hidden{display:flex;align-items:center;justify-content:center}}.new-messages-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-accent-primary);color:var(--color-text-inverse);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;flex-shrink:0}.new-messages-banner__dismiss{margin-left:auto;background:none;border:none;color:var(--color-text-inverse);cursor:pointer;padding:2px;display:flex;opacity:.8}.new-messages-banner__dismiss:hover{opacity:1}.inline-reply__from-select{flex:1;background:transparent;border:none;color:var(--color-text-primary);font-size:var(--text-sm);font-family:var(--font-body);cursor:pointer;outline:none;padding:0;max-width:320px}.inline-reply__from-select:focus{outline:2px solid var(--color-accent-primary);border-radius:var(--radius-sm)}