@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.action-menu{position:relative}.action-menu__trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text-tertiary);transition:all var(--transition-fast)}.action-menu__trigger:hover{background:var(--color-surface-dim);color:var(--color-text)}.action-menu__dropdown{position:absolute;right:0;top:100%;margin-top:var(--space-1);min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg, 0 8px 24px rgba(0, 0, 0, .12));z-index:50;padding:var(--space-1);animation:actionMenuFadeIn .12s ease-out}@keyframes actionMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.action-menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;background:none;cursor:pointer;font-size:var(--text-sm);color:var(--color-text);border-radius:var(--radius-sm);transition:background var(--transition-fast);text-align:left}.action-menu__item:hover{background:var(--color-surface-dim)}.action-menu__item:disabled{opacity:.4;cursor:not-allowed}.action-menu__item:disabled:hover{background:none}.action-menu__item--danger{color:var(--color-error)}.action-menu__item--danger:hover{background:var(--color-error-surface)}.action-menu__item-icon{display:flex;align-items:center;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;border:1px solid transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);height:32px}.btn--md{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);height:40px}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);height:48px}.btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--elevation-1)}.btn--secondary{background:var(--color-secondary);color:var(--color-on-secondary)}.btn--secondary:hover:not(:disabled){background:var(--color-secondary-hover);box-shadow:var(--elevation-1)}.btn--outline{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn--outline:hover:not(:disabled){background:var(--color-surface-dim);border-color:var(--color-border-strong)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-dim);color:var(--color-text)}.btn--danger{background:var(--color-error);color:#fff}.btn--danger:hover:not(:disabled){opacity:.9;box-shadow:var(--elevation-1)}.btn__spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn__icon{display:flex;align-items:center}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-group__label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.input-group__wrapper{position:relative;display:flex;align-items:center}.input-group__icon{position:absolute;left:var(--space-3);color:var(--color-text-tertiary);display:flex;align-items:center;pointer-events:none}.input-group__input{width:100%;height:40px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input-group__input--with-icon{padding-left:var(--space-10)}.input-group__input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #4a6cf71a}.input-group__input::placeholder{color:var(--color-text-tertiary)}.input-group--error .input-group__input{border-color:var(--color-error)}.input-group--error .input-group__input:focus{box-shadow:0 0 0 3px #ef44441a}.input-group__error{font-size:var(--text-xs);color:var(--color-error)}.input-group__hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-normal)}.card--elevation-1{box-shadow:var(--elevation-1)}.card--elevation-2{box-shadow:var(--elevation-2)}.card--elevation-3{box-shadow:var(--elevation-3)}.card--elevation-4{box-shadow:var(--elevation-4)}.card--padding-none{padding:0}.card--padding-sm{padding:var(--space-3)}.card--padding-md{padding:var(--space-6)}.card--padding-lg{padding:var(--space-8)}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);line-height:1.4}.badge--default{background:var(--color-surface-container);color:var(--color-text-secondary)}.badge--success{background:var(--color-success-surface);color:var(--color-success)}.badge--warning{background:var(--color-warning-surface);color:var(--color-warning)}.badge--error{background:var(--color-error-surface);color:var(--color-error)}.badge--info{background:var(--color-info-surface);color:var(--color-info)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .15s ease}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--elevation-4);max-height:90vh;display:flex;flex-direction:column;animation:slideUp .2s ease}.modal--sm{width:400px}.modal--md{width:560px}.modal--lg{width:720px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.modal__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold)}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-tertiary);transition:all var(--transition-fast)}.modal__close:hover{background:var(--color-surface-dim);color:var(--color-text)}.modal__body{padding:var(--space-6);overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center}.empty-state__icon{color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.empty-state__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.empty-state__description{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:360px;margin-bottom:var(--space-6)}.layout{display:flex;min-height:100vh}.layout__mobile-toggle{display:none;position:fixed;top:var(--space-3);left:var(--space-3);z-index:1001;width:40px;height:40px;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);box-shadow:var(--elevation-1)}.layout__overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:999}.sidebar{width:260px;min-height:100vh;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:1000}.sidebar__header{padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--color-border)}.sidebar__logo{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.sidebar__nav{flex:1;padding:var(--space-3);display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-fast);text-decoration:none}.sidebar__link:hover{background:var(--color-surface-dim);color:var(--color-text)}.sidebar__link--active{background:var(--color-surface-container);color:var(--color-secondary)}.sidebar__footer{padding:var(--space-4);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3)}.sidebar__user{display:flex;align-items:center;gap:var(--space-3)}.sidebar__avatar{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.sidebar__avatar--placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-secondary);color:var(--color-on-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.sidebar__user-info{display:flex;flex-direction:column;min-width:0}.sidebar__user-name{font-size:var(--text-sm);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-email{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__actions{display:flex;gap:var(--space-2)}.sidebar__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-tertiary);transition:all var(--transition-fast)}.sidebar__action-btn:hover{background:var(--color-surface-dim);color:var(--color-text)}.layout__main{flex:1;margin-left:260px;padding:var(--space-8);max-width:calc(100% - 260px)}@media(max-width:768px){.layout__mobile-toggle{display:flex}.layout__overlay{display:block}.sidebar{transform:translate(-100%);transition:transform var(--transition-normal)}.sidebar--open{transform:translate(0)}.layout__main{margin-left:0;max-width:100%;padding:var(--space-4);padding-top:calc(var(--space-4) + 52px)}}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-background)}.loading-screen__spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-secondary);border-radius:50%;animation:spin .7s linear infinite}.landing{min-height:100vh}.landing__header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(var(--color-surface),.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.landing__header-inner{max-width:1200px;margin:0 auto;padding:var(--space-3) var(--space-6);display:flex;align-items:center;justify-content:space-between}.landing__logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.landing__header-actions{display:flex;align-items:center;gap:var(--space-3)}.landing__theme-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}.landing__theme-btn:hover{background:var(--color-surface-dim);color:var(--color-text)}.landing__nav-link{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:color var(--transition-fast)}.landing__nav-link:hover{color:var(--color-text)}.landing__cta-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.landing__cta-btn--small{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.landing__cta-btn--large{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.landing__cta-btn:hover{background:var(--color-primary-hover);box-shadow:var(--elevation-2);color:var(--color-on-primary)}.landing__cta-btn--outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.landing__cta-btn--outline:hover{background:var(--color-surface-dim);color:var(--color-text)}.landing__hero{padding:calc(var(--space-24) + 60px) var(--space-6) var(--space-20);text-align:center}.landing__hero-inner{max-width:800px;margin:0 auto}.landing__hero-badge{display:inline-block;padding:var(--space-1) var(--space-4);background:var(--color-surface-container);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.landing__hero-title{font-size:var(--text-5xl);font-weight:var(--font-weight-bold);line-height:1.1;margin-bottom:var(--space-6);letter-spacing:-.02em}.landing__hero-accent{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing__hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:560px;margin:0 auto var(--space-8)}.landing__hero-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-16)}.landing__hero-code{background:var(--color-surface-dim);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;text-align:left;max-width:640px;margin:0 auto}.landing__code-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.landing__code-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border-strong)}.landing__code-title{margin-left:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono)}.landing__code-block{padding:var(--space-4) var(--space-5);font-size:var(--text-sm);line-height:1.6;color:var(--color-text-secondary);overflow-x:auto}.landing__features{padding:var(--space-20) var(--space-6);background:var(--color-surface-dim)}.landing__features-inner{max-width:1200px;margin:0 auto;text-align:center}.landing__section-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.landing__section-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-12)}.landing__features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.landing__feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:left;transition:box-shadow var(--transition-normal)}.landing__feature-card:hover{box-shadow:var(--elevation-2)}.landing__feature-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-surface-container);border-radius:var(--radius-lg);color:var(--color-secondary);margin-bottom:var(--space-4)}.landing__feature-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.landing__feature-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.landing__cta-section{padding:var(--space-20) var(--space-6);text-align:center}.landing__cta-inner{max-width:600px;margin:0 auto}.landing__cta-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.landing__cta-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.landing__footer{border-top:1px solid var(--color-border);padding:var(--space-8) var(--space-6)}.landing__footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.landing__footer-logo{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold);color:var(--color-text)}.landing__footer-copy{font-size:var(--text-sm);color:var(--color-text-tertiary)}@media(max-width:768px){.landing__hero-title{font-size:var(--text-3xl)}.landing__features-grid{grid-template-columns:1fr}.landing__hero-actions{flex-direction:column}.landing__footer-inner{flex-direction:column;gap:var(--space-4)}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6);background:var(--color-background)}.auth-card{width:100%;max-width:420px}.auth-card__header{text-align:center;margin-bottom:var(--space-6)}.auth-card__logo{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-xl);margin-bottom:var(--space-4)}.auth-card__title{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.auth-card__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-card__error{padding:var(--space-3) var(--space-4);background:var(--color-error-surface);color:var(--color-error);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.auth-card__success{padding:var(--space-3) var(--space-4);background:var(--color-success-surface);color:var(--color-success);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.auth-card__form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-card__forgot{align-self:flex-end;font-size:var(--text-sm);color:var(--color-secondary);margin-top:calc(-1 * var(--space-2))}.auth-card__forgot:hover{color:var(--color-secondary-hover)}.auth-card__submit{width:100%;margin-top:var(--space-2)}.auth-card__divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.auth-card__divider:before,.auth-card__divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-card__divider span{font-size:var(--text-sm);color:var(--color-text-tertiary)}.auth-card__google{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text);transition:all var(--transition-fast)}.auth-card__google:hover{background:var(--color-surface-dim);border-color:var(--color-border-strong)}.auth-card__footer{text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-6)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6)}.page-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold)}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.page-loading{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--color-text-secondary);font-size:var(--text-sm)}.dashboard__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.dashboard__stat-card{display:flex;flex-direction:column;align-items:flex-start}.dashboard__stat-icon{margin-bottom:var(--space-3)}.dashboard__stat-value{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--space-1)}.dashboard__stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.dashboard__recent{margin-top:var(--space-2)}.dashboard__recent-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.dashboard__recent-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-weight-semibold)}.dashboard__recent-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-12);color:var(--color-text-tertiary);font-size:var(--text-sm)}.dashboard__recent-table{overflow-x:auto}.dashboard__recent-table table{width:100%;border-collapse:collapse}.dashboard__recent-table th{padding:var(--space-3) var(--space-5);text-align:left;font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.dashboard__recent-table td{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);border-bottom:1px solid var(--color-border)}.dashboard__recent-table tr:last-child td{border-bottom:none}.dashboard__cell-to{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard__cell-date{color:var(--color-text-tertiary);white-space:nowrap}.templates__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4)}.templates__card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.templates__card-name{font-size:var(--text-base);font-weight:var(--font-weight-semibold)}.templates__card-actions{display:flex;gap:var(--space-1)}.templates__action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--color-text-tertiary);transition:all var(--transition-fast)}.templates__action-btn:hover{background:var(--color-surface-dim);color:var(--color-text)}.templates__action-btn--danger:hover{background:var(--color-error-surface);color:var(--color-error)}.templates__action-btn--primary:hover{background:var(--color-primary-surface, rgba(var(--color-primary-rgb, 99, 102, 241), .1));color:var(--color-primary)}.templates__action-btn:disabled{opacity:.4;cursor:not-allowed}.templates__card-subject{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.templates__card-vars{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-3)}.templates__card-date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.templates__editor{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;resize:vertical;outline:none;transition:border-color var(--transition-fast)}.templates__editor:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #4a6cf71a}.templates__form{display:flex;flex-direction:column;gap:var(--space-4)}.templates__form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2)}.templates__preview{padding:var(--space-4);background:var(--color-surface-dim);border-radius:var(--radius-md);border:1px solid var(--color-border);min-height:200px;font-size:var(--text-sm);overflow:auto}.templates__preview-iframe{width:100%;min-height:400px;border:none;border-radius:var(--radius-sm)}.send-email__mode-toggle{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-1);background:var(--color-surface-dim);border-radius:var(--radius-md);width:fit-content}.send-email__mode-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-fast)}.send-email__mode-btn--active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--elevation-1)}.send-email__result{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.send-email__result--success{background:var(--color-success-surface);color:var(--color-success)}.send-email__result--error{background:var(--color-error-surface);color:var(--color-error)}.send-email__form{display:flex;flex-direction:column;gap:var(--space-4)}.send-email__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.send-email__select{width:100%;height:40px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);outline:none;cursor:pointer}.send-email__select:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #4a6cf71a}.send-email__variables{display:flex;flex-direction:column;gap:var(--space-3)}.send-email__vars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.send-email__actions{display:flex;justify-content:flex-end;margin-top:var(--space-2)}@media(max-width:768px){.send-email__row{grid-template-columns:1fr}}.schedules__toolbar{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.schedules__search{position:relative;flex:1;max-width:360px}.schedules__search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.schedules__search-input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);outline:none;transition:border-color var(--transition-fast)}.schedules__search-input:focus{border-color:var(--color-secondary)}.schedules__search-input::placeholder{color:var(--color-text-tertiary)}.schedules__search-clear{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm)}.schedules__search-clear:hover{background:var(--color-surface-dim);color:var(--color-text)}.schedules__filter{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-tertiary)}.schedules__filter-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);outline:none;cursor:pointer}.schedules__filter-select:focus{border-color:var(--color-secondary)}.schedules__bulk{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);background:var(--color-surface-container);border:1px solid var(--color-border);border-radius:var(--radius-md)}.schedules__bulk-count{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap}.schedules__bulk-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.schedules__bulk-clear{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:none;background:none;color:var(--color-text-tertiary);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm)}.schedules__bulk-clear:hover{background:var(--color-surface-dim);color:var(--color-text)}.schedules__table{overflow-x:auto}.schedules__table table{width:100%;border-collapse:collapse}.schedules__table th{padding:var(--space-3) var(--space-5);text-align:left;font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.schedules__table td{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);border-bottom:1px solid var(--color-border)}.schedules__table tr:last-child td{border-bottom:none}.schedules__th-check,.schedules__td-check{width:40px;padding-left:var(--space-4)!important;padding-right:0!important}.schedules__checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-secondary)}.schedules__row--selected{background:var(--color-surface-dim)}.schedules__row--busy td{opacity:.6;pointer-events:none}.schedules__name{font-weight:var(--font-weight-medium)}.schedules__name-content{display:flex;align-items:center;gap:var(--space-2)}@keyframes spin{to{transform:rotate(360deg)}}.schedules__spinner{animation:spin .8s linear infinite;color:var(--color-secondary);flex-shrink:0}.schedules__date{color:var(--color-text-secondary);white-space:nowrap}.schedules__no-results{text-align:center;color:var(--color-text-tertiary);padding:var(--space-8) var(--space-4)!important}.schedules__actions{display:flex;gap:var(--space-1)}@media(max-width:640px){.schedules__toolbar{flex-direction:column}.schedules__search{max-width:none}.schedules__bulk{flex-direction:column;align-items:flex-start}}.batches__progress{display:flex;align-items:center;gap:var(--space-2)}.batches__progress-bar{flex:1;height:6px;background:var(--color-surface-container);border-radius:var(--radius-full);overflow:hidden;min-width:60px}.batches__progress-fill{height:100%;background:var(--color-success);border-radius:var(--radius-full);transition:width var(--transition-normal)}.batches__progress-text{font-size:var(--text-xs);color:var(--color-text-tertiary);min-width:32px}.api-keys__prefix{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-surface-dim);padding:2px var(--space-2);border-radius:var(--radius-sm)}.api-keys__perms{display:flex;flex-wrap:wrap;gap:var(--space-1)}.api-keys__new-key{display:flex;flex-direction:column;gap:var(--space-4)}.api-keys__warning{font-size:var(--text-sm);color:var(--color-warning);background:var(--color-warning-surface);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.api-keys__key-display{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface-dim);border:1px solid var(--color-border);border-radius:var(--radius-md)}.api-keys__key-display code{flex:1;font-size:var(--text-sm);word-break:break-all}.api-keys__copy-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--color-text-secondary);flex-shrink:0;transition:all var(--transition-fast)}.api-keys__copy-btn:hover{background:var(--color-surface-container);color:var(--color-text)}.api-keys__done-btn{align-self:flex-end}.api-keys__permissions{display:flex;flex-direction:column;gap:var(--space-2)}.api-keys__perm-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.api-keys__perm-item:hover{background:var(--color-surface-dim)}.api-keys__perm-item input[type=checkbox]{accent-color:var(--color-secondary)}.settings__section{display:flex;flex-direction:column;gap:var(--space-6)}.settings__section-header{display:flex;align-items:flex-start;gap:var(--space-3);color:var(--color-text)}.settings__section-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.settings__section-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.settings__toggle-group{display:flex;flex-direction:column;gap:var(--space-3)}.settings__toggle{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.settings__toggle:has(input:checked){border-color:var(--color-secondary);background:var(--color-info-surface)}.settings__toggle input[type=radio]{margin-top:2px;accent-color:var(--color-secondary)}.settings__toggle-content{display:flex;flex-direction:column}.settings__toggle-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.settings__toggle-desc{font-size:var(--text-xs);color:var(--color-text-tertiary)}.settings__smtp-fields{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface-dim);border-radius:var(--radius-md)}.settings__password-field{position:relative}.settings__password-toggle{position:absolute;right:var(--space-3);bottom:10px;color:var(--color-text-tertiary);display:flex;align-items:center}.settings__password-toggle:hover{color:var(--color-text)}.settings__sender{display:flex;flex-direction:column;gap:var(--space-4)}.settings__subsection-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold)}.settings__actions{display:flex;justify-content:flex-end}.api-docs__intro{margin-bottom:var(--space-6)}.api-docs__intro-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.api-docs__intro-content{display:flex;flex-direction:column;gap:var(--space-5)}.api-docs__intro-section h3{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.api-docs__intro-section p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.api-docs__base-url{display:inline-block;padding:var(--space-2) var(--space-3);background:var(--color-surface-dim);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-mono)}.api-docs__section{margin-bottom:var(--space-6)}.api-docs__section-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.api-docs__endpoint{border-bottom:1px solid var(--color-border)}.api-docs__endpoint:last-child{border-bottom:none}.api-docs__endpoint-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-5);text-align:left;transition:background var(--transition-fast)}.api-docs__endpoint-header:hover{background:var(--color-surface-dim)}.api-docs__endpoint-left{display:flex;align-items:center;gap:var(--space-3)}.api-docs__endpoint-right{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-secondary)}.api-docs__endpoint-title{font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.api-docs__path{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text)}.api-docs__endpoint-body{padding:0 var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.api-docs__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.api-docs__detail{display:flex;gap:var(--space-3);font-size:var(--text-sm)}.api-docs__detail-label{font-weight:var(--font-weight-medium);color:var(--color-text);min-width:100px}.api-docs__detail-value{color:var(--color-text-secondary)}.api-docs__params-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.api-docs__params-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.api-docs__params-table th{text-align:left;padding:var(--space-2) var(--space-3);font-weight:var(--font-weight-medium);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border)}.api-docs__params-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:top}.api-docs__params-table tr:last-child td{border-bottom:none}.api-docs__params-table code{font-size:var(--text-xs)}.api-docs__type{color:var(--color-secondary)}.api-docs__code-block{padding:var(--space-3) var(--space-4);background:var(--color-surface-dim);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;overflow-x:auto;white-space:pre}.api-docs__example-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.api-docs__copy-btn{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.api-docs__copy-btn:hover{background:var(--color-surface-container);color:var(--color-text)}@media(max-width:768px){.api-docs__endpoint-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.api-docs__endpoint-right{width:100%;justify-content:space-between}.api-docs__params-table{display:block;overflow-x:auto}}.activity__filter{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-tertiary)}.activity__filter-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);outline:none;cursor:pointer}.activity__filter-select:focus{border-color:var(--color-secondary)}.activity__list{display:flex;flex-direction:column}.activity__item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.activity__item:last-child{border-bottom:none}.activity__item:hover{background:var(--color-surface-dim)}.activity__item--error,.activity__item--error:hover{background:var(--color-error-surface)}.activity__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-surface-dim);flex-shrink:0;margin-top:2px}.activity__content{flex:1;min-width:0}.activity__label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.activity__details{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity__time{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0;margin-top:2px}@media(max-width:640px){.activity__item{padding:var(--space-3)}.activity__details{white-space:normal}.activity__time{display:none}}:root,[data-theme=light]{--color-primary: #1a1a2e;--color-primary-light: #2d2d4a;--color-primary-hover: #16162a;--color-on-primary: #ffffff;--color-secondary: #4a6cf7;--color-secondary-light: #6b87f9;--color-secondary-hover: #3a5ce5;--color-on-secondary: #ffffff;--color-surface: #ffffff;--color-surface-dim: #f5f6fa;--color-surface-container: #eef0f6;--color-surface-container-high: #e6e8f0;--color-surface-variant: #dfe1eb;--color-background: #f8f9fc;--color-text: #1a1a2e;--color-text-secondary: #5a5d7a;--color-text-tertiary: #8b8ea8;--color-text-inverse: #ffffff;--color-border: #e2e4ee;--color-border-strong: #c8cbd8;--color-success: #10b981;--color-success-surface: #ecfdf5;--color-warning: #f59e0b;--color-warning-surface: #fffbeb;--color-error: #ef4444;--color-error-surface: #fef2f2;--color-info: #3b82f6;--color-info-surface: #eff6ff;--elevation-1: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--elevation-2: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .03);--elevation-3: 0 10px 15px rgba(0, 0, 0, .05), 0 4px 6px rgba(0, 0, 0, .03);--elevation-4: 0 20px 25px rgba(0, 0, 0, .06), 0 8px 10px rgba(0, 0, 0, .04);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}[data-theme=dark]{--color-primary: #a5b4fc;--color-primary-light: #818cf8;--color-primary-hover: #c7d2fe;--color-on-primary: #1a1a2e;--color-secondary: #6b87f9;--color-secondary-light: #8ba1fb;--color-secondary-hover: #4a6cf7;--color-on-secondary: #ffffff;--color-surface: #1e1e2e;--color-surface-dim: #181825;--color-surface-container: #252538;--color-surface-container-high: #2d2d42;--color-surface-variant: #35354c;--color-background: #131320;--color-text: #e4e4f0;--color-text-secondary: #a0a3c0;--color-text-tertiary: #6c6f8a;--color-text-inverse: #1a1a2e;--color-border: #2d2d42;--color-border-strong: #404060;--color-success: #34d399;--color-success-surface: #064e3b;--color-warning: #fbbf24;--color-warning-surface: #78350f;--color-error: #f87171;--color-error-surface: #7f1d1d;--color-info: #60a5fa;--color-info-surface: #1e3a5f;--elevation-1: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--elevation-2: 0 4px 6px rgba(0, 0, 0, .25), 0 2px 4px rgba(0, 0, 0, .15);--elevation-3: 0 10px 15px rgba(0, 0, 0, .25), 0 4px 6px rgba(0, 0, 0, .15);--elevation-4: 0 20px 25px rgba(0, 0, 0, .3), 0 8px 10px rgba(0, 0, 0, .2)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-background);min-height:100vh}a{color:var(--color-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary-hover)}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:var(--font-weight-semibold);color:var(--color-text)}code,pre{font-family:var(--font-mono)}::selection{background-color:var(--color-secondary);color:var(--color-on-secondary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}