:root{--primary-color: #1A2B3C;--secondary-color: #007BFF;--secondary-color-dark: #0069D9;--background-color: #F7F9FC;--surface-color: #FFFFFF;--surface-color-rgb-for-sticky: 255, 255, 255;--subtle-background: #F8FAFC;--input-background-color: var(--background-color);--text-color: #334155;--subtle-text-color: #64748B;--border-color: #E2E8F0;--border-color-rgb: 226, 232, 240;--danger-color: #EF4444;--success-color: #10B981;--warning-color: #F59E0B;--info-color: #3B82F6;--overlay-background: rgba(0, 0, 0, .5);--auth-gradient-start: #E9F1FF;--tooltip-background: rgba(0, 0, 0, .8);--tooltip-border-color: rgba(255, 255, 255, .1);--font-family: "Inter", sans-serif;color-scheme:light;--slide-in-translateX: 100%;--settings-panel-translateX: 100%;--sidebar-translateX: -100%}html[data-theme=dark]{--primary-color: #F9FAFB;--secondary-color: #3B82F6;--secondary-color-dark: #2563EB;--background-color: #111827;--surface-color: #1F2937;--surface-color-rgb-for-sticky: 31, 41, 55;--subtle-background: #111827;--input-background-color: #374151;--text-color: #F9FAFB;--subtle-text-color: #9CA3AF;--border-color: #374151;--border-color-rgb: 55, 65, 81;--danger-color: #F87171;--success-color: #4ADE80;--warning-color: #FBBF24;--info-color: #60A5FA;--overlay-background: rgba(17, 24, 39, .5);--auth-gradient-start: #1e293b;--tooltip-background: rgba(31, 41, 55, .8);--tooltip-border-color: var(--border-color);color-scheme:dark}[dir=rtl]{--slide-in-translateX: -100%;--settings-panel-translateX: -100%;--sidebar-translateX: 100%}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.7}[dir=rtl] body{font-family:Vazirmatn,sans-serif}.logo-font{font-weight:600;color:var(--primary-color);font-size:1.5rem}html[data-theme=dark] .logo-font{color:var(--text-color)}a{color:var(--secondary-color);text-decoration:none}a:hover{text-decoration:underline}.icon{width:1.5rem;height:1.5rem;stroke-width:2px}.nav-btn .icon{width:1.5rem;height:1.5rem}.tab-btn .icon{width:1.25rem;height:1.25rem}.centered-container{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:300px;gap:1rem;padding:1rem;text-align:center}.loader{border:4px solid var(--border-color);border-top:4px solid var(--secondary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.line-loader{position:relative;overflow:hidden;width:100%;height:6px;background-color:var(--border-color);border-radius:3px}.line-loader:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background-color:var(--secondary-color);border-radius:3px;animation:indeterminate-progress 1.5s infinite ease-in-out}@keyframes indeterminate-progress{0%{transform:translate(-125%)}to{transform:translate(275%)}}.btn .loader,.form-actions .loader,.campaign-stats-grid .loader{width:20px;height:20px;border-width:3px}.campaign-stats-grid .loader{margin:0 auto}.balance-amount .loader{width:28px;height:28px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.info-message{padding:1.5rem;margin:1em 0;background:var(--surface-color);border-radius:8px;border:1px solid var(--border-color);max-width:500px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.info-message.warning{background-color:rgba(var(--warning-color),.1);border-color:rgba(var(--warning-color),.3)}.info-message strong{font-weight:600}.info-message p{color:var(--subtle-text-color);font-size:.9rem}.link-button{background:none;border:none;color:var(--secondary-color);cursor:pointer;font:inherit;padding:0;text-decoration:underline}.error-message{padding:1rem;background:rgba(var(--danger-color),.1);color:var(--danger-color);border-inline-start:4px solid var(--danger-color);white-space:pre-wrap;word-break:break-word}.app-container{display:flex;height:100%;background-color:var(--background-color)}.sidebar{width:235px;background-color:var(--surface-color);border-inline-end:1px solid var(--border-color);display:flex;flex-direction:column;padding:1rem;transition:transform .3s ease;flex-shrink:0;overflow-y:auto}.main-wrapper{flex:1;overflow-y:auto;display:flex;flex-direction:column}.content{padding:1.5rem 2rem;flex-grow:1}.content-header{margin-bottom:1.5rem}.content-header h2{font-size:2.4rem;margin-top:.8rem;font-weight:700}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1rem .5rem;margin-bottom:1rem}.sidebar-logo{width:32px;height:32px}.nav{display:flex;flex-direction:column;gap:.25rem;flex-grow:1}.nav-group{display:flex;flex-direction:column;gap:0}.nav-group-header{display:flex;align-items:center;gap:.75rem;font-size:.75rem;font-weight:600;color:var(--subtle-text-color);text-transform:uppercase;margin:1rem 0 .5rem .75rem;letter-spacing:.05em}.nav-group-header span{flex-shrink:0}.nav-group-header:after{content:"";flex-grow:1;height:1px;background-color:var(--border-color)}.nav-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:6px;background:none;border:none;color:var(--subtle-text-color);font:inherit;font-size:.95rem;font-weight:500;cursor:pointer;text-align:left;transition:background-color .2s,color .2s;position:relative}.nav-btn:hover{background-color:var(--subtle-background);color:var(--text-color)}.nav-btn.active{background-color:var(--secondary-color);color:#fff}.sidebar-footer-nav{display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--border-color);padding-top:1rem;margin-top:1rem}.logout-btn:hover{background-color:rgba(var(--danger-color),.1);color:var(--danger-color)}.nav-btn.locked{color:var(--subtle-text-color);cursor:pointer}.nav-btn.locked .icon{opacity:.5}.nav-btn.locked:hover{background-color:var(--subtle-background)}.nav-btn.locked .lock-icon{position:absolute;inset-inline-end:.75rem;color:inherit;width:1rem;height:1rem}.nav-btn.locked.active,.nav-btn.locked.active:hover{color:#fff;background-color:var(--secondary-color)}.nav-btn.locked.active .icon{opacity:1}.nav-card.locked{opacity:.6;background-image:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(var(--border-color-rgb),.3) 10px,rgba(var(--border-color-rgb),.3) 20px)}.nav-card.locked .nav-card-icon{filter:grayscale(80%)}.nav-card .lock-icon-overlay{position:absolute;top:1rem;inset-inline-end:1rem;color:var(--warning-color)}.mobile-header,.mobile-menu-overlay,.mobile-menu-toggle{display:none}@media (max-width: 768px){.sidebar{position:fixed;inset-inline-start:0;top:0;bottom:0;z-index:1000;transform:translate(var(--sidebar-translateX));height:100%}.app-container.mobile-menu-open .sidebar{transform:translate(0);box-shadow:0 0 20px #0003}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-background);z-index:999;opacity:0;transition:opacity .3s ease}.app-container.mobile-menu-open .mobile-menu-overlay{display:block;opacity:1}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--surface-color);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.mobile-menu-toggle{display:block;background:none;border:none;color:var(--text-color);cursor:pointer}.mobile-header-title{font-size:1.5rem;font-weight:600}.mobile-header-placeholder{width:24px}.content{padding:1rem}.content-header{display:none}}.content--no-padding{padding:0}.accordion{display:flex;flex-direction:column;gap:1rem}.accordion-item{border:1px solid var(--border-color);border-radius:8px;background-color:var(--surface-color)}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;cursor:pointer;background-color:var(--subtle-background);border-bottom:1px solid transparent;transition:background-color .2s}.accordion-header.open{border-bottom:1px solid var(--border-color)}.accordion-header .accordion-title{margin:0;font-size:1.1rem;font-weight:600;flex-grow:1}.accordion-icon{transition:transform .2s ease-in-out}.accordion-icon.open{transform:rotate(180deg)}.accordion-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.content-variant-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color)}.content-variant-tab{padding:.5rem 1rem;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;font-weight:500;color:var(--subtle-text-color)}.content-variant-tab.active{color:var(--secondary-color);border-bottom-color:var(--secondary-color)}.badge{display:inline-block;padding:.25rem .6rem;font-size:.8rem;font-weight:500;border-radius:99px;white-space:nowrap}.badge-default{background-color:var(--border-color);color:var(--subtle-text-color)}.badge-success{background-color:rgba(var(--success-color),.1);color:var(--success-color)}.badge-danger{background-color:rgba(var(--danger-color),.1);color:var(--danger-color)}.badge-warning{background-color:rgba(var(--warning-color),.1);color:var(--warning-color)}.badge-info{background-color:rgba(var(--info-color),.1);color:var(--info-color)}.badge-total-recipients{background-color:var(--secondary-color);color:#fff;min-width:60px;min-height:28px;display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;border-radius:14px;font-size:.9rem;font-weight:600;transition:all .2s ease-in-out}.badge-total-recipients .loader{width:16px;height:16px;border-width:2px;border-top-color:#fff;border-left-color:#fff;border-right-color:#fff;border-bottom-color:#ffffff4d}.btn{padding:.75rem 1.25rem;border-radius:6px;border:1px solid var(--border-color);background-color:var(--surface-color);color:var(--text-color);font-weight:500;font-family:inherit;font-size:.95rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.btn:hover{background-color:var(--subtle-background);border-color:#d1d5db}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--secondary-color);border-color:var(--secondary-color);color:#fff}.btn-primary:hover{background-color:var(--secondary-color-dark);border-color:var(--secondary-color-dark)}.btn-danger{background-color:var(--danger-color);border-color:var(--danger-color);color:#fff}.btn-danger:hover{opacity:.9;background-color:var(--danger-color);border-color:var(--danger-color)}.btn-secondary{background-color:var(--subtle-background)}.btn-secondary:hover{background-color:var(--border-color)}.btn-credits{background-color:var(--surface-color);border:1px solid var(--border-color);font-weight:500;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.btn-credits:hover{border-color:var(--secondary-color);box-shadow:0 2px 8px rgba(var(--info-color),.1);transform:translateY(-2px)}.btn-credits .icon{color:var(--info-color)}.btn-icon{padding:.5rem;background:transparent;border:none;border-radius:50%;color:var(--subtle-text-color);display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{background-color:var(--subtle-background);color:var(--text-color)}.btn-icon-danger:hover{color:var(--danger-color);background-color:rgba(var(--danger-color),.1)}.btn-icon-primary:hover{color:var(--secondary-color);background-color:rgba(var(--info-color),.1)}.full-width{width:100%}.btn.btn-locked{background-color:var(--surface-color);border-color:var(--border-color);color:var(--subtle-text-color);box-shadow:none;transform:none;opacity:.8;cursor:pointer;background-image:repeating-linear-gradient(-45deg,var(--surface-color),var(--surface-color) 10px,rgba(var(--border-color-rgb),.3) 10px,rgba(var(--border-color-rgb),.3) 20px)}.btn.btn-locked:hover{background-color:var(--subtle-background);border-color:var(--subtle-text-color);color:var(--text-color);opacity:1;transform:none;box-shadow:none;background-image:repeating-linear-gradient(-45deg,var(--subtle-background),var(--subtle-background) 10px,rgba(var(--border-color-rgb),.5) 10px,rgba(var(--border-color-rgb),.5) 20px)}.btn.btn-locked .icon{color:var(--warning-color)}.card{background-color:var(--surface-color);border-radius:8px;border:1px solid var(--border-color);box-shadow:0 1px 2px #0000000d;overflow:hidden}.card.clickable:hover{transform:translateY(-5px);box-shadow:0 4px 10px #0000000d}.card-header,.card-body,.card-footer{padding:1.25rem}.card-grid{display:grid;gap:1.5rem}.card--overflow-visible{overflow:visible}.stats-chart-container{position:relative}.stats-chart-svg{-webkit-user-select:none;user-select:none}.grid-line{stroke:var(--border-color);stroke-dasharray:2 4}.axis-label{font-size:.75rem;fill:var(--subtle-text-color)}.plot-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.mouse-overlay{fill:transparent}.tooltip-line{stroke:var(--subtle-text-color);stroke-width:1px;stroke-dasharray:4 4}.chart-tooltip-dot{stroke:var(--surface-color);stroke-width:2px}.chart-tooltip{position:absolute;background-color:var(--tooltip-background);color:#fff;padding:.75rem 1rem;border-radius:8px;pointer-events:none;font-size:.85rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--tooltip-border-color);box-shadow:0 4px 6px #0000001a;z-index:10}.tooltip-date{font-weight:600;margin-bottom:.5rem}.tooltip-item{display:flex;align-items:center;gap:.5rem}.color-swatch{width:12px;height:12px;border-radius:3px}.tooltip-item .label{color:var(--subtle-text-color)}.tooltip-item .value{font-weight:600;margin-left:auto}.chart-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;font-size:.9rem;flex-wrap:wrap}.overall-snapshot-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 992px){.overall-snapshot-grid{grid-template-columns:1fr}}.channel-selector-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid var(--border-color)}.channel-selector-header h4{margin:0}.stats-chart-wrapper{padding:1rem 0}.view-controls{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.view-controls .icon{color:var(--subtle-text-color)}.view-controls select{min-width:200px}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;margin:2rem auto;max-width:600px}.empty-state-icon-wrapper{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--subtle-background);margin-bottom:1.5rem}.empty-state-icon-wrapper .icon{width:36px;height:36px;color:var(--secondary-color)}.empty-state-title{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0 0 .5rem}.empty-state-message{font-size:1rem;color:var(--subtle-text-color);max-width:450px;line-height:1.6;margin:0 0 1.5rem}.empty-state-actions{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-group label{font-weight:500;font-size:.9rem}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=date],input[type=datetime-local],input[type=url],input[type=tel],select,textarea{width:100%;padding:.75rem;border-radius:6px;border:1px solid var(--border-color);background-color:var(--input-background-color);color:var(--text-color);font:inherit;transition:border-color .2s,box-shadow .2s}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 2px rgba(var(--info-color),.2)}textarea{min-height:120px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-grid .full-width{grid-column:1 / -1}.from-email-composer{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:6px;background-color:var(--input-background-color);transition:border-color .2s,box-shadow .2s}.from-email-composer:focus-within{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 2px rgba(var(--info-color),.2)}.from-email-composer input,.from-email-composer select{border:none;background:transparent;padding:.75rem;box-shadow:none!important;outline:none;height:100%}.from-email-composer input{flex-grow:1;min-width:80px}.from-email-composer .from-email-at{color:var(--subtle-text-color);font-weight:500;padding:0 .25rem}.from-email-composer select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:2.5rem;color:var(--text-color);font-weight:500}html[dir=rtl] .from-email-composer select{background-position:left .5rem center}html[data-theme=dark] .from-email-composer select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.form-separator{grid-column:1 / -1;border:0;height:1px;background-color:var(--border-color);margin:1.5rem 0}.custom-radio{display:block;position:relative;padding-left:30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-radio input{position:absolute;opacity:0;cursor:pointer}.custom-radio .radio-label{font-weight:500;font-size:1rem}.custom-radio .radio-description{font-size:.9rem;color:var(--subtle-text-color);margin-top:.25rem}.radio-checkmark{position:absolute;top:2px;left:0;height:20px;width:20px;background-color:var(--surface-color);border:2px solid var(--border-color);border-radius:50%;transition:all .2s}.custom-radio:hover input~.radio-checkmark{border-color:var(--secondary-color)}.custom-radio input:checked~.radio-checkmark{background-color:var(--secondary-color);border-color:var(--secondary-color)}.radio-checkmark:after{content:"";position:absolute;display:none}.custom-radio input:checked~.radio-checkmark:after{display:block}.custom-radio .radio-checkmark:after{top:4px;left:4px;width:8px;height:8px;border-radius:50%;background:#fff}.custom-checkbox{display:block;position:relative;padding-inline-start:30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-checkbox input{position:relative;opacity:0;cursor:pointer}.custom-checkbox .checkbox-label{font-weight:500;font-size:1rem}.checkbox-checkmark{position:absolute;top:2px;inset-inline-start:0;height:20px;width:20px;background-color:var(--surface-color);border:2px solid var(--border-color);border-radius:4px;transition:all .2s}.custom-checkbox:hover input~.checkbox-checkmark{border-color:var(--secondary-color)}.custom-checkbox input:checked~.checkbox-checkmark{background-color:var(--secondary-color);border-color:var(--secondary-color)}.checkbox-checkmark:after{content:"";position:absolute;display:none}.custom-checkbox input:checked~.checkbox-checkmark:after{display:block}.custom-checkbox .checkbox-checkmark:after{inset-inline-start:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.input-with-icon{position:relative}.input-with-icon .icon{position:absolute;inset-inline-start:.75rem;top:50%;transform:translateY(-50%);color:var(--subtle-text-color);pointer-events:none;width:1.25rem;height:1.25rem}.input-with-icon input{padding-inline-start:2.5rem;background-color:var(--subtle-background);border:1px solid var(--border-color);border-radius:6px;height:40px;font-weight:500}.field-hint{font-size:.85rem;color:var(--subtle-text-color);margin-top:.5rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-background);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background-color:var(--surface-color);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column}.modal-content.modal-size-large{max-width:90vw;width:1200px}.modal-content.modal-size-fullscreen{width:100%;height:100%;max-width:100vw;max-height:100vh;border-radius:0}.modal-header{padding:1.25rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h3{font-size:1.25rem}.modal-close-btn{background:transparent;border:none;font-size:1.5rem;color:var(--subtle-text-color);cursor:pointer}.modal-body{padding:1.5rem;overflow-y:auto;flex-grow:1}.modal-body--no-padding{padding:0;overflow:hidden}.modal-form .form-actions{margin-top:1.5rem;border-top:none;padding-top:0}.modal-form{display:flex;flex-direction:column;gap:1.5rem}.multi-select-container{position:relative;width:100%}.multi-select-input-wrapper{position:relative}.multi-select-icon{position:absolute;inset-inline-start:.75rem;top:50%;transform:translateY(-50%);color:var(--subtle-text-color);pointer-events:none;width:1.25rem;height:1.25rem}.multi-select-input{width:100%;padding-inline-start:2.5rem!important}.multi-select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:10;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:0 0 6px 6px;margin-top:4px;max-height:250px;overflow-y:auto;list-style:none;padding:.25rem 0;box-shadow:0 4px 6px #0000001a}.multi-select-dropdown-item{padding:.6rem 1rem;cursor:pointer;transition:background-color .2s}.multi-select-dropdown-item:hover{background-color:var(--subtle-background)}.multi-select-message{padding:.6rem 1rem;color:var(--subtle-text-color);display:flex;justify-content:center;align-items:center}.multi-select-message .loader{width:20px;height:20px}.multi-select-tags{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.multi-select-tag{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--subtle-background);color:var(--text-color);padding:.25rem .75rem;border-radius:1rem;font-size:.85rem;font-weight:500;border:1px solid var(--border-color)}.multi-select-tag-remove{background:none;border:none;cursor:pointer;color:var(--subtle-text-color);font-size:1.2rem;line-height:1;padding:0}.multi-select-tag-remove:hover{color:var(--danger-color)}.progress-bar-container{width:100%;height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--subtle-text-color);border-radius:4px;transition:width .5s ease-in-out}.progress-bar-container.warning .progress-bar-fill{background-color:var(--secondary-color)}.progress-bar-container.success .progress-bar-fill{background-color:var(--success-color)}.tabs-container{display:flex;flex-direction:column;gap:1.5rem}.tabs-nav{display:flex;border-bottom:1px solid var(--border-color);overflow-x:auto;scrollbar-width:none}.tabs-nav::-webkit-scrollbar{display:none}.tab-btn{padding:.75rem 1.25rem;cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;color:var(--subtle-text-color);font:inherit;font-weight:500;font-size:1rem;display:flex;align-items:center;gap:.5rem;margin-bottom:-1px;transition:color .2s,border-color .2s;white-space:nowrap}.tab-btn:hover{color:var(--text-color)}.tab-btn.active{color:var(--secondary-color);border-bottom-color:var(--secondary-color)}.tab-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast-container{position:fixed;top:1.5rem;inset-inline-end:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:380px}.toast{background-color:var(--surface-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;align-items:flex-start;padding:1rem;border-inline-start:4px solid var(--border-color);animation:slideIn .3s ease-out forwards;opacity:0;position:relative;overflow:hidden}.toast.toast-success{border-inline-start-color:var(--success-color)}.toast.toast-error{border-inline-start-color:var(--danger-color)}.toast.toast-info{border-inline-start-color:var(--info-color)}.toast.toast-warning{border-inline-start-color:var(--warning-color)}.toast-icon{flex-shrink:0;margin-inline-end:1rem;width:24px;height:24px}.toast.toast-success .toast-icon{color:var(--success-color)}.toast.toast-error .toast-icon{color:var(--danger-color)}.toast.toast-info .toast-icon{color:var(--info-color)}.toast.toast-warning .toast-icon{color:var(--warning-color)}.toast-content{flex-grow:1}.toast-title{font-weight:600;margin:0 0 .25rem;color:var(--text-color)}.toast-message{margin:0;font-size:.9rem;color:var(--subtle-text-color);line-height:1.5;word-break:break-word}.toast-close-btn{background:transparent;border:none;color:var(--subtle-text-color);font-size:1.5rem;cursor:pointer;padding:0 .5rem;line-height:1;margin-inline-start:1rem;align-self:center}@keyframes slideIn{0%{opacity:0;transform:translate(var(--slide-in-translateX))}to{opacity:1;transform:translate(0)}}.view-switcher{display:flex;background-color:var(--subtle-background);padding:.25rem;border-radius:8px;align-items:center}.view-switcher .view-mode-btn{flex:1;border:none;background:transparent;padding:.5rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--subtle-text-color);transition:all .2s}.view-switcher .view-mode-btn .icon{width:1.25rem;height:1.25rem}.view-switcher .view-mode-btn:hover{color:var(--text-color)}.view-switcher .view-mode-btn.active{background-color:var(--surface-color);color:var(--text-color);box-shadow:0 1px 2px #0000000d}.table-container{overflow-x:auto;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px}table{width:100%;border-collapse:collapse}th,td{padding:.75rem 1rem;text-align:inherit;border-bottom:1px solid var(--border-color)}thead th{font-weight:600;color:var(--subtle-text-color);font-size:.9rem;background:var(--subtle-background)}tbody tr{transition:background-color .2s}tbody tr:last-child th,tbody tr:last-child td{border-bottom:none}tbody tr:hover{background-color:var(--subtle-background)}.table-container td .loader{width:20px;height:20px;border-width:2px}.table-container-simple{overflow:visible;background:transparent;border:none;border-radius:0}.table-container-simple table{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--surface-color)}.simple-table th,.simple-table td{border:none;border-bottom:1px solid var(--border-color)}.simple-table tr:last-child td{border-bottom:none}.table-link-button{background:none;border:none;color:var(--text-color);cursor:pointer;font:inherit;padding:0;text-align:inherit;text-decoration:none}.table-link-button:hover{color:var(--secondary-color);text-decoration:underline}.view-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.search-bar{position:relative;flex-grow:1;min-width:250px}.search-bar input{padding-inline-start:2.5rem}.search-bar .icon{position:absolute;inset-inline-start:.75rem;top:50%;transform:translateY(-50%);color:var(--subtle-text-color)}.header-actions,.create-list-form{display:flex;gap:1rem;align-items:center}.create-list-form .btn{flex-shrink:0;white-space:nowrap}.create-list-form input{min-width:200px}.page-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-background);display:flex;align-items:center;justify-content:center;z-index:2000}.account-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.account-card{display:flex;gap:1rem;padding:1.25rem;align-items:center}.card-icon-wrapper{background:var(--subtle-background);padding:.75rem;border-radius:50%;color:var(--secondary-color);display:inline-flex;align-items:center;justify-content:center}.card-details .card-title{font-size:.9rem;color:var(--subtle-text-color);margin-bottom:.25rem}.card-details .card-content{font-size:1.5rem;font-weight:700}.account-view-container{width:100%}.profile-hero{display:flex;gap:2rem;align-items:center;background:var(--surface-color);padding:2rem;border-radius:12px;border:1px solid var(--border-color);justify-content:space-between;flex-wrap:wrap}.profile-actions{align-self:flex-start}.profile-field-value{font-size:1rem;font-weight:500;color:var(--text-color);background-color:var(--subtle-background);padding:.75rem;border-radius:6px;border:1px solid var(--border-color);min-height:calc(1.5rem + 1.7em);display:flex;align-items:center;line-height:1.7;word-break:break-word;text-align:start}.profile-avatar{width:80px;height:80px;flex-shrink:0;background:var(--subtle-background);border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar .icon{width:40px;height:40px;color:var(--secondary-color)}.profile-info h3{font-size:1.75rem;margin:0}.profile-email{color:var(--subtle-text-color);margin-bottom:.5rem}.profile-meta{display:flex;flex-direction:row;align-items:center;gap:.75rem;font-size:.9rem;margin-top:1rem}.reputation-score{font-size:inherit;font-weight:700;margin-right:.5rem}.reputation-score.good{color:var(--success-color)}.reputation-score.medium{color:var(--warning-color)}.reputation-score.bad{color:var(--danger-color)}.edit-profile-avatar-uploader{display:flex;align-items:center;gap:1.5rem}.edit-profile-avatar-preview{width:80px;height:80px;border-radius:50%;object-fit:cover;background-color:var(--subtle-background);border:2px solid var(--border-color)}.edit-profile-avatar-uploader .form-group{flex-grow:1}.edit-profile-avatar-uploader label{display:block;margin-bottom:.5rem}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.4s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--secondary-color)}input:checked+.toggle-slider:before{transform:translate(22px)}.credit-history-table td:last-child{text-align:end;font-weight:600;color:var(--success-color)}.account-tab-content{display:flex;flex-direction:column;gap:2rem}.account-tab-card{background-color:var(--surface-color);border-radius:8px;border:1px solid var(--border-color)}.account-tab-card-header{padding:1.25rem;border-bottom:1px solid var(--border-color)}.account-tab-card-header h3{font-size:1.25rem;margin:0}.account-tab-card-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.account-tab-card-body>p:first-of-type{color:var(--subtle-text-color);margin-top:-.5rem;font-size:.9rem;margin-bottom:1rem}.account-tab-card .form-actions{margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color);background-color:var(--subtle-background);padding:1rem 1.5rem;margin:1.5rem -1.5rem -1.5rem;border-radius:0 0 8px 8px}.embed-code-display{background-color:var(--subtle-background);border:1px solid var(--border-color);border-radius:6px;padding:1rem;overflow-x:auto}.embed-code-display pre{margin:0}.embed-code-display code{font-family:monospace;font-size:.85rem;word-break:break-all;white-space:pre-wrap}@media (max-width: 768px){.profile-hero{flex-direction:column;align-items:center;text-align:center}.profile-hero>div:first-child{flex-direction:column;align-items:center;width:100%}.profile-info{display:flex;flex-direction:column;align-items:center}.profile-actions{width:100%;margin-top:1rem}.profile-actions .btn{width:100%}}.auth-box h1{margin:0 0 .5rem;line-height:1.2}.auth-box p{color:var(--subtle-text-color);margin-bottom:2rem}.auth-container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background-color:var(--subtle-background);background-image:radial-gradient(at 0% 0%,var(--auth-gradient-start) 0px,transparent 50%),radial-gradient(at 98% 98%,var(--auth-gradient-start) 0px,transparent 50%)}.auth-box{width:100%;max-width:420px;background:var(--surface-color);padding:2.5rem;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1rem}.input-group{position:relative}.input-group .input-icon{position:absolute;inset-inline-start:.75rem;top:50%;transform:translateY(-50%);color:var(--subtle-text-color);pointer-events:none}.input-group input{padding-inline-start:3rem}.input-group.has-btn input{padding-inline-end:3rem}.input-icon-btn{position:absolute;inset-inline-end:.25rem;top:.25rem;bottom:.25rem;width:2.5rem;background:transparent;border:none;color:var(--subtle-text-color);cursor:pointer;z-index:2}.auth-form .btn{margin-top:1rem;padding:.8rem;font-size:1rem}.auth-separator{margin:1.5rem 0;font-size:.9rem;color:var(--subtle-text-color)}.auth-switch{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color);font-size:.9rem;color:var(--subtle-text-color)}.auth-switch p{margin-bottom:.75rem}.auth-switch .link-button{font-size:inherit}.auth-switch-button{width:100%;padding:.75rem 1.25rem;border-radius:99px;border:1px solid var(--border-color);background-color:transparent;color:var(--text-color);font-weight:500;font-family:inherit;font-size:.95rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.auth-switch-button:hover{border-color:var(--secondary-color);color:var(--secondary-color);background-color:var(--subtle-background)}.auth-language-switcher{margin-top:2rem;text-align:center;font-size:.9rem;color:var(--subtle-text-color)}.auth-language-switcher button{background:none;border:none;color:var(--subtle-text-color);cursor:pointer;font-family:inherit;font-size:inherit;padding:0 .5rem;font-weight:500}.auth-language-switcher button.active{color:var(--text-color);font-weight:700}.auth-language-switcher span{margin:0 -.25rem}.buy-credits-view{display:flex;flex-direction:column;gap:2rem}.balance-display-card{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;padding:1.5rem 2rem}.balance-info{display:flex;align-items:center;gap:1.5rem}.balance-icon{width:40px;height:40px;color:var(--secondary-color)}.balance-info div{display:flex;flex-direction:column}.balance-title{font-size:1rem;color:var(--subtle-text-color);margin-bottom:.25rem}.balance-amount{font-size:2.5rem;font-weight:700;line-height:1;display:flex;align-items:center}.webhook-info{font-size:.85rem;color:var(--subtle-text-color);background:var(--subtle-background);padding:1rem;border-radius:8px;border:1px solid var(--border-color);margin-top:1rem}.webhook-info code{background:var(--surface-color);padding:2px 4px;border-radius:4px}.credit-selector-container{padding:2.5rem;max-width:none;margin:0;display:flex;flex-direction:column;gap:2.5rem}.credit-selector-display{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.credit-amount-display h2{font-size:4rem;font-weight:700;line-height:1.1;color:var(--text-color);margin:0}.credit-amount-display span{font-size:1.1rem;color:var(--subtle-text-color);font-weight:500}.total-price-display{font-size:1.2rem;font-weight:500;color:var(--subtle-text-color);margin-top:.5rem}.credit-slider-wrapper{display:flex;flex-direction:column;gap:.75rem}.credit-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:var(--border-color);border-radius:5px;outline:none;transition:opacity .2s;cursor:pointer}html[data-theme=dark] .credit-slider{background:var(--input-background-color)}.credit-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:var(--secondary-color);border-radius:50%;border:4px solid var(--surface-color);box-shadow:0 1px 5px #0003;cursor:pointer;margin-top:-8px}.credit-slider::-moz-range-thumb{width:24px;height:24px;background:var(--secondary-color);border-radius:50%;border:4px solid var(--surface-color);box-shadow:0 1px 5px #0003;cursor:pointer}.credit-slider-labels{display:flex;justify-content:space-between;font-size:.8rem;color:var(--subtle-text-color);padding:0 5px}.credit-selector-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.price-per-credit{font-size:1.25rem;color:var(--subtle-text-color);font-weight:500}.price-per-credit strong{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-left:.5rem}.credit-selector-footer .btn{min-width:120px;font-size:1rem;padding:.8rem 1.5rem}.calendar-container{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.calendar-nav{display:flex;align-items:center;gap:1rem}.calendar-nav h2{font-size:1.5rem;font-weight:600;margin:0;min-width:180px;text-align:center}.calendar-nav .btn{padding:.5rem 1rem}.calendar-nav .btn .icon{width:1.25rem;height:1.25rem}.calendar-nav .btn .btn-text{display:none}.calendar-grid-wrapper{overflow-x:auto}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background-color:var(--border-color);border:1px solid var(--border-color);min-width:700px}.calendar-day-header,.calendar-day{background-color:var(--surface-color);padding:.75rem}.calendar-day-header{font-weight:600;color:var(--subtle-text-color);text-align:center;font-size:.9rem}.calendar-day{min-height:120px;display:flex;flex-direction:column;transition:background-color .2s}.calendar-day .day-number{font-weight:500}.calendar-day.is-other-month .day-number{color:var(--subtle-text-color);opacity:.6}.calendar-day.is-today .day-number{background-color:var(--secondary-color);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.day-events{margin-top:.5rem;flex-grow:1;display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.event-badge{background-color:rgba(var(--info-color),.15);color:var(--info-color);padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}[dir=rtl] .event-badge{text-align:right}@media (min-width: 600px){.calendar-nav .btn .btn-text{display:inline-block}}@media (max-width: 768px){.calendar-header{flex-direction:column;gap:1rem}}.campaign-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.campaign-detail-header h2{font-size:2.4rem;margin:0;font-weight:700;word-break:break-all}.campaign-detail-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:2.5rem}.campaign-detail-content-preview{width:100%;height:60vh;border:1px solid var(--border-color);border-radius:8px}.campaign-report-container{display:flex;flex-direction:column;gap:2.5rem}.campaign-stats-table-card .table-container-simple{border:none;border-radius:0}.campaign-stats-table-card table{width:100%}.campaign-stats-table-card .simple-table th{padding:.75rem 1rem;background:var(--surface-color);text-align:start}.campaign-stats-table-card td{padding:.9rem 1rem;font-size:.95rem}.campaign-stats-table-card tr:hover{background-color:var(--subtle-background)}.campaign-stats-table-card .badge{min-width:60px;text-align:center}.final-summary-container{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:2rem}.final-summary-container h3{font-size:1.5rem;margin-top:0;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.final-summary-grid{display:grid;grid-template-columns:max-content 1fr;gap:1.5rem 2rem;align-items:center}.final-summary-grid dt{color:var(--subtle-text-color);font-weight:500}.final-summary-grid dd{text-align:end;font-weight:600;word-break:break-all}.final-summary-grid .separator{grid-column:1 / -1;border:0;height:1px;background-color:var(--border-color);margin:.5rem 0}.campaign-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 992px){.campaign-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1400px){.campaign-grid{grid-template-columns:repeat(3,1fr)}}.campaign-card{padding:0;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease}.campaign-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000014}.campaign-card-content{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;flex-grow:1}.campaign-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.campaign-card-title-group{flex-grow:1}.campaign-card-title{font-size:1.25rem;font-weight:600;word-break:break-word;margin:0}.campaign-card-date{font-size:.85rem;color:var(--subtle-text-color);margin-top:.25rem}.campaign-card-subject{font-size:1.1rem;font-weight:500;color:var(--text-color);margin:0;word-break:break-word}.campaign-card-template,.campaign-row-template{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;background-color:var(--subtle-background);border:1px solid var(--border-color);border-radius:6px;font-size:.85rem;font-weight:500;color:var(--subtle-text-color);cursor:pointer;transition:all .2s ease;font-family:inherit}.campaign-card-template:hover,.campaign-row-template:hover{background-color:var(--border-color);color:var(--text-color)}.campaign-card-template .icon,.campaign-row-template .icon{width:1rem;height:1rem;color:var(--secondary-color)}.campaign-card-template .loader,.campaign-row-template .loader{width:1rem;height:1rem;border-width:2px}.campaign-card-template:disabled,.campaign-row-template:disabled{cursor:not-allowed;opacity:.7}.campaign-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.campaign-stat-item{text-align:center}.campaign-stat-item .stat-value{font-size:1.75rem;font-weight:700;display:block;line-height:1.2}.campaign-stat-item .stat-label{font-size:.75rem;color:var(--subtle-text-color);text-transform:uppercase;margin-top:.25rem;display:block}.campaign-card-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-color);background-color:var(--subtle-background);display:flex;justify-content:flex-end;align-items:center}.campaign-card-footer .btn-danger{padding:.75rem}.campaign-row-subject{font-size:.9rem;color:var(--subtle-text-color);margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.campaign-row-template{margin-top:.5rem}.campaign-row-date{font-size:.8rem;color:var(--subtle-text-color);margin-top:.5rem}.contacts-view-layout{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:flex-start}.contact-status-filter .card-header{padding:1rem 1.25rem}.contact-status-filter .card-body{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.contact-status-filter-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:4px;cursor:pointer;transition:background-color .2s}.contact-status-filter-item:hover{background-color:var(--subtle-background)}.contact-status-filter-item .custom-checkbox{flex-grow:1}.contact-status-filter-item .badge{background-color:var(--subtle-background);color:var(--text-color);font-weight:600}html[data-theme=dark] .contact-status-filter-item .badge{background-color:var(--border-color)}.contacts-view-header-sticky{position:sticky;top:0;z-index:10;padding:1rem;margin:0rem 0rem 1rem;background-color:rgba(var(--surface-color-rgb-for-sticky),.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:2px solid var(--border-color)}.contacts-header{display:flex;gap:1.5rem;align-items:center;width:100%}.contacts-selection-header{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--surface-color);cursor:pointer;transition:background-color .2s;font-weight:500;white-space:nowrap}.contacts-selection-header:hover{background-color:var(--subtle-background)}.contacts-selection-header input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.contacts-selection-header .checkbox-checkmark{top:0;left:0;position:relative}.contacts-header .search-bar{flex-grow:2}.contacts-header .header-actions{flex-shrink:0}.contacts-view-main{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 992px){.contacts-view-layout{grid-template-columns:1fr}}@media (max-width: 600px){.contacts-header{flex-direction:column;align-items:stretch}.header-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.header-actions .btn .btn-text{display:none}.header-actions .btn{padding:.75rem}}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.contact-card{padding:0;transition:all .2s;cursor:pointer}.contact-card:hover{border-color:#d1d5db}.contact-card.selected{border-color:var(--secondary-color);box-shadow:0 0 0 2px rgba(var(--info-color),.2);transform:translateY(-2px)}.contact-card-main{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem}.contact-card-name{font-weight:600;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-card-email{font-size:.9rem;color:var(--subtle-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-card-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-top:1px solid var(--border-color);background:var(--subtle-background)}.contact-card-footer small{font-size:.8rem;color:var(--subtle-text-color)}.action-buttons{display:flex;gap:.25rem}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:.75rem;padding-top:2rem;margin-top:2rem;border-top:1px solid var(--border-color)}.pagination-controls button{padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border-color);background-color:var(--surface-color);color:var(--text-color);font-weight:500;font-family:inherit;font-size:.9rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.pagination-controls button:hover{background-color:var(--subtle-background);border-color:#d1d5db}.pagination-controls button:disabled{opacity:.6;cursor:not-allowed}.pagination-controls .pagination-page-info{font-size:.9rem;font-weight:500;color:var(--subtle-text-color);min-width:80px;text-align:center}.contact-details-grid,.file-details-grid{display:grid;grid-template-columns:auto 1fr;gap:.75rem 1.5rem;align-items:center}.contact-details-grid dt,.file-details-grid dt{font-weight:500;color:var(--subtle-text-color)}.contact-details-grid .grid-separator{grid-column:1 / -1;border-bottom:1px solid var(--border-color);margin:1rem 0;padding-bottom:.5rem}.contact-details-grid .full-width-dd{grid-column:1 / -1}.file-dropzone{border:2px dashed var(--border-color);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s}.file-dropzone:hover,.file-dropzone.drag-over{border-color:var(--secondary-color);background-color:var(--subtle-background)}.file-dropzone p{color:var(--subtle-text-color);margin:0}.file-dropzone p strong{color:var(--secondary-color)}.file-dropzone .file-name{color:var(--text-color);font-weight:500}.bulk-actions-bar{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);width:calc(100% - 300px);max-width:800px;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 5px 20px #0000001a;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;z-index:50;animation:slideUp .3s ease-out}@media (max-width: 768px){.bulk-actions-bar{width:calc(100% - 2rem);bottom:1rem;flex-direction:column;gap:1rem}}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.bulk-actions-bar-info{font-weight:600}.bulk-actions-bar-actions{display:flex;gap:1rem;align-items:center}.dynamic-fields-container{display:flex;flex-direction:column;gap:.75rem}.dynamic-field-row{display:grid;grid-template-columns:1fr 1fr auto;gap:.75rem;align-items:center}.dynamic-field-row .btn-icon{margin-top:-.25rem}.contact-detail-grid{grid-template-columns:1fr 1fr;align-items:start}@media (max-width: 992px){.contact-detail-grid{grid-template-columns:1fr}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;margin-top:1.2rem;flex-wrap:wrap}.dashboard-actions{display:flex;gap:1rem;flex-wrap:wrap}.dashboard-actions .btn-notifications{position:relative;padding:.75rem}.dashboard-actions .notification-dot{position:absolute;top:6px;right:6px;width:10px;height:10px;background-color:var(--danger-color);border-radius:50%;border:2px solid var(--surface-color);pointer-events:none}.cta-banner{background-color:var(--surface-color);border:1px solid rgba(var(--border-color-rgb),.4);border-radius:12px;padding:2rem;display:flex;align-items:center;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}html[data-theme=dark] .cta-banner{background:linear-gradient(135deg,rgba(var(--info-color),.05),rgba(var(--info-color),0))}.cta-banner-icon{flex-shrink:0}.cta-banner-icon .icon{width:4rem;height:4rem;color:var(--subtle-text-color)}.cta-banner-text{flex-grow:1}.cta-banner-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--secondary-color)}.cta-banner-desc{color:var(--subtle-text-color);max-width:450px;line-height:1.5}.cta-banner-action{margin-inline-start:auto;flex-shrink:0}@media (max-width: 992px){.cta-banner{flex-direction:column;text-align:center;gap:1.5rem}.cta-banner-action{margin:1rem auto 0;width:100%;max-width:100%}.cta-banner-action .btn{width:100%}}@media (max-width: 768px){.cta-banner,.hide-on-mobile{display:none}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-actions{width:100%;display:flex;gap:.75rem}.dashboard-actions .btn-credits{flex-grow:1}.dashboard-actions .btn-notifications{flex-shrink:0}}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem}.narrow-stat-card{display:flex;align-items:center;padding:1rem 1.25rem;gap:1rem}.narrow-stat-card-icon{width:2rem;height:2rem;color:var(--secondary-color);flex-shrink:0}.narrow-stat-card-title{font-size:.9rem;color:var(--subtle-text-color);margin-right:auto;white-space:nowrap}[dir=rtl] .narrow-stat-card-title{margin-right:0;margin-left:auto}.narrow-stat-card-value{font-size:1.5rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;height:1.5rem}.narrow-stat-card-value .line-loader{width:60px}@media (max-width: 992px){.dashboard-stats-grid{grid-template-columns:1fr}}.dashboard-section{margin-top:2.5rem}.dashboard-section-header{margin-bottom:1.5rem}.dashboard-section-header h3{font-size:1.5rem;margin-bottom:.25rem}.dashboard-section-header p{color:var(--subtle-text-color)}.dashboard-nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.nav-card{padding:1.25rem 1.5rem;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;gap:1.25rem;position:relative}.nav-card-icon{width:2.5rem;height:2.5rem;color:var(--secondary-color);flex-shrink:0}.nav-card-text-content{flex-grow:1}.nav-card-title{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.nav-card-description{font-size:.9rem;color:var(--subtle-text-color);line-height:1.4}.dashboard-branding-footer{text-align:center;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border-color);color:var(--subtle-text-color);font-size:.9rem}.theme-switcher,.language-switcher{display:flex;gap:.5rem;background-color:var(--subtle-background);padding:.25rem;border-radius:8px;max-width:300px}.theme-switcher button,.language-switcher button{flex:1;border:none;background:transparent;padding:.5rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;font-family:inherit;font-weight:700;color:var(--subtle-text-color)}.theme-switcher button.active,.language-switcher button.active{background-color:var(--surface-color);color:var(--text-color);box-shadow:0 1px 2px #0000000d;font-weight:500}.add-domain-form{display:flex;gap:1rem;flex-grow:1}.add-domain-form .btn{flex-shrink:0;white-space:nowrap}.domain-status-pills{display:flex;flex-wrap:wrap;gap:.5rem}.domain-verification-checker{padding:1rem;background-color:var(--subtle-background)}.check-all-btn{width:100%;margin-bottom:1.5rem}.dns-records-list{display:flex;flex-direction:column;gap:1rem}.dns-record-item{background-color:var(--surface-color);border-radius:6px;border:1px solid var(--border-color)}.dns-record-item-header{padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.dns-record-item-header h4{font-size:1rem}.verification-status{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}.status-checking{color:var(--info-color)}.status-verified{color:var(--success-color)}.status-failed{color:var(--danger-color)}.icon-spinner{animation:spin 1.5s linear infinite}.dns-record-details{padding:1rem;border-top:1px solid var(--border-color);font-size:.9rem;display:flex;flex-direction:column;gap:.5rem}.dns-record-details code{background-color:var(--subtle-background);padding:.25rem .5rem;border-radius:4px;word-break:break-all}.email-builder-view-container{height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden;background-color:var(--background-color);position:relative}.page-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-background);display:flex;align-items:center;justify-content:center;z-index:100}.email-builder-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--surface-color);border-bottom:1px solid var(--border-color);flex-shrink:0;z-index:10;gap:1.5rem}.email-builder-header-left,.email-builder-header-right{display:flex;align-items:center;gap:.5rem}.email-builder-header-right .btn-primary span{display:none}@media (min-width: 768px){.email-builder-header-right .btn-primary span{display:inline}}.email-builder-header-left .btn-icon.active{color:var(--secondary-color);background-color:rgba(var(--info-color),.1)}@media (max-width: 768px){.email-builder-header{flex-wrap:wrap}.email-builder-header-left{order:1;width:100%;justify-content:space-around}.email-builder-header-right{order:2;width:100%}.email-builder-header-right .input-with-icon{flex-grow:1}}.email-builder-test-panel{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:1rem;display:flex;flex-direction:column;gap:1rem;position:absolute;top:65px;left:0;right:0;transform:translateY(-120%);transition:transform .3s ease-in-out;z-index:9}.email-builder-test-panel.visible{transform:translateY(0)}.email-builder-test-panel-row{display:flex;gap:1rem}.email-builder-test-panel .form-group{flex-grow:1}@media (max-width: 768px){.email-builder-test-panel{top:129px}}.email-builder-container{flex-grow:1;display:flex;overflow:hidden;position:relative}.builder-toolbar{width:280px;background-color:var(--surface-color);border-right:1px solid var(--border-color);padding:1rem;overflow-y:auto;flex-shrink:0}.toolbar-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.toolbar-item{background-color:var(--subtle-background);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:grab;transition:all .2s ease}.toolbar-item:hover{background-color:var(--border-color);border-color:var(--subtle-text-color)}.toolbar-item .icon{width:2rem;height:2rem;color:var(--secondary-color)}.toolbar-item span{font-size:.85rem;font-weight:500}.builder-canvas-wrapper{flex-grow:1;overflow:auto;padding:2rem;transition:background-color .3s}.builder-canvas-wrapper>div.is-mobile-view{display:flex;justify-content:center}.builder-canvas-wrapper>div.is-mobile-view .builder-canvas{max-width:375px;width:100%}.builder-canvas{max-width:600px;width:100%;margin:0 auto;min-height:100%;box-shadow:0 5px 15px #0000001a;transition:all .3s}.canvas-placeholder{display:flex;align-items:center;justify-content:center;min-height:300px;border:2px dashed var(--border-color);border-radius:8px;color:var(--subtle-text-color);font-weight:500}.canvas-item{position:relative;border:2px solid transparent;transition:border-color .2s}.canvas-item.selected{border-color:var(--secondary-color);box-shadow:0 0 0 2px var(--secondary-color)}.canvas-item.dragging{opacity:.5}.canvas-item-controls{display:none!important}.canvas-item:hover .canvas-item-add-wrapper{opacity:0;pointer-events:none}.canvas-item-actions-bar{position:absolute;top:-32px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;justify-content:space-between;background-color:var(--secondary-color);color:#fff;border-radius:6px;padding:.25rem .5rem;box-shadow:0 2px 8px #00000026;cursor:grab;white-space:nowrap}.canvas-item-actions-bar:active{cursor:grabbing}.canvas-item-actions-bar-left{display:flex;align-items:center;gap:.5rem;padding-right:1rem}.canvas-item-actions-bar-left span{font-size:.8rem;font-weight:500}.canvas-item-actions-bar-right{display:flex;align-items:center;gap:.25rem}.canvas-item-actions-bar .btn-icon{color:#fff;opacity:.8}.canvas-item-actions-bar .btn-icon:hover{background-color:#ffffff26;opacity:1}.canvas-item-actions-bar .btn-icon-danger:hover{background-color:var(--danger-color)}.canvas-item-add-wrapper{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);opacity:0;transition:opacity .2s;z-index:5;pointer-events:none}.canvas-item.selected .canvas-item-add-wrapper{opacity:1;pointer-events:auto}.canvas-item-add-button{width:28px;height:28px;border-radius:50%;background:var(--secondary-color);color:#fff;border:2px solid var(--surface-color);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #00000026}.canvas-item-add-button:hover{background:var(--secondary-color-dark)}.drag-overlay-item{width:150px;pointer-events:none}.drag-overlay-item .canvas-item{transform:scale(.9);box-shadow:0 10px 20px #0003}.code-view-pre{background:var(--subtle-background);padding:1rem;border-radius:8px;white-space:pre-wrap;word-break:break-all;max-height:70vh;overflow-y:auto}.add-block-popover{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem;background:var(--surface-color);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:.5rem;display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;width:250px;z-index:10}.add-block-popover-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;background:none;border:1px solid transparent;border-radius:6px;cursor:pointer;text-align:center;font-size:.8rem;color:var(--text-color)}.add-block-popover-item:hover{background-color:var(--subtle-background);border-color:var(--border-color)}.image-block{min-height:50px;position:relative}.image-placeholder-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--subtle-text-color);font-size:.9rem;text-align:center;padding:1rem;pointer-events:none}.column-layout-selector{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:2rem;align-items:center}.columns-block{display:flex}.column-droppable{min-height:100px;flex-grow:1;border:2px dashed transparent;transition:border-color .2s,background-color .2s;padding:8px}.column-droppable.is-over{border-color:var(--secondary-color);background-color:rgba(var(--info-color),.05)}.settings-panel-wrapper{position:absolute;top:0;inset-inline-end:0;bottom:0;width:320px;transform:translate(var(--settings-panel-translateX));transition:transform .3s ease-in-out;z-index:20;display:flex}.settings-panel-wrapper.is-open{transform:translate(0)}.settings-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000001a;z-index:-1;opacity:0;transition:opacity .3s}.settings-panel-wrapper.is-open .settings-panel-overlay{opacity:1}.builder-settings-panel{width:320px;background:var(--surface-color);border-inline-start:1px solid var(--border-color);display:flex;flex-direction:column;box-shadow:-5px 0 15px #0000000d}.settings-panel-header{padding:1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.settings-panel-header h3{margin:0;font-size:1.2rem}.settings-panel-body{flex-grow:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.settings-section-header{font-size:.9rem;font-weight:600;text-transform:uppercase;color:var(--subtle-text-color);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.control-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.control-row.full-width{flex-direction:column;align-items:stretch;gap:.5rem}.control-label{font-size:.9rem;font-weight:500;color:var(--text-color)}.color-input-wrapper{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border-color);border-radius:6px;padding:4px;background-color:var(--subtle-background)}.color-input-swatch{width:24px;height:24px;border-radius:4px;position:relative;overflow:hidden;border:1px solid var(--border-color)}.color-input-swatch input[type=color]{position:absolute;top:-2px;left:-2px;width:32px;height:32px;border:none;padding:0;cursor:pointer}.color-input-hex{font-family:monospace;font-size:.9rem;border:none;background:none;width:70px}.color-input-add-btn{width:34px;height:34px;border:1px dashed var(--border-color);border-radius:6px}.slider-control{display:flex;flex-direction:column;gap:.5rem}.slider-control .control-label{display:flex;justify-content:space-between}.slider-control .control-value{color:var(--subtle-text-color)}.slider-control input[type=range]{width:100%}.modern-padding-control{display:grid;grid-template-areas:"top top" "left right" "bottom bottom" "link link";grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:.5rem;justify-items:center;align-items:center;position:relative}.modern-padding-control input{width:100%;text-align:center}.padding-input-top{grid-area:top}.padding-input-right{grid-area:right}.padding-input-bottom{grid-area:bottom}.padding-input-left{grid-area:left}.padding-link-btn{grid-area:link;background:var(--subtle-background);border:1px solid var(--border-color)}.padding-link-btn.active{background:var(--secondary-color);color:#fff}.segmented-control{display:flex;background:var(--subtle-background);border-radius:6px;padding:2px}.segmented-control button{flex:1;border:none;background:transparent;padding:.4rem .6rem;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--subtle-text-color);display:flex;align-items:center;justify-content:center;gap:.4rem}.segmented-control.icon-only button{padding:.4rem}.segmented-control button.active{background:var(--surface-color);box-shadow:0 1px 3px #0000001a;color:var(--text-color)}.panel-input-with-unit{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.panel-input-with-unit input{border:none;width:60px;padding-right:0}.panel-input-with-unit .unit-label{padding:0 .5rem;font-size:.8rem;color:var(--subtle-text-color);background:var(--subtle-background);align-self:stretch;display:flex;align-items:center}.media-manager-modal .modal-content{max-width:90vw;width:1200px;height:90vh}.media-manager-modal-content{flex-grow:1;display:flex;flex-direction:column;gap:1rem;overflow:hidden}.media-manager-modal-content .file-container-view{flex-grow:1;overflow-y:auto;padding:.25rem}.file-grid-card-select{position:relative;aspect-ratio:1 / 1;overflow:hidden;cursor:pointer;border:none;background:none;padding:0;border-radius:8px}.file-grid-card-select-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.file-grid-card-select:hover .file-grid-card-select-thumbnail{transform:scale(1.05)}.file-grid-card-select-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.7) 100%);opacity:0;transition:opacity .3s ease}.file-grid-card-select:hover .file-grid-card-select-overlay{opacity:1}.file-grid-card-select-info{position:absolute;bottom:0;left:0;right:0;padding:.75rem;color:#fff;text-align:left}.file-grid-card-select-name{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 .1rem}.file-grid-card-select-meta{font-size:.8rem;opacity:.9;margin:0}.file-list-card-select{width:100%;cursor:pointer}.file-list-card-select:hover{background-color:var(--subtle-background)}.template-selector-modal .template-list-container{max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding:.25rem}.template-selector-modal .template-list-item{font-family:inherit;display:flex;flex-direction:column;width:100%;padding:.75rem 1rem;text-align:left;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s;line-height:1.4}.template-selector-modal .template-list-item:hover{background-color:var(--subtle-background);border-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 2px 8px #0000000d}.template-selector-modal .template-list-item span{font-weight:600;color:var(--text-color)}.template-selector-modal .template-list-item small{color:var(--subtle-text-color);font-size:.85rem;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 992px){.email-builder-container{flex-direction:column;overflow:auto}.builder-toolbar{width:100%;height:auto;flex-shrink:0;border-right:none;border-bottom:1px solid var(--border-color);overflow-y:hidden;overflow-x:auto;padding:.75rem;border-left:none}[dir=rtl] .builder-toolbar{border-right:none;border-left:none}.toolbar-grid{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.75rem;grid-template-columns:none}.toolbar-item{flex:0 0 auto;width:100px}.builder-toolbar::-webkit-scrollbar{height:4px;background-color:transparent}.builder-toolbar::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.builder-toolbar{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.builder-canvas-wrapper{padding:1rem;flex-grow:1}.canvas-item-actions-bar{padding:.2rem .4rem}.canvas-item-actions-bar-left span{font-size:.75rem}.settings-panel-wrapper{width:100%;height:60%;position:fixed;top:auto;bottom:0;right:0;left:0;transform:translateY(100%)}[dir=rtl] .settings-panel-wrapper{transform:translateY(100%)}.settings-panel-wrapper.is-open{transform:translateY(0)}.builder-settings-panel{width:100%;border-left:none;border-top:1px solid var(--border-color);box-shadow:0 -5px 15px #0000000d}[dir=rtl] .builder-settings-panel{border-right:none}}.list-grid{grid-template-columns:1fr}@media (min-width: 768px){.list-grid{grid-template-columns:repeat(2,1fr)}}.list-card-header{padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.list-card-header h3{font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;flex-grow:1}.list-card-meta-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.list-card-date{font-size:.9rem;color:var(--subtle-text-color);white-space:nowrap}.list-card .action-buttons{display:flex;gap:.25rem}.embed-container{padding:1.5rem;background-color:var(--background-color);height:100vh;overflow-y:auto;box-sizing:border-box}.embed-container .dashboard-stats-grid{margin-bottom:0}.embed-container .view-controls{margin-bottom:1.5rem}.file-container-view{display:grid;gap:1.5rem}.file-list-view{grid-template-columns:1fr}.file-grid-view{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.file-card{padding:1rem;display:flex;align-items:center;gap:1rem}.file-card-icon-wrapper{flex-shrink:0;width:50px;height:50px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--subtle-background);border:1px solid var(--border-color);cursor:pointer}.file-card-thumbnail{width:100%;height:100%;object-fit:cover}.file-card-icon-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.file-card-icon{width:2.5rem;height:2.5rem;color:var(--secondary-color)}.file-card-info{flex-grow:1;overflow:hidden;cursor:pointer}.file-card-name{font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.file-card-meta{font-size:.85rem;color:var(--subtle-text-color);display:flex;gap:.5rem}.file-card-actions{display:flex;gap:.25rem}.file-preview-image{max-width:100%;max-height:40vh;display:block;margin:0 auto;border-radius:8px;background:var(--subtle-background)}.file-grid-card{position:relative;aspect-ratio:1 / 1;overflow:hidden;display:flex;flex-direction:column;padding:0;cursor:pointer}.file-grid-card-preview{position:absolute;top:0;right:0;bottom:0;left:0}.file-grid-card-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.file-grid-card:hover .file-grid-card-thumbnail{transform:scale(1.05)}.file-grid-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--subtle-background)}.file-grid-card-placeholder .icon{width:4rem;height:4rem;color:var(--subtle-text-color)}.file-grid-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0009,#0000 40%,#0000 60%,#000c);opacity:0;transition:opacity .3s ease;display:flex;justify-content:flex-end;padding:.5rem;align-items:flex-start}.file-grid-card:hover .file-grid-card-overlay{opacity:1}.file-grid-card-actions{display:flex;gap:.25rem;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:6px;padding:.25rem}.file-grid-card-actions .btn-icon{color:#fff}.file-grid-card-actions .btn-icon:hover{background:#fff3}.file-grid-card-actions .btn-icon-danger:hover{color:var(--danger-color);background:rgba(var(--danger-color),.3)}.file-grid-card-info{position:absolute;bottom:0;left:0;right:0;padding:.75rem;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);pointer-events:none}.file-grid-card-name{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.1rem;text-shadow:1px 1px 3px rgba(0,0,0,.7)}.file-grid-card-meta{font-size:.8rem;opacity:.9;text-shadow:1px 1px 3px rgba(0,0,0,.7)}.onboarding-container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background-color:var(--subtle-background);background-image:linear-gradient(170deg,var(--subtle-background) 0%,var(--auth-gradient-start) 100%)}.onboarding-box{width:100%;max-width:700px;background:var(--surface-color);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;display:flex;flex-direction:column}.onboarding-progress{padding:1rem 2rem;border-bottom:1px solid var(--border-color);background-color:var(--subtle-background)}.progress-bar-wrapper{background-color:var(--border-color);border-radius:99px;height:8px;overflow:hidden}.progress-bar-inner{height:100%;background-color:var(--secondary-color);border-radius:99px;transition:width .3s ease-in-out}.onboarding-content{padding:2.5rem 3rem;text-align:center;flex-grow:1}.onboarding-step{animation:fadeIn .5s ease-in-out}.onboarding-logo{max-width:120px;max-height:80px;object-fit:contain;margin:0 auto 1.5rem}.onboarding-step h2{font-size:2rem;margin-bottom:.75rem}.onboarding-step>p{color:var(--subtle-text-color);max-width:500px;margin:0 auto 2.5rem}.onboarding-actions{display:flex;justify-content:space-between;margin-top:2.5rem;border-top:1px solid var(--border-color);padding:1.5rem 3rem;background-color:var(--subtle-background)}.onboarding-features-layout{display:grid;grid-template-columns:220px 1fr;gap:2rem;margin-top:2rem;height:400px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--subtle-background);overflow:hidden}.features-list{display:flex;flex-direction:column;gap:.5rem;padding:1rem;overflow-y:auto;border-right:1px solid var(--border-color)}[dir=rtl] .features-list{border-right:none;border-left:1px solid var(--border-color)}.feature-trigger{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:6px;border:none;background:transparent;cursor:pointer;text-align:left;font-family:inherit;font-size:.95rem;font-weight:500;color:var(--subtle-text-color);transition:all .2s ease}.feature-trigger .icon{width:20px;height:20px}.feature-trigger:hover{background-color:var(--surface-color);color:var(--text-color)}.feature-trigger.active{background-color:var(--secondary-color);color:#fff;box-shadow:0 2px 8px rgba(var(--info-color),.2)}.feature-trigger.coming-soon{opacity:.8}.feature-trigger.coming-soon:not(.active):hover{background-color:transparent;color:var(--subtle-text-color)}.feature-trigger-text{display:flex;align-items:center;justify-content:space-between;width:100%}.soon-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;background-color:#f59e0b33;color:var(--warning-color);padding:2px 6px;border-radius:4px;line-height:1}.feature-trigger.active .soon-badge{background-color:#fff3;color:#fff}.feature-display-panel{padding:2.5rem 2rem;background-color:var(--surface-color);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.feature-display-content{animation:fadeIn .4s ease}.feature-display-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--info-color),.1);margin:0 auto 1.5rem}.feature-display-icon .icon{width:32px;height:32px;color:var(--secondary-color)}.feature-display-panel h3{font-size:1.5rem;margin-bottom:.75rem;color:var(--text-color)}.feature-display-panel p{color:var(--subtle-text-color);max-width:350px;margin:0 auto;line-height:1.6}.onboarding-feature-separator{width:80px;height:4px;background-color:#ff4d4d;border-radius:2px;margin:1.5rem auto}.btn.btn-soon{background-color:var(--warning-color);color:#fff;border-color:var(--warning-color);border-radius:99px;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:not-allowed;opacity:1}.btn.btn-soon:hover{background-color:var(--warning-color)}.user-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.user-type-card{padding:1.5rem;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:start}.user-type-card:hover{border-color:var(--secondary-color);transform:translateY(-4px);box-shadow:0 4px 10px rgba(var(--info-color),.1)}.user-type-card.selected{border-color:var(--secondary-color);background-color:var(--subtle-background)}.user-type-card h4{font-size:1.2rem;margin-bottom:.5rem}.user-type-card p{font-size:.9rem;margin:0;color:var(--subtle-text-color)}.onboarding-api-key-form{margin-top:2rem;animation:fadeIn .3s}.onboarding-content .auth-form{text-align:start;gap:1.5rem}.onboarding-content .segmented-control{display:flex;background:var(--subtle-background);border-radius:6px;padding:2px}.onboarding-content .segmented-control button{flex:1;border:none;background:transparent;padding:.8rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;font-family:inherit;color:var(--subtle-text-color);transition:all .2s ease}.onboarding-content .segmented-control button.active{background:var(--surface-color);box-shadow:0 1px 3px #0000001a;color:var(--text-color);font-weight:600}.form-radio-group{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;border:1px solid var(--border-color);border-radius:6px;padding:.75rem;background-color:var(--input-background-color);min-height:calc(1.5rem + 1.7em)}.form-radio-group .custom-radio{padding-left:28px;margin-bottom:0}.form-radio-group .radio-checkmark{top:50%;transform:translateY(-50%);left:0;height:18px;width:18px}.form-radio-group .radio-label{font-weight:400;font-size:.95rem}.form-radio-group .custom-radio .radio-checkmark:after{top:3px;left:3px;width:8px;height:8px}.form-radio-group .radio-label{position:relative;top:-2px}.onboarding-step .theme-switcher,.onboarding-step .language-switcher{display:flex;gap:.35rem;background-color:var(--input-background-color);border:1px solid var(--border-color);padding:.35rem;border-radius:8px;width:100%}.onboarding-step .theme-switcher button,.onboarding-step .language-switcher button{flex:1;border:none;background:transparent;padding:.6rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;font-family:inherit;font-weight:500;color:var(--subtle-text-color);transition:all .2s}.onboarding-step .theme-switcher button.active,.onboarding-step .language-switcher button.active{background-color:var(--surface-color);color:var(--text-color);box-shadow:0 1px 2px #0000000d;border:1px solid rgba(0,0,0,.05)}html[data-theme=dark] .onboarding-step .theme-switcher button.active,html[data-theme=dark] .onboarding-step .language-switcher button.active{border-color:var(--border-color)}.onboarding-choice-group{display:flex;justify-content:center;background-color:var(--subtle-background);padding:.35rem;border-radius:8px;border:1px solid var(--border-color);max-width:450px;margin:2.5rem auto 0}.onboarding-choice-group .btn{flex:1;margin:0;border:none;box-shadow:none;font-weight:500}.onboarding-choice-group .btn:not(.btn-primary){background-color:transparent;color:var(--subtle-text-color)}.onboarding-choice-group .btn:not(.btn-primary):hover{background-color:rgba(var(--border-color-rgb),.5);color:var(--text-color)}.onboarding-choice-group .btn.btn-primary{box-shadow:0 1px 3px #0000001a}@media (max-width: 768px){.onboarding-box{max-width:100%;border-radius:0}.onboarding-content{padding:2rem 1.5rem}.user-type-selector{grid-template-columns:1fr}.onboarding-actions{padding:1rem 1.5rem}.onboarding-features-layout{grid-template-columns:1fr;height:auto}.features-list{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border-color)}[dir=rtl] .features-list{border-left:none}.feature-trigger{flex-direction:column;min-width:100px;font-size:.85rem}.feature-display-panel{padding:2rem 1.5rem}.features-list .feature-trigger .icon{display:none}}.segment-card{display:flex;flex-direction:column}.segment-card-header{padding:1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.segment-card-header h3{font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.segment-card-body{padding:1rem;flex-grow:1}.segment-card-body .segment-rule{background:var(--subtle-background);padding:.75rem;border-radius:4px;font-family:monospace;font-size:.85rem;word-break:break-all;margin-top:.5rem}.segment-card-footer{padding:.75rem 1rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--subtle-text-color)}.rule-builder-form{display:flex;flex-direction:column;gap:1.5rem}.rule-builder{border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.rule-list{display:flex;flex-direction:column;gap:1rem}.rule-group+.rule-group{padding-top:1rem}.rule-conjunction-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;margin-bottom:1rem}.rule-conjunction-toggle:before,.rule-conjunction-toggle:after{content:"";flex-grow:1;height:1px;background-color:var(--border-color)}.rule-conjunction-toggle button{padding:.25rem 1.5rem;border:1px solid var(--border-color);background:var(--surface-color);border-radius:99px;cursor:pointer;font-weight:500}.rule-conjunction-toggle button.active{background:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.rule-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:.75rem;align-items:center}@media (max-width: 600px){.rule-row{grid-template-columns:1fr}}.add-rule-btn-container{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--border-color)}.add-rule-btn{width:100%;background-color:var(--subtle-background)}.remove-rule-btn{margin-left:auto}.segment-evaluation-section{background-color:var(--subtle-background);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-top:1rem}.segment-rule-preview{font-size:.9rem;color:var(--subtle-text-color)}.segment-rule-preview code{display:block;margin-top:.5rem;font-family:monospace;color:var(--text-color);word-break:break-all}.segment-evaluation-action{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--border-color)}.segment-evaluation-action .loader{width:20px;height:20px}.evaluation-result{font-weight:500}.evaluation-result.error{color:var(--danger-color)}.quick-send-container{max-width:800px;margin:0 auto}.quick-send-header{margin-bottom:2rem}.quick-send-header h2{font-size:2.4rem;font-weight:700;margin-bottom:.5rem}.quick-send-header p{font-size:1.1rem;color:var(--subtle-text-color)}.quick-send-form{display:flex;flex-direction:column;gap:1.5rem}.quick-send-form .card-header h3{font-size:1.25rem;font-weight:600}.recipient-target-selector{display:flex;gap:2rem;margin-bottom:1.5rem}.recipient-count-display{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);text-align:center}.recipient-count-display strong{font-size:2rem;font-weight:700;display:block;min-height:40px}.recipient-count-display span{color:var(--subtle-text-color);font-size:.9rem}.recipient-count-display .loader{width:28px;height:28px;margin:0 auto}.template-summary{display:flex;align-items:center;gap:1rem;padding:.75rem;background-color:var(--subtle-background);border:1px solid var(--border-color);border-radius:6px}.template-summary .icon{color:var(--secondary-color)}.template-summary span{flex-grow:1;font-weight:500}.template-summary .btn{margin-left:auto}.btn-choose-template{width:100%;padding:2rem;background-color:transparent;border:2px dashed var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--subtle-text-color);transition:all .2s;font-family:inherit}.btn-choose-template:hover{border-color:var(--secondary-color);color:var(--secondary-color);background-color:var(--subtle-background)}.btn-choose-template .icon{width:2rem;height:2rem}.btn-choose-template span{font-weight:600;font-size:1rem}.quick-send-actions{margin-top:1.5rem;padding:1.5rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--subtle-background);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.quick-send-actions p{margin:0;color:var(--subtle-text-color);flex-basis:100%;max-width:400px}.quick-send-actions .action-buttons{display:flex;gap:1rem;margin-left:auto}@media (max-width: 600px){.quick-send-actions{flex-direction:column;align-items:stretch}.quick-send-actions p{text-align:center;max-width:none}.quick-send-actions .action-buttons{width:100%;margin-left:0;justify-content:space-between}.quick-send-actions .action-buttons .btn{flex-grow:1}}.wizard-layout-container{display:flex;width:100%;height:100%;background-color:var(--background-color);overflow:hidden}.wizard-sidebar{width:280px;flex-shrink:0;background-color:var(--surface-color);border-right:1px solid var(--border-color);padding:1.5rem;display:flex;flex-direction:column}.wizard-sidebar-header{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color)}.wizard-sidebar-header h4{margin:0;font-size:1.2rem}.wizard-sidebar-steps{display:flex;flex-direction:column;gap:.5rem}.wizard-sidebar-step{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:8px;background:none;border:none;text-align:left;cursor:pointer;transition:all .2s ease;width:100%;color:var(--subtle-text-color);font-size:.9rem;font:inherit}[dir=rtl] .wizard-sidebar-step{text-align:right}.wizard-sidebar-step:disabled{cursor:not-allowed;opacity:.6}.wizard-sidebar-step:not(:disabled):hover{background-color:var(--subtle-background);color:var(--text-color)}.wizard-step-number{width:32px;height:32px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;background-color:var(--subtle-background);border:1px solid var(--border-color);color:var(--subtle-text-color);transition:all .2s ease}.wizard-step-title{font-weight:500}.wizard-sidebar-step.completed .wizard-step-number{background-color:var(--success-color);border-color:var(--success-color);color:#fff}.wizard-sidebar-step.completed{color:var(--text-color)}.wizard-sidebar-step.active{background-color:var(--subtle-background);color:var(--text-color)}.wizard-sidebar-step.active .wizard-step-number{background-color:var(--secondary-color);border-color:var(--secondary-color);color:#fff}.wizard-sidebar-step.active .wizard-step-title{font-weight:600}.wizard-content{flex-grow:1;padding:2.5rem;overflow-y:auto;display:flex;justify-content:center}.wizard-content-card{background-color:var(--surface-color);border-radius:12px;border:1px solid var(--border-color);width:100%;max-width:800px;display:flex;flex-direction:column;height:fit-content;min-height:600px}.wizard-card-header{padding:1.5rem 2.5rem;border-bottom:1px solid var(--border-color)}.wizard-card-header h2{margin:0;font-size:1.8rem}.wizard-card-body{padding:2.5rem;flex-grow:1;display:flex;flex-direction:column}.wizard-card-footer{padding:1.5rem 2.5rem;margin-top:auto;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--subtle-background);border-radius:0 0 12px 12px}@media (max-width: 992px){.wizard-layout-container{flex-direction:column}.wizard-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-color);padding:1rem}.wizard-sidebar-header{display:none}.wizard-sidebar-steps{flex-direction:row;justify-content:space-between;align-items:flex-start;position:relative}.wizard-sidebar-steps:before{content:"";position:absolute;top:16px;left:24px;right:24px;height:2px;background-color:var(--border-color);transform:translateY(-50%);z-index:0}.wizard-sidebar-step{flex-direction:column;padding:0;gap:.5rem;position:relative;z-index:1;width:auto;flex:1;background:none!important}.wizard-sidebar-step .wizard-step-title{font-size:.8rem;text-align:center}.wizard-content{padding:1.5rem 1rem;flex-grow:1}.wizard-content-card{border-radius:12px;border:1px solid var(--border-color);min-height:0;flex-grow:1}.wizard-card-body{padding:1.5rem}.wizard-card-footer{padding:1rem 1.5rem}}.selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.selection-card{border:2px solid var(--border-color);border-radius:12px;padding:2rem;cursor:pointer;transition:all .2s ease;position:relative;min-height:150px;display:flex;flex-direction:column;justify-content:center;text-align:center}.selection-card:hover{border-color:var(--secondary-color);transform:translateY(-4px);box-shadow:0 4px 10px #0000000d}.selection-card.selected{border-color:var(--secondary-color);background-color:var(--subtle-background)}.selection-card h3{font-size:1.5rem;font-weight:700;margin:0 0 2rem;color:var(--text-color)}.selection-card-radio{position:absolute;bottom:1.5rem;left:1.5rem;width:24px;height:24px;border-radius:50%;border:2px solid var(--border-color);background-color:var(--surface-color);transition:all .2s}.selection-card.selected .selection-card-radio{border-color:var(--secondary-color);background-color:var(--secondary-color)}.selection-card.selected .selection-card-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:#fff}.selection-card.disabled{opacity:.5;cursor:not-allowed}.selection-card.disabled:hover{transform:none;box-shadow:none;border-color:var(--border-color)}@media (max-width: 600px){.selection-grid{grid-template-columns:1fr}}.wizard-step-intro{text-align:center;margin-bottom:2.5rem}.wizard-step-intro .icon{width:3rem;height:3rem;color:var(--secondary-color);margin-bottom:.75rem}.wizard-step-intro p{max-width:450px;margin:0 auto;color:var(--subtle-text-color)}.recipient-options{display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.recipient-count-display{text-align:center;margin-top:auto;padding-top:2rem}.recipient-count-display strong{display:block;font-size:2.5rem;font-weight:700;min-height:48px;display:flex;align-items:center;justify-content:center}.recipient-count-display span{color:var(--subtle-text-color)}.recipient-count-display .loader{width:32px;height:32px}.content-form-grid{display:grid;grid-template-columns:auto 1fr auto auto;gap:1.5rem;align-items:center}.content-form-grid label{font-weight:600}.content-form-grid .ai-sparkle{color:#f59e0b}.template-selector-display{display:flex;align-items:center;padding:.75rem;border-radius:6px;border:1px solid var(--border-color);background-color:var(--input-background-color);color:var(--subtle-text-color);cursor:pointer;transition:border-color .2s,box-shadow .2s;min-height:calc(1.5rem + 1.7em);font-family:inherit;font-size:1rem}.template-selector-display:hover{border-color:var(--secondary-color)}.template-selector-display .loader{width:20px;height:20px}.preview-iframe{width:100%;height:100%;border:none}.wizard-settings-container{display:flex;flex-direction:column;gap:2rem;text-align:left}[dir=rtl] .wizard-settings-container{text-align:right}.wizard-settings-section{display:flex;flex-direction:column;gap:1rem}.wizard-settings-section h4{margin:0;font-size:1.1rem;font-weight:600}.wizard-settings-toggle-group{display:flex;align-items:center;gap:.75rem}.optimization-options{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem;padding-inline-start:1.5rem;margin-inline-start:14px;border-inline-start:2px solid var(--border-color)}.sending-options-list{display:flex;flex-direction:column;gap:1rem}.sending-option-card{display:flex;align-items:flex-start;gap:1.5rem;min-height:auto;padding:1.5rem}.sending-option-card .selection-card-radio{position:static;flex-shrink:0;height:20px;width:20px;border:2px solid var(--border-color);border-radius:50%;background-color:var(--surface-color);transition:all .2s;position:relative;top:2px}.sending-option-card:hover .selection-card-radio{border-color:var(--secondary-color)}.sending-option-card.selected .selection-card-radio{background-color:var(--secondary-color);border-color:var(--secondary-color)}.sending-option-card.selected .selection-card-radio:after{content:"";position:absolute;display:block;top:4px;left:4px;width:8px;height:8px;transform:none;background:#fff;border-radius:50%}.sending-option-card-content{flex-grow:1;display:flex;align-items:center;justify-content:space-between;gap:1rem}.sending-option-card-details{display:flex;flex-direction:row;gap:1.5rem;align-items:center}.sending-option-card-title{font-size:1.25rem;font-weight:700;margin:0}.sending-option-datetime-input{border:1px solid var(--border-color);background:var(--subtle-background);padding:.5rem;border-radius:6px;font-family:inherit;color:var(--text-color)}.sending-option-datetime-input:focus-visible{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 2px rgba(var(--info-color),.2)}.sending-option-card-icon{color:var(--subtle-text-color);width:2.5rem;height:2.5rem;flex-shrink:0}.sending-option-card.selected .sending-option-card-icon{color:var(--secondary-color)}.final-summary{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.main-credential-card .smtp-card-body{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:center}.smtp-detail-item{display:flex;flex-direction:column;gap:.25rem}.smtp-detail-item label{font-size:.9rem;color:var(--subtle-text-color)}.smtp-detail-item strong{font-size:1.1rem}.monospace{font-family:monospace}.secret-value-wrapper{display:flex;align-items:center;gap:.5rem}.secret-value-wrapper input{flex-grow:1}.secret-value-wrapper button{flex-shrink:0}.full-span{grid-column:1 / -1}.smtp-additional-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.smtp-additional-card .card-header{padding:1rem;border-bottom:1px solid var(--border-color)}.smtp-additional-card .card-body{display:flex;flex-direction:column;gap:.75rem}.smtp-additional-detail{display:flex;justify-content:space-between;font-size:.9rem}.smtp-additional-detail label{color:var(--subtle-text-color)}.new-api-key-display{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.template-card{display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.template-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000014}.template-card-preview-wrapper{aspect-ratio:4 / 3;background-color:var(--subtle-background);overflow:hidden;cursor:pointer;border-bottom:1px solid var(--border-color)}.template-card-preview-wrapper iframe{width:800px;height:600px;transform:scale(.45);transform-origin:top left;border:none;pointer-events:none;background-color:#fff}.template-card-content{padding:1rem;flex-grow:1;display:flex;flex-direction:column}.template-card-content h3{font-size:1.1rem;font-weight:600;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card-subject{font-size:.9rem;color:var(--subtle-text-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.template-card-date{font-size:.85rem;color:var(--subtle-text-color);margin-top:.75rem}.template-card-actions{padding:.75rem 1rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.template-row-subject{font-size:.9rem;color:var(--subtle-text-color);margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.selection-card--row{flex-direction:row;align-items:flex-start;gap:1rem;text-align:start}.selection-card--row .icon{color:var(--secondary-color);width:2.5rem;height:2.5rem;flex-shrink:0}.selection-card__content h3{margin:0;font-size:1.2rem}.selection-card__content p{margin:.5rem 0 0;color:var(--subtle-text-color);font-size:.9rem}.invoice-view-container{padding:0;max-width:900px;margin:0 auto}.invoice-actions{display:flex;justify-content:space-between;margin-bottom:2rem;padding:0 1rem}.invoice-paper{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:3rem;box-shadow:0 4px 10px #0000000d}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:2rem;border-bottom:2px solid var(--border-color)}.invoice-company-info .invoice-logo{max-width:150px;max-height:70px;margin-bottom:1rem}.invoice-company-info h2{font-size:1.5rem;margin:0}.invoice-company-info p{font-size:.9rem;color:var(--subtle-text-color);margin:.25rem 0}.invoice-title-section{text-align:right}.invoice-title-section h1{font-size:2.5rem;margin:0;color:var(--secondary-color);text-transform:uppercase}.invoice-title-section p{margin:.5rem 0 0;font-family:monospace;font-size:1rem;color:var(--subtle-text-color)}.invoice-meta{display:flex;justify-content:space-between;padding:2rem 0}.invoice-bill-to h4{font-size:.9rem;color:var(--subtle-text-color);margin-bottom:.5rem;text-transform:uppercase}.invoice-bill-to p{margin:.25rem 0;font-weight:500}.invoice-dates{text-align:right}.invoice-dates p{margin:.25rem 0;font-size:.9rem}.invoice-items thead{background-color:var(--subtle-background)}.invoice-items th{font-weight:600;color:var(--subtle-text-color);padding:.75rem 1rem}.invoice-items td{padding:1rem;border-bottom:1px solid var(--border-color)}.invoice-items tbody tr:last-child td{border-bottom:none}.invoice-summary{display:flex;justify-content:space-between;align-items:flex-start;margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border-color)}.invoice-totals{width:100%;max-width:300px}.total-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:1rem}.total-row span:first-child{color:var(--subtle-text-color)}.total-row span:last-child{font-weight:600}.grand-total{font-size:1.25rem;font-weight:700;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.invoice-footer{text-align:center;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border-color);font-size:.9rem;color:var(--subtle-text-color)}@media print{body,.app-container,.main-wrapper{background-color:#fff!important}.sidebar,.mobile-header,.invoice-actions{display:none!important}.content,.invoice-view-container{padding:0!important}.invoice-paper{box-shadow:none!important;border:none!important;padding:0!important}html[data-theme=dark] .invoice-paper *{color:#000!important}}@media (max-width: 600px){.invoice-paper{padding:1.5rem}.invoice-header,.invoice-meta{flex-direction:column;gap:1.5rem}.invoice-title-section,.invoice-dates{text-align:left}.invoice-summary{flex-direction:column;gap:1.5rem}.invoice-totals{width:100%}}.view-subtitle{color:var(--subtle-text-color);margin-top:.5rem;font-size:1rem}.predefined-fields-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.predefined-fields-list li{background-color:var(--subtle-background);padding:.75rem 1rem;border-radius:6px;border:1px solid var(--border-color);font-size:.9rem;line-height:1.5;display:flex;flex-wrap:wrap;align-items:baseline;gap:.5ch}.field-label-translated{font-weight:600}.field-name-en{font-family:Inter,sans-serif;color:var(--subtle-text-color);font-weight:500;font-size:.9em}.field-desc{color:var(--subtle-text-color)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.gallery-template-card{display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.gallery-template-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000014}.gallery-card-preview-wrapper{aspect-ratio:4 / 3;background-color:var(--subtle-background);overflow:hidden;cursor:pointer;border-bottom:1px solid var(--border-color);position:relative;display:flex;align-items:center;justify-content:center}.gallery-card-preview-wrapper iframe,.gallery-card-preview-image{width:800px;height:600px;transform:scale(.45);transform-origin:top left;border:none;pointer-events:none;background-color:#fff}.gallery-card-preview-image{object-fit:cover;object-position:top;transform:none;width:100%;height:100%}.gallery-card-loader{position:absolute}.gallery-card-content{padding:1rem;flex-grow:1;display:flex;flex-direction:column}.gallery-card-content h3{font-size:1.1rem;font-weight:600;margin:0 0 .75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;min-height:24px}.meta-item{display:inline-flex;align-items:center;gap:.5rem}.color-swatch div{width:18px;height:18px;border-radius:50%;border:2px solid var(--surface-color);box-shadow:0 0 0 1px var(--border-color);flex-shrink:0}.language-tag{font-size:.85rem;font-weight:500;color:var(--subtle-text-color)}.language-tag .icon{width:1rem;height:1rem;flex-shrink:0}.gallery-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.75rem}.gallery-card-actions{padding:.75rem 1rem;border-top:1px solid var(--border-color);display:flex}.gallery-card-actions .btn{flex-grow:1}.forms-view-container{display:flex;flex-direction:column;gap:2rem}.subscribe-form-card .card-body{display:flex;flex-direction:column;gap:1.5rem}.subscribe-form-card p{color:var(--subtle-text-color);margin-top:-.5rem;font-size:.9rem;max-width:600px}.form-url-display{display:flex;align-items:center;gap:1rem;background-color:var(--subtle-background);border:1px solid var(--border-color);border-radius:8px;padding:.5rem .5rem .5rem 1rem}.form-url-display code{flex-grow:1;word-break:break-all;font-family:monospace;font-size:.9rem}.form-preview-container{overflow:hidden}.form-preview-iframe{width:100%;height:600px;border:none;background-color:var(--background-color)}.guides-view-container{max-width:1200px;margin:0 auto}.view-subtitle{font-size:1.1rem;color:var(--subtle-text-color);text-align:center;max-width:600px;margin:0 auto 2.5rem}.guides-layout{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:flex-start}.guides-nav{display:flex;flex-direction:column;gap:.5rem;position:sticky;top:1.5rem}.guides-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;background:none;border:1px solid transparent;cursor:pointer;text-align:left;font:inherit;font-size:1rem;font-weight:500;color:var(--subtle-text-color);transition:all .2s ease}.guides-nav-item:hover{background-color:var(--subtle-background);color:var(--text-color)}.guides-nav-item.active{background-color:var(--secondary-color);color:#fff;box-shadow:0 2px 8px rgba(var(--info-color),.2)}.guides-nav-item .icon{width:24px;height:24px;flex-shrink:0}.guides-content.card{padding:0}.guides-content-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--border-color)}.guides-content-header .icon{width:2.5rem;height:2.5rem;color:var(--secondary-color)}.guides-content-header h3{margin:0;font-size:1.5rem}.guides-content-body{padding:2rem}.step-by-step-list{display:flex;flex-direction:column;gap:2.5rem}.step-item{display:flex;gap:1.5rem;align-items:flex-start}.step-number{flex-shrink:0;width:48px;height:48px;border-radius:50%;background-color:var(--subtle-background);border:1px solid var(--border-color);color:var(--secondary-color);font-weight:700;font-size:1.5rem;display:flex;align-items:center;justify-content:center}.step-content h4{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.step-content p{margin:0;color:var(--subtle-text-color);line-height:1.7}.step-content code,.step-content strong{font-weight:600;color:var(--text-color)}.step-content code{background-color:var(--subtle-background);padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.9em;border:1px solid var(--border-color)}.help-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.help-section-header{text-align:center;font-size:1.8rem;margin-bottom:2rem}.help-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.help-card{padding:1.5rem;text-align:start;display:flex;flex-direction:column;gap:.75rem;transition:all .2s ease;cursor:pointer;position:relative;border:1px solid var(--border-color);background-color:var(--surface-color);font-family:inherit;font-size:inherit;color:inherit}.help-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000014;border-color:var(--secondary-color)}.help-card:disabled{cursor:not-allowed;opacity:.7}.help-card:disabled:hover{transform:none;box-shadow:none;border-color:var(--border-color)}.help-card .icon{width:2.5rem;height:2.5rem;color:var(--secondary-color)}.help-card h4{font-size:1.1rem;font-weight:600;margin:0}.help-card p{color:var(--subtle-text-color);font-size:.9rem;line-height:1.5;margin:0;flex-grow:1}.soon-badge-overlay{position:absolute;inset-block-start:1rem;inset-inline-end:1rem;background-color:var(--warning-color);color:var(--primary-color);font-size:.7rem;font-weight:600;padding:.25rem .6rem;border-radius:99px;text-transform:uppercase}html[data-theme=dark] .soon-badge-overlay{color:var(--primary-color)}@media (max-width: 992px){.guides-layout{grid-template-columns:1fr}.guides-nav{position:relative;top:0;flex-direction:row;overflow-x:auto;padding-bottom:1rem;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.guides-nav::-webkit-scrollbar{height:6px}.guides-nav::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.guides-nav-item{flex-shrink:0;background-color:var(--surface-color);border-color:var(--border-color)}}