:root{--bs-primary:#4F46E5;--bs-primary-light:#EEF2FF;--bs-primary-dark:#3730A3;--bs-success:#10B981;--bs-success-light:#D1FAE5;--bs-warning:#F59E0B;--bs-warning-light:#FEF3C7;--bs-danger:#EF4444;--bs-danger-light:#FEE2E2;--bs-gray-50:#F9FAFB;--bs-gray-100:#F3F4F6;--bs-gray-200:#E5E7EB;--bs-gray-300:#D1D5DB;--bs-gray-400:#9CA3AF;--bs-gray-500:#6B7280;--bs-gray-600:#4B5563;--bs-gray-700:#374151;--bs-gray-800:#1F2937;--bs-gray-900:#111827;--bs-shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--bs-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--bs-shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--bs-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--bs-radius-sm:6px;--bs-radius:10px;--bs-radius-lg:14px;--bs-transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.business-settings{max-width:1400px;margin:0 auto;padding:24px 32px;background:linear-gradient(135deg,#F8FAFC,#F1F5F9);min-height:100vh}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--bs-gray-200);gap:20px}.header-left{flex:1 1;display:flex;align-items:center;gap:16px}.back-to-dashboard-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:10px;background:var(--bs-gray-100);color:var(--bs-gray-600);cursor:pointer;transition:all .2s ease}.back-to-dashboard-btn:hover{background:var(--bs-gray-200);color:var(--bs-gray-900);transform:translateX(-2px)}.header-left h1{font-size:28px;font-weight:700;color:var(--bs-gray-900);margin:0 0 4px;letter-spacing:-.5px}.header-subtitle{font-size:15px;color:var(--bs-gray-500);margin:0;gap:8px}.header-right,.header-subtitle{display:flex;align-items:center}.header-right{gap:16px;flex-wrap:wrap}.store-status-toggle{display:flex;align-items:center;gap:12px;padding:8px 16px;background:white;border-radius:50px;box-shadow:var(--bs-shadow);border:1px solid var(--bs-gray-200)}.status-label{font-size:13px;font-weight:500;color:var(--bs-gray-500)}.status-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:50px;font-size:13px;font-weight:600;cursor:pointer;transition:var(--bs-transition)}.status-toggle-btn.active{background:var(--bs-success-light);color:#047857}.status-toggle-btn.paused{background:var(--bs-warning-light);color:#B45309}.status-toggle-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:var(--bs-shadow-sm)}.status-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.btn-logout{padding:8px 16px;background:var(--bs-gray-100);color:var(--bs-gray-700);border:1px solid var(--bs-gray-200);border-radius:var(--bs-radius);font-size:13px;font-weight:500;cursor:pointer;transition:var(--bs-transition)}.btn-logout:hover{background:var(--bs-danger-light);color:var(--bs-danger);border-color:var(--bs-danger)}.header-meters{display:flex;gap:12px;padding:8px 12px;background:white;border-radius:var(--bs-radius);box-shadow:var(--bs-shadow-sm);border:1px solid var(--bs-gray-200)}.header-meter{display:flex;flex-direction:column;gap:4px;min-width:80px}.header-meter .meter-label{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--bs-gray-500);letter-spacing:.5px}.header-meter .meter-bar{height:4px;background:var(--bs-gray-200);border-radius:2px;overflow:hidden}.header-meter .meter-fill{height:100%;border-radius:2px;transition:width .3s ease}.header-meter.meter-green .meter-fill{background:var(--bs-success)}.header-meter.meter-yellow .meter-fill{background:var(--bs-warning)}.header-meter.meter-red .meter-fill{background:var(--bs-danger)}.header-meter .meter-value{font-size:11px;font-weight:500;color:var(--bs-gray-600)}.alerts-container{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.alert-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--bs-radius);gap:16px}.alert-banner.alert-critical{background:var(--bs-danger-light);border:1px solid #fecaca}.alert-banner.alert-warning{background:var(--bs-warning-light);border:1px solid #fde68a}.alert-banner.alert-info{background:var(--bs-primary-light);border:1px solid #c7d2fe}.alert-content{display:flex;align-items:center;gap:12px;flex:1 1}.alert-icon{font-size:20px}.alert-text{display:flex;flex-direction:column;gap:2px}.alert-text strong{font-size:14px;font-weight:600;color:var(--bs-gray-800)}.alert-text span{font-size:13px;color:var(--bs-gray-600)}.alert-action-btn{padding:8px 16px;background:white;border:1px solid var(--bs-gray-300);border-radius:var(--bs-radius);font-size:13px;font-weight:500;color:var(--bs-gray-700);cursor:pointer;transition:var(--bs-transition);white-space:nowrap}.alert-action-btn:hover{background:var(--bs-gray-50);border-color:var(--bs-primary);color:var(--bs-primary)}.settings-search-wrapper{margin-bottom:20px}.settings-search{position:relative;max-width:400px}.settings-search input{width:100%;padding:12px 16px 12px 44px;border:2px solid var(--bs-gray-200);border-radius:var(--bs-radius-lg);font-size:14px;background:white;transition:var(--bs-transition)}.settings-search input:focus{outline:none;border-color:var(--bs-primary);box-shadow:0 0 0 3px var(--bs-primary-light)}.settings-search input::placeholder{color:var(--bs-gray-400)}.search-icon{left:14px;font-size:18px;pointer-events:none}.search-icon,.search-shortcut{position:absolute;top:50%;transform:translateY(-50%);color:var(--bs-gray-400)}.search-shortcut{right:12px;font-size:11px;background:var(--bs-gray-100);padding:3px 8px;border-radius:4px;font-family:monospace}.unsaved-changes-bar{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--bs-gray-200);padding:16px 32px;display:flex;justify-content:space-between;align-items:center;z-index:100;animation:slideUp .3s ease-out;box-shadow:0 -4px 20px rgba(0,0,0,.1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.unsaved-message{display:flex;align-items:center;gap:10px;color:var(--bs-gray-700);font-size:14px;font-weight:500}.unsaved-dot{width:8px;height:8px;background:var(--bs-warning);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.unsaved-actions{display:flex;gap:12px}.settings-layout{display:grid;grid-template-columns:260px 1fr;grid-gap:24px;gap:24px;padding-bottom:80px}.settings-sidebar{background:white;border-radius:var(--bs-radius-lg);padding:12px;box-shadow:var(--bs-shadow);border:1px solid var(--bs-gray-100);position:-webkit-sticky;position:sticky;top:24px;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 48px);overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:none;border-radius:var(--bs-radius);background:transparent;cursor:pointer;transition:var(--bs-transition);font-size:14px;color:var(--bs-gray-600);text-align:left;position:relative}.sidebar-item:hover{background:var(--bs-gray-50);color:var(--bs-gray-800)}.sidebar-item.active{background:var(--bs-primary-light);color:var(--bs-primary);font-weight:600}.sidebar-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--bs-primary);border-radius:0 2px 2px 0}.sidebar-icon{font-size:18px;width:24px;text-align:center}.sidebar-label{flex:1 1}.sidebar-badge{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.sidebar-badge.complete{background:var(--bs-success-light);color:var(--bs-success)}.sidebar-badge.partial{background:var(--bs-warning-light);color:var(--bs-warning)}.sidebar-badge.empty{background:var(--bs-gray-100);color:var(--bs-gray-400)}.onboarding-progress{padding:16px;margin-bottom:12px;background:linear-gradient(135deg,var(--bs-primary-light) 0,#E0E7FF 100%);border-radius:var(--bs-radius);border:1px solid #c7d2fe}.onboarding-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.onboarding-title{font-size:12px;font-weight:600;color:var(--bs-primary-dark);text-transform:uppercase;letter-spacing:.5px}.onboarding-percent{font-size:14px;font-weight:700;color:var(--bs-primary)}.onboarding-bar{height:6px;background:white;border-radius:3px;overflow:hidden;margin-bottom:12px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.onboarding-fill{height:100%;background:linear-gradient(90deg,var(--bs-primary) 0,#818CF8 100%);border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.onboarding-checklist{display:flex;flex-direction:column;gap:6px}.checklist-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--bs-gray-600);transition:var(--bs-transition)}.checklist-item.done,.checklist-item.done .checklist-icon{color:var(--bs-success)}.checklist-icon{font-size:12px;width:16px;text-align:center;color:var(--bs-gray-400)}.settings-content{min-height:600px}.settings-section{background:white;border-radius:var(--bs-radius-lg);box-shadow:var(--bs-shadow);border:1px solid var(--bs-gray-100);overflow:hidden;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--bs-gray-50);border-bottom:1px solid var(--bs-gray-100)}.section-header-left{display:flex;align-items:center;gap:12px}.section-header h2{font-size:18px;font-weight:600;color:var(--bs-gray-800);margin:0;display:flex;align-items:center;gap:10px}.section-description{font-size:13px;color:var(--bs-gray-500);margin:4px 0 0}.section-body{padding:24px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item.full-width{grid-column:1/-1}.setting-item.half-width{grid-column:span 1}.setting-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--bs-gray-700);text-transform:uppercase;letter-spacing:.3px}.info-tooltip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--bs-gray-200);border-radius:50%;font-size:10px;color:var(--bs-gray-500);cursor:help;position:relative}.info-tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--bs-gray-800);color:white;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:400;white-space:nowrap;z-index:10;margin-bottom:6px;text-transform:none;letter-spacing:0}.setting-value{font-size:15px;color:var(--bs-gray-800);padding:12px 16px;background:var(--bs-gray-50);border-radius:var(--bs-radius);border:2px solid transparent;cursor:pointer;transition:var(--bs-transition);min-height:48px;display:flex;align-items:center}.setting-value:hover{background:var(--bs-gray-100);border-color:var(--bs-gray-200)}.setting-value.empty{color:var(--bs-gray-400);font-style:italic}.setting-value.plan-name{background:var(--bs-success-light);color:var(--bs-success);font-weight:600;cursor:default}.setting-value.plan-name:hover{border-color:transparent}.input-field{width:100%;padding:12px 16px;border:2px solid var(--bs-gray-200);border-radius:var(--bs-radius);font-size:15px;background:white;color:var(--bs-gray-800);transition:var(--bs-transition);min-height:48px}.input-field:focus{outline:none;border-color:var(--bs-primary);box-shadow:0 0 0 3px var(--bs-primary-light)}.input-field:disabled{background:var(--bs-gray-100);cursor:not-allowed;opacity:.7}.input-field.error{border-color:var(--bs-danger);background:var(--bs-danger-light)}.input-field.success{border-color:var(--bs-success)}.textarea{resize:vertical;min-height:100px;line-height:1.5}select.input-field{-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 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:44px;cursor:pointer}.input-group{display:flex;align-items:stretch}.input-prefix,.input-suffix{display:flex;align-items:center;padding:0 14px;background:var(--bs-gray-100);border:2px solid var(--bs-gray-200);font-size:14px;color:var(--bs-gray-500);font-weight:500}.input-prefix{border-right:none;border-radius:var(--bs-radius) 0 0 var(--bs-radius)}.input-suffix{border-left:none;border-radius:0 var(--bs-radius) var(--bs-radius) 0}.input-group .input-field{border-radius:0;flex:1 1}.input-group .input-field:first-child{border-radius:var(--bs-radius) 0 0 var(--bs-radius)}.input-group .input-field:last-child{border-radius:0 var(--bs-radius) var(--bs-radius) 0}.switch-wrapper{display:flex;align-items:center;gap:12px}.switch{position:relative;width:52px;height:28px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--bs-gray-300);border-radius:28px}.slider,.slider:before{position:absolute;transition:var(--bs-transition)}.slider:before{content:"";height:22px;width:22px;left:3px;bottom:3px;background:white;border-radius:50%;box-shadow:var(--bs-shadow-sm)}input:checked+.slider{background:var(--bs-primary)}input:checked+.slider:before{transform:translateX(24px)}input:focus+.slider{box-shadow:0 0 0 3px var(--bs-primary-light)}.switch-label{font-size:14px;color:var(--bs-gray-600)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:50px;font-size:13px;font-weight:600}.status-active{background:var(--bs-success-light);color:#047857}.status-inactive{background:var(--bs-gray-100);color:var(--bs-gray-500)}.status-warning{background:var(--bs-warning-light);color:#B45309}.status-trial{background:#E0E7FF;color:#4338CA}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--bs-radius);font-size:14px;font-weight:600;cursor:pointer;transition:var(--bs-transition);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--bs-primary);color:white}.btn-primary:hover:not(:disabled){background:var(--bs-primary-dark);transform:translateY(-1px);box-shadow:var(--bs-shadow-md)}.btn-secondary{background:var(--bs-gray-100);color:var(--bs-gray-700);border:1px solid var(--bs-gray-200)}.btn-secondary:hover:not(:disabled){background:var(--bs-gray-200)}.btn-success{background:var(--bs-success);color:white}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-danger{background:var(--bs-danger);color:white}.btn-danger:hover:not(:disabled){background:#DC2626}.btn-ghost{background:transparent;color:var(--bs-gray-600)}.btn-ghost:hover:not(:disabled){background:var(--bs-gray-100)}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--bs-radius)}.edit-actions{display:flex;gap:10px}.btn-edit{background:var(--bs-primary);color:white;padding:8px 16px;border:none;border-radius:var(--bs-radius);font-size:13px;font-weight:600;cursor:pointer;transition:var(--bs-transition)}.btn-edit:hover{background:var(--bs-primary-dark)}.btn-save{background:var(--bs-success);color:white;padding:8px 16px;border:none;border-radius:var(--bs-radius);font-size:13px;font-weight:600;cursor:pointer;transition:var(--bs-transition)}.btn-save:hover:not(:disabled){background:#059669}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{background:var(--bs-gray-100);color:var(--bs-gray-600);padding:8px 16px;border:1px solid var(--bs-gray-200);border-radius:var(--bs-radius);font-size:13px;font-weight:600;cursor:pointer;transition:var(--bs-transition)}.btn-cancel:hover:not(:disabled){background:var(--bs-gray-200)}.btn-manage-plan{background:linear-gradient(135deg,var(--bs-primary) 0,#7C3AED 100%);color:white;padding:12px 24px;border:none;border-radius:var(--bs-radius);font-size:14px;font-weight:600;cursor:pointer;transition:var(--bs-transition);box-shadow:var(--bs-shadow-md)}.btn-manage-plan:hover{transform:translateY(-2px);box-shadow:var(--bs-shadow-lg)}.btn-test{background:#8B5CF6;color:white;padding:10px 20px;border:none;border-radius:var(--bs-radius);font-size:14px;font-weight:600;cursor:pointer;transition:var(--bs-transition)}.btn-test:hover:not(:disabled){background:#7C3AED}.btn-test:disabled{opacity:.5;cursor:not-allowed}.color-picker-wrapper{display:flex;align-items:center;gap:12px}.color-picker{width:52px;height:52px;padding:4px;border:2px solid var(--bs-gray-200);border-radius:var(--bs-radius);cursor:pointer;background:white}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:6px}.color-text{flex:1 1;max-width:120px;text-transform:uppercase;font-family:monospace;letter-spacing:.5px}.color-display{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bs-gray-50);border-radius:var(--bs-radius)}.color-swatch{width:32px;height:32px;border-radius:8px;border:2px solid rgba(0,0,0,.1);box-shadow:var(--bs-shadow-sm)}.color-code{font-family:monospace;font-size:14px;color:var(--bs-gray-600);text-transform:uppercase}.hours-grid{display:flex;flex-direction:column;gap:8px}.hours-row{display:grid;grid-template-columns:110px 1fr auto;align-items:center;grid-gap:16px;gap:16px;padding:14px 18px;background:var(--bs-gray-50);border-radius:var(--bs-radius);transition:var(--bs-transition)}.hours-row:hover{background:var(--bs-gray-100)}.hours-row.closed{opacity:.6}.day-label{font-weight:600;color:var(--bs-gray-700);font-size:14px}.hours-display{font-size:14px;color:var(--bs-gray-600);font-weight:500;display:flex;align-items:center;gap:8px}.hours-display.closed-text{color:var(--bs-danger);font-weight:600}.hours-inputs{display:flex;align-items:center;gap:10px}.time-input{width:100px;padding:8px 12px;border:2px solid var(--bs-gray-200);border-radius:var(--bs-radius-sm);font-size:14px;text-align:center}.time-input:focus{outline:none;border-color:var(--bs-primary)}.time-separator{color:var(--bs-gray-400);font-weight:500}.hours-quick-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--bs-gray-200)}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--bs-gray-700);padding:8px 12px;border-radius:var(--bs-radius-sm);transition:var(--bs-transition)}.checkbox-label:hover{background:var(--bs-gray-50)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--bs-primary);cursor:pointer}.checkbox-group{display:flex;flex-wrap:wrap;gap:8px}.chip-checkbox{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bs-gray-100);border:2px solid var(--bs-gray-200);border-radius:50px;cursor:pointer;transition:var(--bs-transition);font-size:13px;font-weight:500;color:var(--bs-gray-600)}.chip-checkbox.active,.chip-checkbox:hover{border-color:var(--bs-primary);background:var(--bs-primary-light)}.chip-checkbox.active{color:var(--bs-primary)}.chip-checkbox input{display:none}.image-preview{display:flex;align-items:center;gap:16px}.preview-image{width:120px;height:80px;border-radius:var(--bs-radius);border:2px solid var(--bs-gray-200);object-fit:cover;background:var(--bs-gray-100)}.preview-placeholder{width:120px;height:80px;border-radius:var(--bs-radius);border:2px dashed var(--bs-gray-300);background:var(--bs-gray-50);display:flex;align-items:center;justify-content:center;color:var(--bs-gray-400);font-size:12px;cursor:pointer;transition:all .2s ease}.preview-placeholder:hover{border-color:var(--bs-primary);color:var(--bs-primary);background:var(--bs-primary-light)}.logo-upload-container{display:flex;flex-direction:column;gap:12px}.logo-preview{position:relative;display:inline-block;width:-moz-fit-content;width:fit-content}.logo-preview img{border-radius:var(--bs-radius);border:2px solid var(--bs-gray-200);background:var(--bs-gray-50)}.logo-remove-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--bs-danger);color:white;border:2px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.logo-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.logo-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bs-primary);color:white;border-radius:var(--bs-radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:-moz-fit-content;width:fit-content}.logo-upload-btn:hover{background:var(--bs-primary-hover);transform:translateY(-1px)}.logo-upload-btn input[type=file]{display:none}.field-group{background:var(--bs-gray-50);border-radius:var(--bs-radius);padding:20px;margin:16px 0}.field-group-title{font-size:14px;font-weight:600;color:var(--bs-gray-700);margin-bottom:16px;display:flex;align-items:center;gap:8px}.field-group .settings-grid{gap:16px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;gap:20px}.spinner{width:48px;height:48px;border:4px solid var(--bs-gray-200);border-top-color:var(--bs-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-container p{color:var(--bs-gray-500);font-size:15px}.skeleton{background:linear-gradient(90deg,var(--bs-gray-100) 25%,var(--bs-gray-200) 50%,var(--bs-gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--bs-radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:20px;width:60%}.skeleton-input{height:48px;width:100%}.tip-box{display:flex;gap:12px;padding:16px;background:#FFFBEB;border:1px solid #fde68a;border-radius:var(--bs-radius);margin-top:20px}.tip-icon{font-size:20px;flex-shrink:0}.tip-content{flex:1 1}.tip-title{font-weight:600;color:#92400E;font-size:14px;margin-bottom:4px}.tip-text{font-size:13px;color:#B45309;line-height:1.5}.keyboard-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--bs-gray-400);margin-top:8px}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--bs-gray-100);border:1px solid var(--bs-gray-300);border-radius:4px;font-size:11px;font-family:monospace;font-weight:600;color:var(--bs-gray-600);box-shadow:0 1px 0 var(--bs-gray-300)}@media (max-width:1200px){.settings-layout{grid-template-columns:220px 1fr;gap:20px}}@media (max-width:1024px){.business-settings{padding:20px}.settings-layout{grid-template-columns:1fr}.settings-sidebar{position:static;flex-direction:row;flex-wrap:wrap;padding:8px;max-height:none;gap:4px}.sidebar-item{flex:1 1 auto;min-width:80px;justify-content:center;padding:10px}.sidebar-label{display:none}.sidebar-icon{font-size:20px}.sidebar-badge,.sidebar-item.active:before{display:none}.settings-grid{grid-template-columns:1fr}}@media (max-width:768px){.business-settings{padding:16px}.settings-header{flex-direction:column;align-items:stretch}.header-right{flex-wrap:wrap;gap:12px}.header-meters,.header-right{justify-content:space-between}.header-meters{order:3;width:100%}.header-meter{flex:1 1;min-width:0}.store-status-toggle{flex:1 1}.alerts-container{margin-bottom:16px}.alert-banner{flex-direction:column;align-items:stretch;gap:12px}.alert-action-btn{text-align:center}.onboarding-progress{padding:12px}.checklist-item{font-size:11px}.section-header{flex-direction:column;gap:12px;align-items:flex-start}.edit-actions{width:100%}.edit-actions button{flex:1 1}.hours-row{grid-template-columns:1fr;gap:10px}.hours-inputs{justify-content:flex-start}.unsaved-changes-bar{flex-direction:column;gap:12px;padding:16px}.unsaved-actions{width:100%}.unsaved-actions button{flex:1 1}.settings-layout{padding-bottom:140px}}@media (max-width:480px){.business-settings{padding:12px}.header-left h1{font-size:22px}.section-header h2{font-size:16px}.section-body{padding:16px}.sidebar-item{min-width:50px;padding:8px}.input-field{padding:10px 12px;font-size:14px}.color-picker-wrapper{flex-direction:column;align-items:stretch}.color-picker{width:100%;height:48px}.color-text{max-width:100%}}@media print{.business-settings{background:white;padding:20px}.btn-cancel,.btn-edit,.btn-save,.edit-actions,.header-right,.settings-sidebar,.unsaved-changes-bar{display:none!important}.settings-layout{grid-template-columns:1fr;padding-bottom:0}.settings-section{box-shadow:none;border:1px solid var(--bs-gray-200);page-break-inside:avoid;break-inside:avoid}.setting-value{background:transparent}}.business-settings.embedded-mode{min-height:auto;height:calc(100vh - 160px);padding:16px 20px;background:#fff;border-radius:var(--bs-radius);box-shadow:var(--bs-shadow);overflow:auto}.business-settings.embedded-mode .settings-header{padding-bottom:16px;margin-bottom:16px}.business-settings.embedded-mode .header-left h1{font-size:22px}.business-settings.embedded-mode .settings-layout{gap:16px}.business-settings.embedded-mode .settings-sidebar{position:relative;top:0}.business-settings.embedded-mode .settings-content{padding-bottom:0}.business-settings.embedded-mode .settings-search-wrapper,.business-settings.embedded-mode .settings-section{margin-bottom:16px}.plan-overview-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--bs-radius-lg);padding:24px;color:white}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.plan-name-badge{display:flex;align-items:center;gap:12px}.plan-icon{width:40px;height:40px;background:rgba(255,255,255,.2);padding:8px;border-radius:10px}.plan-name-badge .plan-name{display:block;font-size:24px;font-weight:700;margin-bottom:4px}.plan-name-badge .status-badge{font-size:11px;padding:3px 10px;border-radius:20px;background:rgba(255,255,255,.2);color:white}.plan-name-badge .status-badge.status-active{background:rgba(16,185,129,.3)}.plan-name-badge .status-badge.status-trial{background:rgba(251,191,36,.3)}.plan-price{text-align:right}.price-amount{font-size:32px;font-weight:700}.price-period{font-size:14px;opacity:.8}.plan-limits-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:20px;padding:16px;background:rgba(255,255,255,.1);border-radius:var(--bs-radius)}.limit-item{text-align:center}.limit-value{display:block;font-size:22px;font-weight:700}.limit-label{font-size:11px;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.plan-features-flags{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.feature-flag{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:500}.feature-flag.enabled{background:rgba(16,185,129,.25)}.feature-flag.disabled{background:rgba(255,255,255,.1);opacity:.6}.plan-billing-info{background:rgba(255,255,255,.1);border-radius:var(--bs-radius);padding:14px 16px;margin-bottom:20px}.billing-row{display:flex;justify-content:space-between;padding:6px 0}.billing-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.billing-label{font-size:13px;opacity:.8}.billing-value{font-size:13px;font-weight:600}.plan-features-list{margin-bottom:20px}.features-title{display:block;font-size:12px;text-transform:uppercase;opacity:.7;margin-bottom:10px;letter-spacing:.5px}.features-ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px 16px;gap:8px 16px}.features-ul li{display:flex;align-items:center;gap:8px;font-size:13px}.features-ul li svg{flex-shrink:0;opacity:.8}.features-ul li.more-features{color:rgba(255,255,255,.7);font-style:italic}.plan-overview-card .btn-manage-plan{width:100%;padding:12px;background:white;color:#667eea;border:none;border-radius:var(--bs-radius);font-size:14px;font-weight:600;cursor:pointer;transition:var(--bs-transition)}.plan-overview-card .btn-manage-plan:hover{background:#f8f9fa;transform:translateY(-1px)}@media (max-width:768px){.plan-limits-grid{grid-template-columns:repeat(2,1fr)}.features-ul{grid-template-columns:1fr}.plan-header{flex-direction:column;gap:12px}.plan-price{text-align:left}}