.wrap.serenity-settings-page{max-width:1400px}.serenity-settings-header{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);padding:40px 40px 36px;border-radius:12px;margin-bottom:0}.serenity-settings-header h1{color:#fff!important;font-size:36px!important;font-weight:800!important;margin:0 0 8px 0!important;letter-spacing:-.02em}.serenity-settings-header .description{color:rgba(255,255,255,.9)!important;font-size:16px;margin:0}.serenity-tabs-nav{display:flex;flex-wrap:wrap;gap:0;background:#fff;border-bottom:2px solid #e5e7eb;overflow-x:visible;margin-bottom:0;padding:0}.serenity-tab{padding:14px 16px;text-decoration:none;color:#6b7280;font-weight:600;font-size:13px;border-bottom:3px solid transparent;transition:all .2s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;margin-bottom:-2px;flex-shrink:0}.serenity-tab:hover{color:#667eea;background:#f9fafb}.serenity-tab.active{color:#667eea;border-bottom-color:#667eea;background:#fff}.tab-content-section{padding:28px 0;background:0 0}.tab-content-section.hidden{display:none!important}.serenity-settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:28px 32px;margin-bottom:20px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.serenity-settings-card h2{font-size:17px!important;font-weight:700!important;color:#111827!important;margin:0 0 4px 0!important;padding:0!important}.serenity-settings-card>p{color:#6b7280;font-size:14px;margin:0 0 20px 0}.setting-field{display:flex;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid #f3f4f6}.setting-field:last-child{border-bottom:none;padding-bottom:0}.setting-field label{min-width:200px;max-width:200px;font-weight:600;font-size:14px;color:#374151;flex-shrink:0;margin:0!important;padding:0!important}.setting-field input[type=email],.setting-field input[type=number],.setting-field input[type=text],.setting-field input[type=url],.setting-field select{flex:1;max-width:460px;border:1px solid #d1d5db;border-radius:8px;padding:10px 14px;font-size:14px;color:#111827;background:#fff;transition:border-color .2s,box-shadow .2s;height:auto;box-shadow:none}.setting-field textarea{flex:1;max-width:460px;border:1px solid #d1d5db;border-radius:8px;padding:10px 14px;font-size:14px;color:#111827;background:#fff;min-height:120px;resize:vertical;transition:border-color .2s,box-shadow .2s}.setting-field input:focus,.setting-field select:focus,.setting-field textarea:focus{outline:0;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.12)}.color-field-wrap{align-items:center}.color-field-wrap .wp-picker-container{display:inline-flex;align-items:center;gap:10px}.color-field-wrap .wp-color-result.button{border-radius:6px;height:34px;min-width:40px;border:2px solid #e5e7eb}.toggle-field{align-items:center}.toggle-field input[type=checkbox]{width:18px;height:18px;cursor:pointer}.serenity-settings-footer{display:flex;gap:12px;align-items:center;padding:20px 0 4px;border-top:1px solid #e5e7eb;margin-top:8px}.serenity-save-btn,button.serenity-save-btn{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff!important;border:none;padding:12px 28px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.serenity-save-btn:hover,button.serenity-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.35);color:#fff!important}.preview-btn,a.preview-btn{background:#f3f4f6;color:#374151!important;border:1px solid #d1d5db;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.preview-btn:hover{background:#e5e7eb;color:#111827!important}.email-variables-helper{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;padding:12px;margin-top:8px;font-size:13px;max-width:460px}.unsaved-indicator{color:#f59e0b;font-size:13px;margin-right:auto}.bf-field select.bf-select,.bf-field-row select.bf-select,.bf-field-row3 select.bf-select,.bf-settings-wrap select.bf-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234B5563' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px!important;cursor:pointer;border:1.5px solid #e4e7ec;border-radius:8px;font-size:13px;font-family:inherit;color:#111827;background-color:#fff;transition:border-color .15s,box-shadow .15s;height:40px}.bf-field select.bf-select:focus,.bf-field-row select.bf-select:focus,.bf-field-row3 select.bf-select:focus,.bf-settings-wrap select.bf-select:focus{outline:0;border-color:#0d7377;box-shadow:0 0 0 3px rgba(13,115,119,.1)}.setting-field select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px!important;cursor:pointer}