.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(160deg,var(--color-primary-dark) 0%,var(--color-primary) 40%,#0e7490 100%);padding:24px;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:#ffffff0f;top:-200px;right:-150px}.login-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:420px;width:100%;padding:48px 40px;text-align:center;position:relative;z-index:1}.login-header{margin-bottom:36px}.login-logo{width:56px;height:56px;margin:0 auto 20px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#fff}.login-header h1{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:8px;letter-spacing:-.02em}.login-header p{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.5}.login-content{margin-bottom:28px}.microsoft-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:#0078d4;color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;box-shadow:0 2px 8px #0078d459}.microsoft-btn:hover{background:#106ebe;box-shadow:0 4px 14px #0078d466}.microsoft-icon{display:flex;width:20px;height:20px;background:#fff;border-radius:2px;align-items:center;justify-content:center;font-size:.65rem;color:#0078d4;font-weight:800}.login-footer{padding-top:24px;border-top:1px solid var(--color-border)}.login-footer p{font-size:.8125rem;color:var(--color-text-muted);line-height:1.5}.file-upload{display:flex;flex-direction:column;gap:24px;max-width:560px}.upload-instructions{background:#f0fdfa;padding:18px 20px;border-radius:var(--radius-md);border:1px solid #99f6e4}.upload-instructions p{font-weight:600;margin-bottom:12px;color:var(--color-primary-dark);font-size:.875rem}.upload-instructions ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.upload-instructions li{font-size:.875rem;color:var(--color-text-secondary);padding-left:20px;position:relative}.upload-instructions li:before{content:"";position:absolute;left:0;top:6px;width:8px;height:8px;background:var(--color-primary);border-radius:2px}.upload-form{display:flex;flex-direction:column;gap:16px}.file-input-wrapper{position:relative}#file-input{display:none}.file-input-label{display:flex;align-items:center;justify-content:center;min-height:140px;padding:32px;background:var(--color-bg);border:2px dashed var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,background .15s;font-weight:500;color:var(--color-text-secondary);font-size:.9375rem;text-align:center}#file-input:hover~.file-input-label,.file-input-label:hover{border-color:var(--color-primary);background:#f0fdfa;color:var(--color-primary-dark)}#file-input:disabled~.file-input-label{opacity:.6;cursor:not-allowed}.upload-btn{padding:12px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:600;align-self:flex-start}.upload-btn:hover:not(:disabled){background:var(--color-primary-dark)}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.alert.success{background:var(--color-success-bg);color:var(--color-success);border:1px solid #a7f3d0}.alert.error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #fecaca}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:16px 0 0;border-top:1px solid var(--color-border);margin-top:8px}.pagination-info{font-size:.875rem;color:var(--color-text-secondary)}.pagination-info strong{color:var(--color-text);font-weight:600}.pagination-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.page-size-label{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--color-text-secondary);margin-right:8px;font-weight:500}.page-size-label select{padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.page-btn{min-width:36px;height:36px;padding:0 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:.875rem;font-weight:500}.page-btn:hover:not(:disabled):not(.active){border-color:var(--color-primary);color:var(--color-primary);background:#f0fdfa}.page-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-ellipsis{color:var(--color-text-muted);padding:0 4px}.rich-text-editor{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.rte-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:10px 12px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--color-border)}.rte-toolbar-group{display:flex;align-items:center;gap:2px}.rte-toolbar-divider{width:1px;height:28px;background:var(--color-border);margin:0 6px}.rte-btn{min-width:34px;height:34px;padding:0 8px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-size:.875rem;font-weight:600}.rte-btn:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-border)}.rte-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.rte-btn:disabled{opacity:.35;cursor:not-allowed}.rte-underline{text-decoration:underline}.rte-select{height:34px;padding:0 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:.8125rem;font-weight:500;color:var(--color-text)}.rte-color-input{width:34px;height:34px;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:var(--color-surface)}.rte-color-swatches{display:flex;gap:3px;margin-left:4px}.rte-swatch{width:20px;height:20px;border-radius:4px;border:2px solid var(--color-surface);box-shadow:0 0 0 1px var(--color-border);padding:0;cursor:pointer}.rte-swatch:hover{transform:scale(1.1)}.rte-editor-wrap{min-height:280px}.rte-editor-wrap .ProseMirror{min-height:280px;padding:20px 24px;outline:none;font-size:15px;line-height:1.65;color:var(--color-text)}.rte-editor-wrap .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--color-text-muted);pointer-events:none;height:0}.rte-editor-wrap .ProseMirror ul,.rte-editor-wrap .ProseMirror ol{padding-left:1.5em;margin:.5em 0}.rte-editor-wrap .ProseMirror h1{font-size:1.75em;font-weight:700;margin:.5em 0}.rte-editor-wrap .ProseMirror h2{font-size:1.35em;font-weight:700;margin:.5em 0}.rte-editor-wrap .ProseMirror h3{font-size:1.15em;font-weight:600;margin:.5em 0}.rte-align-left .rte-btn:nth-child(1),.rte-toolbar-group .rte-btn{font-family:inherit}.email-list.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.email-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--color-border);margin-bottom:20px}.email-header-title h3{font-size:1.125rem;font-weight:700;color:var(--color-text);margin:0 0 4px}.email-subtitle{font-size:.8125rem;color:var(--color-text-muted);margin:0}.email-header-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.email-stats{display:flex;gap:10px;flex-wrap:wrap}.stat-chip{display:flex;flex-direction:column;align-items:center;padding:8px 14px;background:var(--color-bg);border-radius:var(--radius-md);min-width:64px}.stat-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-weight:600}.stat-value{font-size:1.125rem;font-weight:700;color:var(--color-text)}.stat-sent .stat-value{color:var(--color-success)}.stat-failed .stat-value{color:var(--color-danger)}.stat-pending .stat-value{color:var(--color-warning)}.bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:var(--color-warning-bg);border:1px solid #fde68a;border-radius:var(--radius-md);margin-bottom:16px;font-size:.875rem;font-weight:500;color:#92400e}.compose-section{background:var(--color-bg);padding:20px;border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:20px}.compose-section h4{font-size:.9375rem;font-weight:700;margin-bottom:16px;color:var(--color-text)}.template-select{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:.9375rem;color:var(--color-text)}.compose-grid{display:grid;grid-template-columns:1fr 240px;gap:16px}.compose-section .field-hint code{background:#0d6e6e14;padding:2px 6px;border-radius:4px;font-size:.8125rem;color:var(--color-primary)}@media (max-width: 640px){.compose-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{font-weight:600;font-size:.8125rem;color:var(--color-text-secondary)}.form-group input,.form-group textarea{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0d6e6e1f}.field-hint{font-size:.75rem;color:var(--color-text-muted);margin:0}.compose-actions{display:flex;gap:10px;justify-content:flex-end}.list-toolbar{margin-bottom:16px}.contacts-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.contacts-table{width:100%;border-collapse:collapse;font-size:.875rem}.contacts-table th{background:var(--color-bg);padding:12px 14px;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.contacts-table td{padding:12px 14px;border-bottom:1px solid var(--color-border);color:var(--color-text)}.contacts-table tbody tr:last-child td{border-bottom:none}.contacts-table tbody tr:hover{background:#f8fafc}.col-check{width:44px}.cell-name{font-weight:600}.cell-email{color:var(--color-primary);font-family:ui-monospace,monospace;font-size:.8125rem}.empty-row{text-align:center;color:var(--color-text-muted);padding:32px!important}.status-pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-pill.status-sent{background:var(--color-success-bg);color:var(--color-success)}.status-pill.status-failed{background:var(--color-danger-bg);color:var(--color-danger)}.status-pill.status-pending{background:var(--color-warning-bg);color:var(--color-warning)}.status-pill.status-completed{background:var(--color-success-bg);color:var(--color-success)}.status-pill.status-processing{background:var(--color-warning-bg);color:var(--color-warning)}.status-pill.status-failed.status-upload{background:var(--color-danger-bg);color:var(--color-danger)}.contacts-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;border:none;white-space:nowrap}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger-outline{background:transparent;color:var(--color-danger);border:1px solid #fecaca}.btn-danger-outline:hover:not(:disabled){background:var(--color-danger-bg)}.btn-sm{padding:6px 12px;font-size:.8125rem}.btn:disabled{opacity:.5;cursor:not-allowed}.template-builder{display:flex;flex-direction:column;gap:24px}.template-builder-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;min-height:520px}@media (max-width: 900px){.template-builder-layout{grid-template-columns:1fr}}.template-sidebar{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;max-height:640px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sidebar-header h3{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.sidebar-empty{font-size:.875rem;color:var(--color-text-muted);padding:12px 0}.template-list{list-style:none;overflow-y:auto;flex:1}.template-list-item{width:100%;text-align:left;padding:12px 14px;border:none;border-radius:var(--radius-sm);background:transparent;margin-bottom:4px;display:flex;flex-direction:column;gap:4px}.template-list-item:hover{background:var(--color-surface)}.template-list-item.active{background:var(--color-surface);box-shadow:inset 3px 0 0 var(--color-primary)}.template-list-name{font-weight:600;font-size:.875rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-list-date{font-size:.75rem;color:var(--color-text-muted)}.template-editor-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px}.template-editor-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.template-editor-header h3{font-size:1.125rem;font-weight:700;margin:0}.template-editor-actions{display:flex;gap:10px}.template-builder .form-group label{font-weight:600;font-size:.8125rem;color:var(--color-text-secondary);display:block;margin-bottom:6px}.template-builder .form-group input[type=text]{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9375rem}.template-builder .form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0d6e6e1f}.placeholders-hint code{background:var(--color-bg);padding:2px 6px;border-radius:4px;font-size:.8125rem;color:var(--color-primary)}.template-builder .alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:16px}.template-builder .alert.success{background:var(--color-success-bg);color:var(--color-success);border:1px solid #a7f3d0}.template-builder .alert.error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #fecaca}.dashboard{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg)}.dashboard-header{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 50%,#0e7490 100%);color:#fff;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md)}.header-brand{display:flex;align-items:center;gap:16px}.brand-mark{width:44px;height:44px;background:#fff3;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dashboard-header h1{font-size:1.25rem;font-weight:700;margin:0;letter-spacing:-.02em}.header-tagline{font-size:.8125rem;opacity:.85;margin:2px 0 0;font-weight:400}.header-right{display:flex;align-items:center;gap:16px}.user-badge{display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.user-name{font-size:.875rem;font-weight:500}.btn-ghost-light{padding:8px 16px;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600}.btn-ghost-light:hover{background:#ffffff38}.dashboard-body{flex:1;padding:28px 32px 48px;max-width:1280px;width:100%;margin:0 auto}.tab-nav{display:flex;gap:4px;margin-bottom:24px;background:var(--color-surface);padding:4px;border-radius:var(--radius-md);border:1px solid var(--color-border);width:fit-content;box-shadow:var(--shadow-sm)}.tab-btn{padding:10px 20px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.tab-btn.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.tab-btn:hover:not(.active){color:var(--color-text);background:var(--color-bg)}.tab-content{background:var(--color-surface);border-radius:var(--radius-lg);padding:28px 32px;border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.section-header{margin-bottom:24px}.section-header h2{font-size:1.375rem;font-weight:700;color:var(--color-text);margin:0 0 6px;letter-spacing:-.02em}.section-header p{color:var(--color-text-secondary);font-size:.9375rem;margin:0}.emails-section{display:flex;flex-direction:column;gap:24px}.uploads-selector h3{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:12px}.empty-hint{color:var(--color-text-muted);font-size:.9375rem}.uploads-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.upload-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--color-bg);border:2px solid transparent;border-radius:var(--radius-md);text-align:left;transition:border-color .15s,background .15s}.upload-item:hover{border-color:var(--color-border-strong);background:var(--color-surface)}.upload-item.active{border-color:var(--color-primary);background:#f0fdfa}.upload-item-icon{font-size:1.25rem;line-height:1}.upload-info{display:flex;flex-direction:column;gap:4px;min-width:0}.filename{font-weight:600;font-size:.875rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count{font-size:.8125rem;color:var(--color-text-muted)}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{background:var(--color-bg);padding:12px 16px;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.data-table td{padding:14px 16px;border-bottom:1px solid var(--color-border)}.data-table tbody tr:hover{background:#f8fafc}.cell-filename{font-weight:600}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;z-index:9999;color:#fff;font-weight:600;font-size:1rem}.sending-overlay .sending-hint{font-size:.875rem;font-weight:400;opacity:.9;max-width:320px;text-align:center;line-height:1.5}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px 20px}.dashboard-body{padding:16px}.tab-content{padding:20px 16px}.tab-nav{width:100%;flex-wrap:wrap}.tab-btn{flex:1;min-width:100px}}:root{--color-primary: #0d6e6e;--color-primary-dark: #0a5555;--color-primary-light: #14a3a3;--color-accent: #0284c7;--color-bg: #f0f4f8;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-text: #0f172a;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-success: #059669;--color-success-bg: #ecfdf5;--color-warning: #d97706;--color-warning-bg: #fffbeb;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 40px rgba(15, 23, 42, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);font-size:15px;line-height:1.5}button{cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}input,textarea,select{font-family:inherit;font-size:.9375rem}.loading-page{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1rem;color:var(--color-text-secondary);font-weight:500}