:root{--primary-50: #f0fdf4;--primary-100: #dcfce7;--primary-500: #07C55B;--primary-600: #059669;--primary-700: #047857;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-500: #10b981;--warning-500: #f59e0b;--error-500: #ef4444;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-normal: .2s ease-in-out;--transition-slow: .3s ease-in-out}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:998;display:none}@media (max-width: 768px){.sidebar-overlay{display:block}}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;background-color:#fff;color:#111827;z-index:999;transform:translate(-100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;border-right:1px solid #e5e7eb}.sidebar-open{transform:translate(0)}@media (min-width: 769px){.sidebar{transform:translate(0);position:sticky;height:100vh}}.sidebar-header{padding:24px;border-bottom:1px solid #e5e7eb}.sidebar-logo-container{display:flex;align-items:center;justify-content:center}.sidebar-logo{height:40px;width:auto;max-width:100%}.sidebar-nav{flex:1;padding:16px 0}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu-item{display:flex;align-items:center;gap:12px;padding:12px 24px;color:#6b7280;text-decoration:none;transition:all .2s ease-in-out;border-left:3px solid transparent}.sidebar-menu-item:hover{background-color:#f3f4f6;color:#111827}.sidebar-menu-item.active{background-color:#f0fdf4;color:#07c55b;border-left-color:#07c55b}.sidebar-footer{padding:24px;border-top:1px solid #e5e7eb}.sidebar-logout{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:none;border:none;color:#ef4444;cursor:pointer;border-radius:8px;transition:all .2s ease-in-out;font-size:16px}.sidebar-logout:hover{background-color:#fef2f2}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;font-family:inherit;gap:8px}.btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.btn-sm{padding:8px 16px;font-size:14px;min-height:36px}.btn-md{padding:12px 24px;font-size:16px;min-height:44px}.btn-lg{padding:16px 32px;font-size:18px;min-height:52px}.btn-primary{background-color:#07c55b;color:#fff}.btn-primary:hover:not(.btn-disabled){background-color:#059669;transform:translateY(-1px)}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover:not(.btn-disabled){background-color:#4b5563;transform:translateY(-1px)}.btn-outline{background-color:transparent;color:#07c55b;border:2px solid #07C55B}.btn-outline:hover:not(.btn-disabled){background-color:#07c55b;color:#fff;transform:translateY(-1px)}.btn-ghost{background-color:transparent;color:#6b7280}.btn-ghost:hover:not(.btn-disabled){background-color:#f3f4f6;color:#374151}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(.btn-disabled){background-color:#dc2626;transform:translateY(-1px)}.btn-disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input-group{display:flex;flex-direction:column;gap:6px;width:100%}.input-label{font-size:14px;font-weight:500;color:#374151;display:flex;align-items:center;gap:4px}.required{color:#ef4444}.input{padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:16px;transition:all .2s ease-in-out;background-color:#fff;color:#111827;width:100%;box-sizing:border-box}.input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.card{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease-in-out}.card-hover:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.card-padding-none{padding:0}.card-padding-small{padding:16px}.card-padding-medium{padding:24px}.card-padding-large{padding:32px}.card-shadow-none{box-shadow:none}.card-shadow-small{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.card-shadow-medium{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card-shadow-large{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background-color:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:800px}.modal-fullscreen{width:100%;height:100%;max-width:none;max-height:none;border-radius:0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.modal-title{font-size:20px;font-weight:600;color:#111827;margin:0}.modal-close-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background-color:#f3f4f6;color:#374151}.modal-content{padding:0 24px 24px;overflow-y:auto;flex:1}.spinner{display:inline-block;position:relative}.spinner-inner{border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.spinner-small,.spinner-small .spinner-inner{width:16px;height:16px}.spinner-medium,.spinner-medium .spinner-inner{width:24px;height:24px}.spinner-large,.spinner-large .spinner-inner{width:32px;height:32px}.spinner-primary{color:#3b82f6}.spinner-white{color:#fff}.spinner-gray{color:#6b7280}.delete-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.delete-modal{background-color:#fff;border-radius:12px;padding:32px;max-width:400px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;text-align:center}.delete-modal-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 16px}.delete-modal-message{font-size:16px;color:#374151;margin:0 0 32px;line-height:1.5}.delete-modal-actions{display:flex;gap:16px;justify-content:center}.delete-modal-confirm-button{background-color:#07c55b;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;min-width:100px}.delete-modal-confirm-button:hover{background-color:#059669;transform:translateY(-1px)}.delete-modal-cancel-button{background-color:#fff;color:#111827;border:2px solid #07C55B;border-radius:8px;padding:10px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;min-width:100px}.delete-modal-cancel-button:hover{background-color:#07c55b;color:#fff;transform:translateY(-1px)}@media (max-width: 480px){.delete-modal{padding:24px;margin:20px}.delete-modal-title{font-size:20px}.delete-modal-message{font-size:14px}.delete-modal-actions{flex-direction:column;gap:12px}.delete-modal-confirm-button,.delete-modal-cancel-button{width:100%;padding:14px 24px}}.image-preview-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-preview-modal{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.image-preview-close{position:absolute;top:-50px;right:0;background-color:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out;z-index:2001}.image-preview-close:hover{background-color:#fff;transform:scale(1.1)}.image-preview-close svg{color:#374151}.image-preview-container{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;max-width:100%;max-height:100%}.image-preview-img{max-width:100%;max-height:80vh;width:auto;height:auto;object-fit:contain;display:block;border-radius:12px}.pdf-container{position:relative;width:100%;height:80vh;border-radius:12px;background-color:#fff}.image-preview-pdf{max-width:100%;max-height:80vh;width:100%;height:80vh;border-radius:12px;background-color:#fff}.pdf-fallback{position:absolute;bottom:10px;left:10px;right:10px;background-color:#000c;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;text-align:center}.pdf-fallback a{color:#60a5fa;text-decoration:underline}.image-preview-overlay{animation:fadeIn .2s ease-out}.image-preview-modal{animation:scaleIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.image-preview-overlay{padding:10px}.image-preview-close{top:-40px;width:36px;height:36px}.image-preview-close svg{width:20px;height:20px}.image-preview-img{max-height:70vh}.pdf-container{height:70vh}.image-preview-pdf{max-height:70vh;height:70vh}}@media (max-width: 480px){.image-preview-overlay{padding:5px}.image-preview-close{top:-35px;width:32px;height:32px}.image-preview-close svg{width:18px;height:18px}.image-preview-img{max-height:60vh}.pdf-container{height:60vh}.image-preview-pdf{max-height:60vh;height:60vh}}.date-range-picker{position:relative;display:inline-block}.date-range-input{display:flex;align-items:center;gap:8px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .2s ease-in-out;min-width:200px}.date-range-input:hover{border-color:#9ca3af}.date-range-input:focus-within{border-color:#07c55b;box-shadow:0 0 0 3px #07c55b1a}.calendar-icon{color:#6b7280;flex-shrink:0}.date-range-text{flex:1;font-size:14px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clear-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.clear-button:hover{background-color:#f3f4f6;color:#374151}.date-range-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1500;padding:20px}.date-range-modal{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;padding:24px;max-width:400px;width:100%;animation:scaleIn .2s ease-out}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.nav-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.nav-button:hover{background-color:#f3f4f6;color:#374151}.calendar-title{font-size:18px;font-weight:600;color:#111827;margin:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:20px}.calendar-day-header{text-align:center;font-size:12px;font-weight:500;color:#6b7280;padding:8px 4px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;font-size:14px;color:#374151;transition:all .2s ease-in-out;position:relative}.calendar-day:hover{background-color:#f3f4f6}.calendar-day.today,.calendar-day.selected{background-color:#07c55b;color:#fff;font-weight:600}.calendar-day.in-range{background-color:#07c55b1a;color:#059669}.calendar-day.in-range:not(.selected){background-color:#07c55b1a;color:#059669}.calendar-day.empty{cursor:default;pointer-events:none}.calendar-actions{display:flex;gap:12px;justify-content:flex-end}.clear-range-button{background:none;border:1px solid #d1d5db;color:#374151;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease-in-out}.clear-range-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.apply-range-button{background-color:#07c55b;border:none;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease-in-out}.apply-range-button:hover:not(:disabled){background-color:#059669}.apply-range-button:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}@media (max-width: 480px){.date-range-overlay{padding:10px}.date-range-modal{padding:20px}.calendar-grid{gap:2px}.calendar-day{font-size:13px}.calendar-day-header{font-size:11px;padding:6px 2px}.calendar-actions{flex-direction:column}.clear-range-button,.apply-range-button{width:100%}}.report-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.report-modal{background-color:#fff;border-radius:12px;padding:32px;max-width:400px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:scaleIn .2s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.report-modal-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 24px;text-align:center}.report-form{display:flex;flex-direction:column;gap:20px}.select-container{position:relative}.reason-select{width:100%;padding:12px 40px 12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;background-color:#fff;appearance:none;cursor:pointer;transition:all .2s ease-in-out}.reason-select:focus{outline:none;border-color:#07c55b;box-shadow:0 0 0 3px #07c55b1a}.reason-select.error{border-color:#ef4444}.reason-select.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.description-textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;background-color:#fff;resize:vertical;min-height:100px;font-family:inherit;transition:all .2s ease-in-out}.description-textarea:focus{outline:none;border-color:#07c55b;box-shadow:0 0 0 3px #07c55b1a}.description-textarea::placeholder{color:#9ca3af}.error-message{font-size:12px;color:#ef4444;margin-top:4px}.send-button{background-color:#07c55b;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;align-self:center;min-width:120px}.send-button:hover{background-color:#059669;transform:translateY(-1px)}.send-button:active{transform:translateY(0)}@media (max-width: 480px){.report-modal{padding:24px;margin:20px}.report-modal-title{font-size:20px}.reason-select,.description-textarea{font-size:13px}.send-button{width:100%;padding:14px 24px}}.header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:100;gap:24px;min-height:80px}.header-left{display:flex;align-items:center;gap:16px;flex-shrink:0}.header-center{flex:1;display:flex;justify-content:flex-start;margin-left:16px}.header-welcome{display:flex;flex-direction:column;line-height:1.2}.welcome-line{font-size:16px;font-weight:600;color:#6b7280;margin:0}.restaurant-name{font-size:24px;font-weight:700;color:#111827;margin:0}.restaurant-type{font-size:16px;font-weight:600;color:#6b7280;margin:0}.header-title-desktop{font-size:24px;font-weight:700;color:#111827;margin:0;display:none}.header-menu-button{display:flex;align-items:center;justify-content:center;padding:8px;background:none;border:none;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s ease-in-out}.header-menu-button:hover{background-color:#f3f4f6;color:#374151}@media (max-width: 768px){.header{padding:16px 20px;gap:16px}.header-center{margin-left:8px}.restaurant-name{font-size:20px}.welcome-line,.restaurant-type{font-size:14px}.create-offer-button{padding:10px 16px;font-size:13px}.create-offer-button span{display:none}}@media (min-width: 769px){.header-menu-button{display:none}.header-center{justify-content:flex-start;margin-left:0}.header-welcome{display:none}.header-title-desktop{display:block}}.header-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.create-offer-button{background-color:#07c55b;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;gap:8px}.create-offer-button:hover{background-color:#059669;transform:translateY(-1px)}.header-notification-button{position:relative;display:flex;align-items:center;justify-content:center;padding:8px;background:none;border:none;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s ease-in-out}.header-notification-button:hover{background-color:#f3f4f6;color:#374151}.notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:12px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.header-user{display:flex;align-items:center;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out}.header-user:hover{background-color:#f3f4f6}.user-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#07c55b;color:#fff;border-radius:50%}.header-logout-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background-color:#f3f4f6;color:#6b7280;cursor:pointer;transition:all .2s ease-in-out;margin-left:8px}.header-logout-button:hover{background-color:#fef2f2;color:#dc2626}.dashboard-layout{display:flex;min-height:100vh;background-color:#f9fafb;width:100%}.dashboard-main{flex:1!important;display:flex!important;flex-direction:column!important;margin-left:0!important;transition:margin-left .3s ease-in-out!important;background-color:#f9fafb!important;min-height:100vh!important;width:100%!important;position:relative!important}@media (min-width: 769px){.dashboard-main{margin-left:280px}}.dashboard-content{flex:1;padding:24px;overflow-y:auto;background-color:#f9fafb;min-height:calc(100vh - 80px)}@media (max-width: 768px){.dashboard-content{padding:16px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;padding:20px}.login-container{width:100%;max-width:400px}.login-header{display:flex;justify-content:center;margin-bottom:32px}.login-card{padding:40px 32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:12px;background-color:#fff}.login-form-header{text-align:center;margin-bottom:32px}.form-title{font-size:24px;font-weight:600;color:#111827;margin:0 0 8px}.form-subtitle{font-size:14px;color:#6b7280;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;text-align:center}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;text-align:center}.form-options{display:flex;align-items:center;justify-content:space-between;margin:8px 0}.remember-me{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280;cursor:pointer}.remember-me input[type=checkbox]{width:16px;height:16px;accent-color:#07C55B}.forgot-password{font-size:14px;color:#07c55b;text-decoration:none;font-weight:500;transition:color .2s ease-in-out}.forgot-password:hover{color:#059669}.login-button{width:100%;margin-top:8px}.login-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.login-footer p{font-size:14px;color:#6b7280;margin:0}.signup-link{color:#07c55b;text-decoration:none;font-weight:500;transition:color .2s ease-in-out}.signup-link:hover{color:#059669}.forgot-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;padding:20px}.forgot-password-container{width:100%;max-width:400px}.forgot-password-card{padding:40px 32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:12px;background-color:#fff}.forgot-password-header{display:flex;justify-content:center;margin-bottom:32px}.forgot-password-content{text-align:center}.forgot-password-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 8px}.forgot-password-subtitle{font-size:14px;color:#6b7280;margin:0 0 32px}.forgot-password-form{display:flex;flex-direction:column;gap:24px}.input-group{display:flex;flex-direction:column;gap:8px;text-align:left}.forgot-password-button{width:100%;background-color:#07c55b;color:#fff;border:none;border-radius:8px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.forgot-password-button:hover:not(:disabled){background-color:#059669;transform:translateY(-1px)}.forgot-password-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.otp-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;padding:20px}.otp-container{width:100%;max-width:400px}.otp-card{padding:40px 32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:12px;background-color:#fff}.otp-header{display:flex;justify-content:center;margin-bottom:32px}.otp-content{text-align:center}.otp-title{font-size:18px;font-weight:500;color:#111827;margin:0 0 32px;line-height:1.4}.otp-form{display:flex;flex-direction:column;gap:32px}.otp-inputs{display:flex;justify-content:center;gap:12px}.otp-input{width:48px;height:48px;border:1px solid #d1d5db;border-radius:8px;text-align:center;font-size:18px;font-weight:600;color:#111827;background-color:#fff;transition:all .2s ease-in-out;outline:none}.otp-input:focus{border-color:#07c55b;box-shadow:0 0 0 3px #07c55b1a}.otp-input-filled{border-color:#07c55b;background-color:#f0fdf4}.otp-input:invalid{border-color:#ef4444}.otp-button{width:100%;background-color:#07c55b;color:#fff;border:none;border-radius:8px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.otp-button:hover:not(:disabled){background-color:#059669;transform:translateY(-1px)}.otp-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.otp-footer{margin-top:24px}.resend-text{font-size:14px;color:#6b7280;margin:0}.resend-button{background:none;border:none;color:#07c55b;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:color .2s ease-in-out}.resend-button:hover{color:#059669;text-decoration:underline}@media (max-width: 480px){.otp-inputs{gap:8px}.otp-input{width:40px;height:40px;font-size:16px}.otp-card{padding:32px 24px}}.set-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;padding:20px}.set-password-container{width:100%;max-width:400px}.set-password-card{padding:40px 32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:12px;background-color:#fff}.set-password-header{display:flex;justify-content:center;margin-bottom:32px}.logo-container{display:flex;align-items:center;justify-content:center}.logo{height:40px;width:auto}.set-password-content{text-align:center}.set-password-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 8px}.set-password-subtitle{font-size:14px;color:#6b7280;margin:0 0 32px}.set-password-form{display:flex;flex-direction:column;gap:20px;text-align:left}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-size:14px;font-weight:500;color:#374151}.required{color:#ef4444;margin-left:4px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:#9ca3af;z-index:1}.input{width:100%;padding:12px 12px 12px 44px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:all .2s ease-in-out;background-color:#fff;color:#111827;box-sizing:border-box}.input:focus{outline:none;border-color:#07c55b;box-shadow:0 0 0 3px #07c55b1a}.input::placeholder{color:#9ca3af}.input-error{border-color:#ef4444}.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-error-message{font-size:14px;color:#ef4444;margin-top:4px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.password-requirements{background-color:#f9fafb;border-radius:8px;padding:16px;margin-top:8px}.requirements-title{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.requirement-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.requirement-item.requirement-met{color:#059669}.requirement-icon{flex-shrink:0}.requirement-item.requirement-met .requirement-icon{color:#059669}.set-password-button{width:100%;background-color:#07c55b;color:#fff;border:none;border-radius:8px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;margin-top:8px}.set-password-button:hover:not(:disabled){background-color:#059669;transform:translateY(-1px)}.set-password-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 480px){.set-password-card{padding:32px 24px}.set-password-title{font-size:20px}}.dashboard{max-width:1400px;padding:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.stat-card{padding:20px;border:none;box-shadow:0 1px 3px #0000001a;border-radius:12px;background-color:#fff}.stat-content{display:flex;flex-direction:column;gap:12px}.stat-title{font-size:14px;font-weight:500;color:#6b7280;margin:0}.stat-value-container{display:flex;flex-direction:column;gap:8px}.stat-value{font-size:32px;font-weight:700;color:#111827;margin:0}.rating-stars{display:flex;gap:2px}.dashboard-content{display:flex;flex-direction:column;gap:24px}.dashboard-section{min-width:0}.section-header{margin-bottom:24px}.redemptions-table{width:100%;border-collapse:collapse;font-size:14px}.redemptions-table th{background-color:#f9fafb;color:#374151;font-weight:600;padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.redemptions-table td{padding:12px 16px;border-bottom:1px solid #f3f4f6;color:#111827}.redemptions-table tbody tr:nth-child(2n){background-color:#f9fafb}.redemptions-table tbody tr:hover{background-color:#f3f4f6}.redemptions-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;background-color:#e5e7eb;color:#374151}.status-badge.status-created{background-color:#6366f11a;color:#4f46e5}.status-badge.status-accepted{background-color:#10b9811a;color:#059669}.status-badge.status-redeemed{background-color:#07c55b1a;color:#047857}.status-badge.status-cancelled,.status-badge.status-rejected{background-color:#f871711a;color:#dc2626}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:40px}.loading-content,.error-content{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px}.retry-button{background-color:#07c55b;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}@media (max-width: 640px){.dashboard{padding:16px}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-value{font-size:24px}.redemptions-table th,.redemptions-table td{padding:8px 12px;font-size:13px}}.empty-state{padding:40px 20px;display:flex;align-items:center;justify-content:center;min-height:200px;border:2px dashed #d1d5db;border-radius:8px;margin:20px 0;background-color:#f9fafb}.empty-state-content{text-align:center;max-width:300px}.empty-state-message{font-size:16px;color:#6b7280;margin:0 0 20px;line-height:1.5}@media (max-width: 768px){.empty-state{padding:30px 16px;min-height:150px}.empty-state-message{font-size:14px}.empty-state-button{padding:10px 20px;font-size:13px}}.empty-table-message{text-align:center;color:#6b7280;font-style:italic;padding:40px 20px!important}.offers{max-width:1400px;padding:16px}.offers-header{margin-bottom:32px}.offers-title{font-size:32px;font-weight:700;color:#111827;margin:0 0 8px}.offers-subtitle{font-size:16px;color:#6b7280;margin:0}.offers-content{display:flex;flex-direction:column;gap:32px}.offers-section{display:flex;flex-direction:column;gap:16px}.pagination{display:flex;align-items:center;gap:12px}.pagination-controls{display:flex;gap:4px}.pagination-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d1d5db;background-color:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out;color:#6b7280}.offers-table-card{padding:0;overflow:hidden}.table-container{overflow-x:auto;max-width:100%}.offers-table{width:100%;min-width:800px;border-collapse:collapse;font-size:14px}.offers-table th{background-color:#f9fafb;color:#374151;font-weight:600;text-align:left;padding:16px 12px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.offers-table td{padding:16px 12px;border-bottom:1px solid #f3f4f6;color:#111827;word-wrap:break-word;max-width:200px}.offers-table td:nth-child(1){max-width:150px;font-weight:500}.offers-table td:nth-child(2){max-width:250px;white-space:normal;line-height:1.4}.offers-table td:nth-child(3){max-width:200px;white-space:normal;line-height:1.4}.offers-table td:nth-child(4){max-width:100px;text-align:center}.offers-table td:nth-child(5){max-width:100px;text-align:center}.offers-table tbody tr{transition:all .3s ease-in-out}.offers-table tbody tr:hover{background-color:#f9fafb}.offers-table tbody tr:last-child td{border-bottom:none}.offers-table tbody tr.moving{opacity:.5;transform:scale(.98)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch input:checked+.toggle-slider{background-color:#07c55b}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.actions-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease-in-out}.actions-dropdown{position:absolute;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;z-index:10;min-width:120px;overflow:hidden}.dropdown-bottom{top:100%}.dropdown-top{bottom:100%}.actions-dropdown button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.actions-dropdown button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.empty-state-card{padding:40px 20px;text-align:center;border:2px dashed #d1d5db;border-radius:12px;background-color:#f9fafb}.empty-state-content{max-width:400px;margin:0 auto}.empty-state-title{font-size:18px;font-weight:600;color:#374151;margin:0 0 12px}.empty-state-message{font-size:14px;color:#6b7280;margin:0 0 24px;line-height:1.5}.empty-state-button{background-color:#6b7280;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.empty-state-button:hover{background-color:#4b5563;transform:translateY(-1px)}@media (max-width: 768px){.offers{padding:12px}.offers-title{font-size:24px}.offers-subtitle{font-size:14px}.section-title{font-size:18px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.pagination{align-self:flex-end}.offers-table th,.offers-table td{padding:12px 16px;font-size:13px}.offers-table th:first-child,.offers-table td:first-child{position:sticky;left:0;background-color:#fff;z-index:1}.empty-state-card{padding:32px 16px}.empty-state-title{font-size:16px}.empty-state-message{font-size:13px}.offers-table th:first-child,.offers-table tbody tr:hover td:first-child{background-color:#f9fafb}}@media (max-width: 480px){.offers-table th,.offers-table td{padding:8px 12px;font-size:12px}.toggle-switch{width:36px;height:20px}.toggle-slider:before{height:14px;width:14px;left:3px;bottom:3px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}}.offer-details{max-width:1400px;padding:16px}.retry-button{background-color:#07c55b;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out;text-decoration:none;display:inline-block}.offer-details-card{padding:32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:12px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.page-title-section{flex:1}.page-title{font-size:32px;font-weight:700;color:#111827;margin:0 0 8px}.page-subtitle{font-size:16px;color:#6b7280;margin:0}.edit-offer-button{display:flex;align-items:center;gap:8px;background-color:#07c55b;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.edit-offer-button:hover{background-color:#059669;transform:translateY(-1px)}.performance-metrics-section{margin-bottom:40px}.section-title{font-size:20px;font-weight:600;color:#111827;margin:0 0 20px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.metric-card{padding:24px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a}.metric-content{text-align:center}.metric-title{font-size:14px;font-weight:500;color:#6b7280;margin:0 0 12px}.metric-value{font-size:28px;font-weight:700;color:#111827;margin:0}.offer-details-section{margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.details-list{display:flex;flex-direction:column;gap:0}.detail-item{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 0;border-bottom:1px solid #f3f4f6}.detail-item:last-child{border-bottom:none}.detail-label{font-size:14px;font-weight:500;color:#6b7280;min-width:120px;flex-shrink:0}.detail-value{font-size:14px;color:#111827;flex:1;text-align:right;line-height:1.5}.status-toggle{position:relative;display:inline-block;width:44px;height:24px}.status-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.2s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%;box-shadow:0 1px 3px #0000001a}.status-toggle input:checked+.toggle-slider{background-color:#07c55b}.status-toggle input:checked+.toggle-slider:before{transform:translate(20px)}@media (max-width: 768px){.offer-details{padding:12px}.offer-details-card{padding:24px 20px}.page-header{flex-direction:column;gap:20px;align-items:stretch}.page-title{font-size:24px}.page-subtitle{font-size:14px}.edit-offer-button{align-self:flex-start;padding:10px 16px;font-size:13px}.metrics-grid{grid-template-columns:1fr;gap:16px}.metric-card{padding:20px}.metric-value{font-size:24px}.section-header{flex-direction:column;gap:16px;align-items:flex-start}.detail-item{flex-direction:column;gap:8px;align-items:flex-start;padding:16px 0}.detail-label{min-width:auto}.detail-value{text-align:left}.breadcrumb-container{flex-direction:column;gap:16px;align-items:flex-start}.header-icons{align-self:flex-end}}@media (max-width: 480px){.offer-details-card{padding:20px 16px}.page-title,.metric-value{font-size:20px}.detail-item{padding:12px 0}.header-icon-button{width:36px;height:36px}}.edit-offer{max-width:1400px;padding:16px}.edit-offer-card{padding:32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:12px}.edit-offer-form{display:flex;flex-direction:column;gap:32px}@media (max-width: 768px){.edit-offer{padding:12px}.edit-offer-card{padding:24px 20px}.page-title{font-size:24px;margin-bottom:24px}.form-grid{grid-template-columns:1fr;gap:24px}.form-row{grid-template-columns:1fr;gap:16px}.form-column{gap:20px}.form-actions{flex-direction:column;gap:12px}.submit-button,.cancel-button{width:100%;justify-content:center}.breadcrumb-container{flex-direction:column;gap:16px;align-items:flex-start}.header-icons{align-self:flex-end}}@media (max-width: 480px){.edit-offer-card{padding:20px 16px}.page-title{font-size:20px}.form-input,.form-select,.form-textarea{padding:10px 12px;font-size:13px}.header-icon-button{width:36px;height:36px}}.add-offer{max-width:1400px;padding:16px}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;text-align:center;margin-bottom:20px}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;text-align:center;margin-bottom:20px}.form-input.error,.form-textarea.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.breadcrumb-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 4px}.breadcrumb{display:flex;align-items:center;gap:8px}.breadcrumb-separator{color:#9ca3af}.header-icons{display:flex;gap:12px}.header-icon-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e5e7eb;background-color:#fff;border-radius:50%;cursor:pointer;transition:all .2s ease-in-out;color:#6b7280}.header-icon-button:hover{background-color:#f3f4f6;border-color:#d1d5db;color:#374151}.add-offer-card{padding:32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:12px}.page-title{font-size:32px;font-weight:700;color:#111827;margin:0 0 32px}.add-offer-form{display:flex;flex-direction:column;gap:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.form-column{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;background-color:#fff;transition:all .2s ease-in-out}.form-input:focus{outline:none;border-color:#07c55b;box-shadow:0 0 0 3px #07c55b1a}.form-input::placeholder{color:#9ca3af}.form-textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;background-color:#fff;resize:vertical;min-height:120px;font-family:inherit;transition:all .2s ease-in-out}.form-textarea:focus{outline:none;border-color:#07c55b;box-shadow:0 0 0 3px #07c55b1a}.form-textarea::placeholder{color:#9ca3af}.form-select-container{position:relative}.form-select{width:100%;padding:12px 40px 12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;background-color:#fff;appearance:none;cursor:pointer;transition:all .2s ease-in-out}.form-select:focus{outline:none;border-color:#07c55b;box-shadow:0 0 0 3px #07c55b1a}.form-actions{display:flex;gap:16px;justify-content:flex-start;padding-top:24px;border-top:1px solid #e5e7eb}.submit-button{display:flex;align-items:center;gap:8px;background-color:#07c55b;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.submit-button:hover:not(:disabled){background-color:#059669;transform:translateY(-1px)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.cancel-button{background-color:#fff;color:#07c55b;border:2px solid #07C55B;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.cancel-button:hover{background-color:#07c55b;color:#fff;transform:translateY(-1px)}@media (max-width: 768px){.add-offer{padding:12px}.add-offer-card{padding:24px 20px}.page-title{font-size:24px;margin-bottom:24px}.form-grid{grid-template-columns:1fr;gap:24px}.form-row{grid-template-columns:1fr;gap:16px}.form-column{gap:20px}.form-actions{flex-direction:column;gap:12px}.submit-button,.cancel-button{width:100%;justify-content:center}.breadcrumb-container{flex-direction:column;gap:16px;align-items:flex-start}.header-icons{align-self:flex-end}}@media (max-width: 480px){.add-offer-card{padding:20px 16px}.page-title{font-size:20px}.form-input,.form-select,.form-textarea{padding:10px 12px;font-size:13px}.header-icon-button{width:36px;height:36px}}.reviews{max-width:1400px;padding:16px}.reviews-header{margin-bottom:32px}.reviews-title{font-size:32px;font-weight:700;color:#111827;margin:0 0 8px}.reviews-subtitle{font-size:16px;color:#6b7280;margin:0}.rating-summary-card{padding:32px;margin-bottom:32px;box-shadow:0 1px 3px #0000001a;border-radius:12px}.rating-summary{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:center}.overall-rating{text-align:center;min-width:200px}.rating-number{font-size:48px;font-weight:700;color:#111827;margin-bottom:8px}.rating-stars{display:flex;justify-content:center;gap:4px;margin-bottom:8px}.rating-count{font-size:16px;color:#6b7280}.rating-distribution{display:flex;flex-direction:column;gap:12px}.rating-bar-item{display:grid;grid-template-columns:60px 1fr 40px;gap:12px;align-items:center}.bar-label{font-size:14px;color:#374151;font-weight:500}.bar-container{height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.bar-fill{height:100%;background-color:#07c55b;border-radius:4px;transition:width .3s ease-in-out}.bar-percentage{font-size:14px;color:#6b7280;text-align:right}.star-filled{color:#fbbf24;fill:#fbbf24}.star-half{color:#fbbf24;fill:#fbbf24;opacity:.5}.star-empty{color:#d1d5db}.all-reviews-section{display:flex;flex-direction:column;gap:24px}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:24px;font-weight:600;color:#111827;margin:0}.filters-container{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.filter-container{position:relative;display:inline-block}.filter-dropdown{appearance:none;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px 32px 8px 12px;font-size:14px;color:#374151;cursor:pointer;min-width:150px}.filter-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.reviews-list{display:flex;flex-direction:column;gap:20px}.review-card{padding:24px;box-shadow:0 1px 3px #0000001a;border-radius:12px}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.review-user{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center}.avatar-placeholder{font-size:16px;font-weight:600;color:#6b7280}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-size:16px;font-weight:600;color:#111827}.review-time{font-size:14px;color:#6b7280}.review-actions{display:flex;align-items:center}.actions-container{position:relative;display:inline-block}.actions-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#6b7280;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.actions-button:hover{background-color:#f3f4f6;color:#374151}.actions-dropdown{position:absolute;right:0;top:100%;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;z-index:10;min-width:120px;overflow:hidden;margin-top:8px}.actions-dropdown button{display:block;width:100%;padding:8px 16px;border:none;background:none;text-align:left;font-size:14px;color:#374151;cursor:pointer;transition:background-color .2s ease-in-out}.actions-dropdown button:hover{background-color:#f3f4f6}.review-rating{display:flex;gap:2px;margin-bottom:12px}.review-text{font-size:15px;color:#374151;line-height:1.6;margin-bottom:16px}.review-images{display:flex;gap:8px;flex-wrap:wrap}.review-image{width:60px;height:60px;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease-in-out}.review-image:hover{border-color:#07c55b;box-shadow:0 4px 12px #07c55b26}.review-image-img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease-in-out}.review-image:hover .review-image-img{transform:scale(1.05)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.pagination-info{font-size:14px;color:#6b7280}.pagination-controls{display:flex;gap:8px}.pagination-button{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px;cursor:pointer;color:#6b7280;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.pagination-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}@media (max-width: 768px){.reviews{padding:12px}.reviews-title{font-size:24px}.reviews-subtitle{font-size:14px}.rating-summary{grid-template-columns:1fr;gap:24px;text-align:center}.rating-number{font-size:36px}.rating-summary-card{padding:24px}.section-header{flex-direction:column;gap:16px;align-items:flex-start}.filters-container{flex-direction:column;gap:12px;align-items:flex-start;width:100%}.review-card{padding:20px}.review-header{flex-direction:column;gap:12px;align-items:flex-start}.review-actions{align-self:flex-end}.pagination{flex-direction:column;gap:16px;align-items:center}}@media (max-width: 480px){.rating-summary-card{padding:20px}.rating-number{font-size:32px}.review-card{padding:16px}.review-image{width:50px;height:50px}}.menu-page{padding:24px;max-width:1200px}.menu-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.menu-title-section{display:flex;flex-direction:column;gap:8px}.menu-title{font-size:32px;font-weight:700;color:#111827;margin:0}.menu-subtitle{font-size:16px;color:#6b7280;margin:0}.error-message{color:#ef4444;font-size:16px;margin:0 0 20px}.retry-button{background-color:#07c55b;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out}.retry-button:hover{background-color:#059669}.update-button{background-color:#111827;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.update-button:hover{background-color:#374151;transform:translateY(-1px)}.menu-content{display:flex;flex-direction:column;gap:24px}.main-image-container{width:100%;margin-bottom:24px}.main-image-placeholder{position:relative;width:100%;height:400px;background-color:#f3f4f6;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.main-image{width:100%;height:100%;object-fit:cover;border-radius:12px;cursor:pointer;transition:transform .2s ease-in-out}.main-image:hover{transform:scale(1.02)}.pdf-container{width:100%;height:100%;position:relative}.pdf-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease-in-out;border-radius:12px;position:absolute;top:0;left:0}.pdf-placeholder:hover{transform:scale(1.02)}.pdf-icon-container{display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff;text-align:center}.pdf-icon{opacity:.9;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.pdf-label{font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.pdf-hint{font-size:16px;font-weight:500;margin:0;opacity:.9;text-shadow:0 2px 4px rgba(0,0,0,.1)}.image-overlay{position:absolute;inset:0;background-color:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.main-image-placeholder:hover .image-overlay{opacity:1}.placeholder-icon{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff}.mountain-icon{opacity:.8}.sun-icon{opacity:.6;margin-left:8px}.image-gallery{display:flex;align-items:center;gap:16px;width:100%}.gallery-nav-button{background-color:#f3f4f6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease-in-out;flex-shrink:0}.gallery-nav-button:hover{background-color:#e5e7eb;color:#374151}.gallery-nav-button:active{transform:scale(.95)}.gallery-images{display:flex;gap:12px;overflow-x:auto;flex:1;padding:4px 0}.gallery-images::-webkit-scrollbar{height:4px}.gallery-images::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.gallery-images::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.gallery-image-item{position:relative;width:120px;height:120px;background-color:#f3f4f6;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease-in-out;flex-shrink:0;border:2px solid transparent}.gallery-image-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.gallery-image-item.active{border-color:#07c55b;box-shadow:0 0 0 2px #07c55b33}.gallery-image{width:100%;height:100%;object-fit:cover;border-radius:6px}.gallery-image-overlay{position:absolute;inset:0;background-color:#0003;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease-in-out}.gallery-image-item:hover .gallery-image-overlay{opacity:1}.gallery-placeholder-icon{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff}.gallery-mountain-icon{opacity:.8}.gallery-sun-icon{opacity:.6;margin-left:4px}.gallery-pdf-container{width:100%;height:100%;position:relative}.gallery-pdf-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:6px;position:absolute;top:0;left:0}.empty-state-container{display:flex;align-items:center;justify-content:center;min-height:400px;width:100%}.empty-state-content{text-align:center;max-width:500px;padding:48px 24px;border:2px dashed #d1d5db;border-radius:12px;background-color:#fafafa}.empty-state-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 16px}.empty-state-message{font-size:16px;color:#6b7280;margin:0 0 24px;line-height:1.5}.upload-menu-button{background-color:#f3f4f6;color:#374151;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.upload-menu-button:hover{background-color:#e5e7eb;transform:translateY(-1px)}.upload-menu-button:active{transform:translateY(0)}@media (max-width: 768px){.menu-page{padding:16px}.menu-header{flex-direction:column;gap:16px;align-items:stretch}.menu-title{font-size:24px}.update-button{width:100%;padding:14px 24px}.main-image-placeholder{height:250px}.gallery-image-item{width:100px;height:100px}.gallery-nav-button{width:36px;height:36px}.gallery-nav-button svg{width:16px;height:16px}.empty-state-content{padding:32px 16px}.empty-state-title{font-size:20px}.empty-state-message{font-size:14px}}@media (max-width: 480px){.menu-page{padding:12px}.menu-title{font-size:20px}.main-image-placeholder{height:200px}.gallery-image-item{width:80px;height:80px}.gallery-images{gap:8px}.gallery-nav-button{width:32px;height:32px}.empty-state-content{padding:24px 12px}.empty-state-title{font-size:18px}.empty-state-message{font-size:13px}}.update-menu-page{padding:24px;max-width:1200px}.breadcrumb-separator{color:#9ca3af;margin:0 4px}.success-container{background-color:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;padding:12px 16px;margin-bottom:24px}.success-message{color:#065f46;font-size:14px;font-weight:500;margin:0}.error-container{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:24px}.error-message{color:#dc2626;font-size:14px;font-weight:500;margin:0}.loading-container p{color:#6b7280;font-size:16px;margin:0}.delete-spinner{width:12px;height:12px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.update-menu-card{padding:32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.upload-section{margin-bottom:32px}.upload-area{border:2px dashed #d1d5db;border-radius:12px;padding:48px 24px;text-align:center;background-color:#fafafa;transition:all .2s ease-in-out}.upload-content{display:flex;flex-direction:column;align-items:center;gap:16px}.upload-icon{color:#9ca3af}.upload-text{color:#6b7280;font-size:16px;margin:0;max-width:400px;line-height:1.5}.upload-button{background-color:#374151;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;gap:8px}.upload-button:hover:not(:disabled){background-color:#4b5563;transform:translateY(-1px)}.upload-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.upload-spinner{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.image-gallery-section{margin-bottom:32px}.gallery-container{position:relative;display:flex;align-items:center;gap:16px}.gallery-refresh-overlay{position:absolute;inset:0;background:#ffffffd9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:2;border-radius:12px}.gallery-refresh-overlay p{color:#4b5563;font-size:14px;font-weight:500}.gallery-images{display:flex;gap:16px;overflow-x:auto;flex:1;padding:8px 0;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.gallery-images::-webkit-scrollbar{height:6px}.gallery-images::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.gallery-images::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.gallery-images::-webkit-scrollbar-thumb:hover{background:#94a3b8}.gallery-image-item{position:relative;width:120px;height:120px;border-radius:8px;overflow:hidden;flex-shrink:0;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease-in-out}.gallery-image-item:hover{transform:translateY(-2px)}.gallery-image{width:100%;height:100%;object-fit:cover}.gallery-pdf-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:8px}.gallery-pdf-icon{color:#fff;opacity:.9}.gallery-pdf-text{color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.delete-image-button{position:absolute;top:8px;right:8px;background-color:#ffffffe6;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#374151;transition:all .2s ease-in-out;box-shadow:0 1px 3px #0000001a}.delete-image-button:hover{background-color:#ef4444;color:#fff;transform:scale(1.1)}.scroll-right-button{background-color:#f3f4f6;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease-in-out;flex-shrink:0}.scroll-right-button:hover{background-color:#e5e7eb;color:#374151}.action-buttons{display:flex;justify-content:flex-end;gap:16px;padding-top:24px;border-top:1px solid #e5e7eb}.cancel-button{background-color:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.cancel-button:hover{background-color:#f9fafb;border-color:#9ca3af}.save-button{background-color:#111827;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.save-button:hover{background-color:#374151;transform:translateY(-1px)}@media (max-width: 768px){.update-menu-page{padding:16px}.update-menu-card{padding:24px}.upload-area{padding:32px 16px}.upload-text{font-size:14px}.gallery-image-item{width:100px;height:100px}.gallery-images{gap:12px}.action-buttons{flex-direction:column}.cancel-button,.save-button{width:100%;padding:14px 24px}}@media (max-width: 480px){.update-menu-page{padding:12px}.update-menu-card{padding:20px}.upload-area{padding:24px 12px}.gallery-image-item{width:80px;height:80px}.gallery-images{gap:8px}.scroll-right-button{width:40px;height:40px}}.notifications-page{padding:24px;max-width:1200px}.notifications-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.notifications-title{font-size:32px;font-weight:700;color:#111827;margin:0}.mark-all-read-button{padding:8px 16px;background-color:#07c55b;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out}.mark-all-read-button:hover{background-color:#06a84a}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#07c55b;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:#6b7280;font-size:14px}.notifications-content,.notifications-list{display:flex;flex-direction:column;gap:16px}.notification-item{padding:20px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease-in-out;cursor:pointer}.notification-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.notification-item.read{background-color:#fff;border-color:#e5e7eb}.notification-item.read:hover{background-color:#f9fafb;border-color:#d1d5db}.notification-content{display:flex;align-items:flex-start;gap:16px}.notification-status{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;flex-shrink:0;margin-top:2px}.notification-icon{font-size:24px;line-height:1}.status-icon{color:#6b7280}.status-icon.read{color:#10b981}.status-icon.unread{color:#6b7280}.notification-details{flex:1;display:flex;flex-direction:column;gap:8px}.notification-header{display:flex;align-items:center;gap:12px}.notification-title{font-size:16px;font-weight:600;color:#111827;margin:0}.notification-timestamp{font-size:14px;color:#6b7280;font-weight:400}.notification-description{font-size:14px;color:#6b7280;line-height:1.5;margin:0}.notification-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.mark-read-button,.dismiss-button{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.mark-read-button:hover{background-color:#e5e7eb;color:#10b981}.dismiss-button:hover{background-color:#fee2e2;color:#ef4444}.notifications-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.pagination-button{padding:8px 16px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease-in-out}.pagination-button:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:#6b7280;font-weight:500}.empty-notifications{display:flex;align-items:center;justify-content:center;min-height:300px;width:100%}.empty-state-content{text-align:center;max-width:400px;padding:48px 24px}.empty-state-title{font-size:20px;font-weight:600;color:#111827;margin:0 0 12px}.empty-state-message{font-size:16px;color:#6b7280;margin:0;line-height:1.5}@media (max-width: 768px){.notifications-page{padding:16px}.notifications-title{font-size:24px}.notification-item{padding:16px}.notification-content{gap:12px}.notification-header{flex-direction:column;align-items:flex-start;gap:4px}.notification-actions{flex-direction:column;gap:4px}.mark-read-button,.dismiss-button{padding:6px}}@media (max-width: 480px){.notifications-page{padding:12px}.notifications-title{font-size:20px}.notification-item{padding:12px}.notification-content{gap:8px}.notification-title{font-size:15px}.notification-description{font-size:13px}.empty-state-content{padding:32px 16px}.empty-state-title{font-size:18px}.empty-state-message{font-size:14px}}.settings-page{padding:24px;max-width:1200px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.error-message{color:#dc2626;font-size:16px;font-weight:500;margin-bottom:16px}.retry-button{background-color:#07c55b;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out}.retry-button:hover{background-color:#059e47}.no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.no-data-container p{color:#6b7280;font-size:16px;font-weight:500}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.settings-title{font-size:32px;font-weight:700;color:#111827;margin:0}.settings-actions{position:relative}.three-dots-button{background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.three-dots-button:hover{background-color:#f3f4f6;color:#374151}.settings-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;min-width:180px;overflow:hidden;margin-top:4px}.dropdown-item{width:100%;background:none;border:none;padding:12px 16px;text-align:left;cursor:pointer;color:#374151;font-size:14px;display:flex;align-items:center;gap:12px;transition:background-color .2s ease-in-out}.dropdown-item:hover{background-color:#f9fafb}.dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.settings-content{display:flex;flex-direction:column;gap:32px}.settings-section{display:flex;flex-direction:column;gap:16px}.section-title{font-size:20px;font-weight:600;color:#111827;margin:0}.restaurant-info{display:flex;gap:24px;align-items:flex-start}.restaurant-image-container{flex-shrink:0}.restaurant-image-placeholder{width:200px;height:150px;background-color:#f3f4f6;border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px dashed #d1d5db}.restaurant-main-image{width:200px;height:150px;object-fit:cover;border-radius:12px}.image-placeholder-icon{color:#9ca3af}.restaurant-details{flex:1;display:flex;flex-direction:column;gap:16px}.restaurant-description{font-size:16px;color:#6b7280;line-height:1.6;margin:0}.restaurant-categories{display:flex;gap:8px;flex-wrap:wrap}.category-tag{background-color:#f3f4f6;color:#374151;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500}.restaurant-buttons{display:flex;gap:12px;margin-top:16px}.view-menu-button{background-color:#07c55b;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.view-menu-button:hover{background-color:#059669;transform:translateY(-1px)}.view-menu-button:active{transform:translateY(0)}.update-button{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.update-button:hover{background-color:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.update-button:active{transform:translateY(0)}.media-item{flex:0 0 auto;width:200px;border-radius:8px;overflow:hidden;transition:transform .2s ease-in-out}.media-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.media-item-empty{opacity:.5}.media-image{width:100%;height:120px;object-fit:cover;border-radius:8px}.media-nav-button:hover{background-color:#e5e7eb;color:#374151}.media-placeholder{width:100%;height:120px;background-color:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px dashed #d1d5db}.contact-info{display:flex;flex-direction:column;gap:12px}.contact-item{display:flex;gap:12px;align-items:center}.contact-label{font-weight:600;color:#374151;min-width:80px}.contact-value{color:#6b7280}.hours-table-card{padding:0;overflow:hidden}.table-container{overflow-x:auto}.operating-hours-table{width:100%;border-collapse:collapse}.operating-hours-table thead{background-color:#f9fafb}.operating-hours-table th{padding:16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.operating-hours-table td{padding:16px;color:#6b7280;border-bottom:1px solid #f3f4f6}.operating-hours-table tbody tr:hover{background-color:#f9fafb}.sortable-header{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.sort-icon{color:#9ca3af;transition:color .2s ease-in-out}.sortable-header:hover .sort-icon{color:#6b7280}.additional-info{display:flex;flex-direction:column;gap:12px}.info-item{display:flex;gap:12px;align-items:center}.info-label{font-weight:600;color:#374151;min-width:160px}.info-value{color:#6b7280}@media (max-width: 768px){.settings-page{padding:16px}.settings-title{font-size:24px}.settings-dropdown{min-width:160px}.dropdown-item{padding:10px 12px;font-size:13px}.restaurant-info{flex-direction:column;gap:16px}.restaurant-buttons{flex-direction:column;gap:8px}.restaurant-image-placeholder{width:100%;height:120px}.media-carousel{flex-direction:column;gap:12px}.media-gallery{flex-direction:row;gap:12px}.media-item{width:150px}.media-image{height:100px}.media-nav-button{width:36px;height:36px}.contact-item,.info-item{flex-direction:column;align-items:flex-start;gap:4px}.contact-label,.info-label{min-width:auto}.operating-hours-table th,.operating-hours-table td{padding:12px 8px;font-size:14px}}@media (max-width: 480px){.settings-page{padding:12px}.settings-title{font-size:20px}.settings-dropdown{min-width:140px}.dropdown-item{padding:8px 10px;font-size:12px}.section-title{font-size:18px}.restaurant-description{font-size:14px}.view-menu-button,.update-button{width:100%;padding:14px 24px}.restaurant-main-image{width:100%;height:100px}.media-item{width:120px}.media-image{height:80px}.media-nav-button{width:32px;height:32px}.operating-hours-table th,.operating-hours-table td{padding:8px 4px;font-size:13px}}.update-settings-page{padding:24px;max-width:1200px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #07C55B;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-container p{color:#6b7280;font-size:16px;font-weight:500}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;text-align:center;margin-bottom:24px}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;text-align:center;margin-bottom:24px}.field-error{color:#dc2626;font-size:12px;margin-top:4px;font-weight:500}.form-input.error,.form-textarea.error,.form-select.error,.time-input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.time-input-container{display:flex;flex-direction:column;gap:4px}.copy-success-message{display:flex;align-items:center;gap:8px;background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;margin-bottom:16px}.hours-actions{display:flex;gap:8px;align-items:center}.copy-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease-in-out}.copy-button:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#374151}.copy-button.copied{background-color:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.paste-button{padding:6px 12px;border:1px solid #07C55B;border-radius:6px;background-color:#07c55b;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.paste-button:hover{background-color:#059e47;border-color:#059e47;transform:translateY(-1px)}.paste-button:active{transform:translateY(0)}.breadcrumb-container{margin-bottom:24px}.breadcrumb-link{color:#6b7280;text-decoration:none;font-size:14px;transition:color .2s ease-in-out}.breadcrumb-separator{color:#9ca3af;margin:0 8px}.breadcrumb-current{color:#111827;font-size:14px;font-weight:500}.settings-section-card{background:#fff;border-radius:12px;padding:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:24px;border:1px solid #e5e7eb}.settings-section-card:last-of-type{margin-bottom:0}.section-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;transition:background-color .2s ease-in-out}.section-header:hover{background-color:#f9fafb}.section-title{font-size:18px;font-weight:600;color:#111827;margin:0}.section-icon{color:#6b7280;transition:transform .2s ease-in-out}.section-content{padding:0 24px 24px}.profile-picture-section{margin-bottom:24px}.profile-picture-container{position:relative;display:inline-block}.profile-picture{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #e5e7eb}.edit-picture-button{position:absolute;bottom:0;right:0;background-color:#07c55b;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 2px 4px #0000001a}.edit-picture-button:hover{background-color:#059e47;transform:scale(1.05)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-column{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.form-label{font-size:14px;font-weight:500;color:#374151}.form-input,.form-select,.form-textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease-in-out;background-color:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#07c55b;box-shadow:0 0 0 3px #07c55b1a}.form-textarea{resize:vertical;min-height:100px}.chip-select{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #d1d5db;border-radius:9999px;background-color:#fff;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.chip:hover{border-color:#07c55b;color:#07c55b}.chip-selected{background-color:#07c55b;border-color:#07c55b;color:#fff;box-shadow:0 4px 6px #07c55b26}.chip-selected:hover{background-color:#059e47;border-color:#059e47}.chip-indicator{width:12px;display:inline-block}.chip-select-error{border-radius:12px;padding:8px;border:1px dashed rgba(220,38,38,.5)}.field-hint{font-size:12px;color:#6b7280;margin-top:-4px}.selected-summary{margin-top:6px;font-size:12px;color:#4b5563}.select-wrapper{position:relative}.select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.media-upload-section{margin-bottom:24px}.upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:40px;text-align:center;background-color:#f9fafb;transition:all .2s ease-in-out;cursor:pointer}.upload-area:hover{border-color:#07c55b;background-color:#f0fdf4}.upload-content{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-icon{color:#6b7280}.upload-text{color:#6b7280;font-size:14px;margin:0;font-weight:500}.upload-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #07C55B;border-radius:50%;animation:spin 1s linear infinite}.media-gallery-section{margin-top:16px}.media-carousel{display:flex;align-items:center;gap:16px;width:100%;overflow:hidden}.media-gallery{display:flex;gap:16px;flex:1;padding:8px 0;justify-content:center}.media-nav-button{background-color:#f3f4f6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease-in-out;flex-shrink:0}.media-nav-button:hover{background-color:#e5e7eb;color:#374151;transform:scale(1.05)}.media-nav-button:active{transform:scale(.95)}.media-gallery-item{position:relative;flex:0 0 auto;width:100px;height:100px;border-radius:8px;overflow:hidden;transition:transform .2s ease-in-out}.media-gallery-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.media-gallery-item-empty{opacity:.5;display:flex;align-items:center;justify-content:center;background-color:#f9fafb;border:2px dashed #d1d5db}.media-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.media-placeholder-icon{color:#9ca3af}.media-gallery-image{width:100%;height:100%;object-fit:cover}.delete-media-button{position:absolute;top:8px;right:8px;background-color:#ef4444e6;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out;opacity:0}.media-gallery-item:hover .delete-media-button{opacity:1}.delete-media-button:hover{background-color:#dc2626;transform:scale(1.1)}.location-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.contact-fields{display:flex;flex-direction:column;gap:24px}.social-media-section{margin-top:16px}.social-media-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 16px}.map-section{display:flex;flex-direction:column}.map-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 16px}.map-search-container{margin-bottom:16px}.map-search-input-group{display:flex;gap:8px}.map-search-input{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease-in-out;background-color:#fff}.map-search-input:focus{outline:none;border-color:#07c55b;box-shadow:0 0 0 3px #07c55b1a}.map-search-button{background-color:#07c55b;color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap}.map-search-button:hover{background-color:#059e47;transform:translateY(-1px)}.map-search-button:active{transform:translateY(0)}.map-container{width:100%;height:300px;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;position:relative;background-color:#f9fafb}.map-container:empty:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236b7280' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.map-container:empty:after{content:"Loading interactive map...";position:absolute;top:60%;left:50%;transform:translate(-50%);color:#6b7280;font-size:14px;font-weight:500}.map-container .mapboxgl-map{border-radius:8px;height:100%;width:100%}.map-container .mapboxgl-popup-content{border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;padding:12px 16px;font-size:14px;line-height:1.4}.map-container .mapboxgl-popup-content b{color:#111827;font-weight:600}.map-container .mapboxgl-ctrl-group{border-radius:8px;box-shadow:0 2px 4px #0000001a}.map-container .mapboxgl-ctrl-geolocate{background-color:#3b82f6}.map-container .mapboxgl-ctrl-geolocate:hover{background-color:#2563eb}.price-range-container{display:flex;align-items:center;gap:8px}.price-input{flex:1;min-width:0}.price-separator{color:#6b7280;font-weight:500;font-size:14px;flex-shrink:0}.price-currency{color:#6b7280;font-weight:500;font-size:14px;flex-shrink:0;margin-left:4px}.hours-table-container{margin-top:16px}.hours-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.hours-table th{background-color:#f9fafb;padding:12px 16px;text-align:left;font-size:14px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.hours-table td{padding:12px 16px;border-bottom:1px solid #f3f4f6;font-size:14px;color:#374151}.hours-table tr:last-child td{border-bottom:none}.time-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;width:120px;transition:all .2s ease-in-out}.time-input:focus{outline:none;border-color:#07c55b;box-shadow:0 0 0 3px #07c55b1a}.action-buttons{display:flex;gap:12px;justify-content:flex-start}.save-button{background-color:#07c55b;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.save-button:hover{background-color:#059e47;transform:translateY(-1px)}.save-button:active{transform:translateY(0)}.cancel-button{background-color:#fff;color:#07c55b;border:1px solid #07C55B;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.cancel-button:hover{background-color:#f0fdf4;transform:translateY(-1px)}.cancel-button:active{transform:translateY(0)}@media (max-width: 768px){.update-settings-page{padding:16px}.settings-section-card{margin-bottom:16px}.section-header{padding:16px 20px}.section-content{padding:0 20px 20px}.form-grid{grid-template-columns:1fr;gap:16px}.location-contact-grid{grid-template-columns:1fr;gap:24px}.map-container{height:250px}.map-search-input-group{flex-direction:column;gap:8px}.map-search-button{width:100%}.form-column{gap:16px}.price-range-container{flex-direction:column;gap:8px;align-items:stretch}.price-separator{text-align:center;order:2}.price-currency{order:3;text-align:center;margin-left:0}.profile-picture{width:100px;height:100px}.edit-picture-button{width:28px;height:28px}.upload-area{padding:24px}.media-carousel{flex-direction:column;gap:12px}.media-gallery{flex-direction:row;gap:12px}.media-gallery-item{width:80px;height:80px}.hours-table th,.hours-table td{padding:8px 12px;font-size:13px}.time-input{width:100px;padding:6px 8px}.action-buttons{flex-direction:column}.save-button,.cancel-button{width:100%;padding:14px 24px}}@media (max-width: 480px){.update-settings-page{padding:12px}.settings-section-card{margin-bottom:12px}.section-header{padding:12px 16px}.section-content{padding:0 16px 16px}.section-title{font-size:16px}.profile-picture{width:80px;height:80px}.edit-picture-button{width:24px;height:24px}.upload-area{padding:20px}.media-carousel{flex-direction:column;gap:8px}.media-gallery{flex-direction:row;gap:8px}.media-gallery-item{width:70px;height:70px}.upload-text{font-size:13px}.form-input,.form-select,.form-textarea{padding:10px 12px;font-size:13px}.location-contact-grid{grid-template-columns:1fr;gap:20px}.map-container{height:200px}.map-search-input-group{flex-direction:column;gap:6px}.map-search-button{width:100%;padding:8px 12px;font-size:13px}.social-media-title,.map-title{font-size:15px}.price-range-container{flex-direction:column;gap:6px;align-items:stretch}.price-separator{text-align:center;order:2}.price-currency{order:3;text-align:center;margin-left:0}.hours-table th,.hours-table td{padding:6px 8px;font-size:12px}.hours-actions{flex-direction:column;gap:4px}.copy-button{width:28px;height:28px}.paste-button{padding:4px 8px;font-size:11px}.time-input{width:80px;padding:4px 6px;font-size:12px}}.map-loading-overlay{position:absolute;inset:0;background-color:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:8px}.map-loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.map-loading-overlay p{margin:0;color:#6b7280;font-size:14px;font-weight:500}.coordinates-display{margin-top:16px;padding:16px;background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:8px}.coordinates-display h4{margin:0 0 12px;color:#374151;font-size:16px;font-weight:600}.coordinates-display p{margin:4px 0;color:#6b7280;font-size:14px}.coordinates-display p strong{color:#374151;font-weight:600}.coordinates-hint{margin-top:8px!important;font-style:italic;color:#9ca3af!important;font-size:12px!important}.update-password-page{padding:24px;max-width:600px;margin:0 auto;min-height:100vh;background-color:#f9fafb}.password-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e5e7eb}.password-header{margin-bottom:32px;text-align:center}.password-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 8px;line-height:1.2}.password-description{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.password-form{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.password-input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:#9ca3af;z-index:1;pointer-events:none}.password-input{width:100%;padding:12px 12px 12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;background-color:#fff;transition:all .2s ease-in-out}.password-input:focus{outline:none;border-color:#07c55b;box-shadow:0 0 0 3px #07c55b1a}.password-input::placeholder{color:#9ca3af}.password-toggle{position:absolute;right:12px;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#374151;background-color:#f3f4f6}.password-toggle:focus{outline:none;color:#07c55b;background-color:#07c55b1a}.password-actions{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.password-help{text-align:center;padding-top:16px;border-top:1px solid #e5e7eb}@media (max-width: 768px){.update-password-page{padding:16px}.password-card{padding:24px}.password-title{font-size:20px}.password-description{font-size:13px}.password-form{gap:20px}.password-actions{flex-direction:column;gap:8px}.save-button,.cancel-button{width:100%;min-width:auto}}@media (max-width: 480px){.update-password-page{padding:12px}.password-card{padding:20px}.password-title{font-size:18px}.password-description{font-size:12px}.password-form{gap:16px}.form-label{font-size:13px}.password-input{padding:10px 10px 10px 36px;font-size:13px}.input-icon{left:10px}.password-toggle{right:10px}.save-button,.cancel-button{padding:10px 20px;font-size:13px}.help-text{font-size:12px}}.update-pin-page{padding:24px;max-width:600px;margin:0 auto;min-height:100vh;background-color:#f9fafb}.breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:14px}.breadcrumb-link{color:#6b7280;text-decoration:none;transition:color .2s ease-in-out}.breadcrumb-link:hover{color:#07c55b}.breadcrumb-separator{color:#9ca3af;font-weight:500}.breadcrumb-current{color:#111827;font-weight:500}.pin-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e5e7eb}.pin-header{margin-bottom:32px;text-align:center}.pin-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 8px;line-height:1.2}.pin-description{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.pin-form{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:#374151;margin:0}.pin-input-container{display:flex;gap:12px;justify-content:center;padding:8px;border-radius:8px;transition:all .2s ease-in-out;cursor:pointer}.pin-input-container:hover{background-color:#f9fafb}.pin-input-container.active{background-color:#07c55b0d}.pin-input{width:60px;height:60px;border:2px solid #d1d5db;border-radius:8px;font-size:24px;font-weight:600;text-align:center;color:#111827;background-color:#fff;transition:all .2s ease-in-out;outline:none;cursor:pointer}.pin-input:focus{border-color:#07c55b;box-shadow:0 0 0 3px #07c55b1a;background-color:#f9fafb}.pin-input.filled{border-color:#07c55b;background-color:#f0fdf4;color:#166534}.pin-input:hover{border-color:#9ca3af;background-color:#f9fafb}.pin-input.filled:hover{border-color:#059e47;background-color:#ecfdf5}.pin-actions{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.save-button{background-color:#111827;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;min-width:120px}.save-button:hover:not(:disabled){background-color:#374151;transform:translateY(-1px)}.save-button:active:not(:disabled){transform:translateY(0)}.save-button:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.cancel-button{background-color:#fff;color:#111827;border:1px solid #d1d5db;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;min-width:120px}.cancel-button:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.cancel-button:active:not(:disabled){transform:translateY(0)}.cancel-button:disabled{background-color:#f9fafb;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed;transform:none}.pin-help{text-align:center;padding-top:16px;border-top:1px solid #e5e7eb}.help-text{font-size:13px;color:#6b7280;margin:0;line-height:1.4}@media (max-width: 768px){.update-pin-page{padding:16px}.pin-card{padding:24px}.pin-title{font-size:20px}.pin-description{font-size:13px}.pin-form{gap:20px}.pin-input{width:50px;height:50px;font-size:20px}.pin-input-container{gap:8px}.pin-actions{flex-direction:column;gap:8px}.save-button,.cancel-button{width:100%;min-width:auto}}@media (max-width: 480px){.update-pin-page{padding:12px}.pin-card{padding:20px}.pin-title{font-size:18px}.pin-description{font-size:12px}.pin-form{gap:16px}.form-label{font-size:13px}.pin-input{width:45px;height:45px;font-size:18px}.pin-input-container{gap:6px}.save-button,.cancel-button{padding:10px 20px;font-size:13px}.help-text{font-size:12px}}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;color:#111827;line-height:1.5}#root{min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0}button,input,textarea,select{font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus{outline:2px solid #07C55B;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}