@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #075e54;--primary-hover: #128c7e;--primary-light: rgba(7, 94, 84, .08);--bg-dark: #f3f4f6;--bg-card: #ffffff;--bg-sidebar: #ffffff;--text-main: #1f2937;--text-muted: #6b7280;--border: #e5e7eb;--accent: #f43f5e;--success: #10b981;--warning: #f59e0b;--glass: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .08);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--shadow-lg: none;--shadow-primary: none;--radius-lg: 8px;--radius-md: 6px;--radius-sm: 4px}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.animate-fade{animation:fadeIn .5s ease-out forwards}.animate-slide{animation:slideIn .4s ease-out forwards}.glass{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border);box-shadow:var(--shadow-lg);transition:var(--transition)}.btn{padding:10px 20px;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;font-size:.9rem;height:42px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:#fff;border:1px solid var(--border);color:var(--text-main)}.btn-outline:hover{background:#f8fafc;border-color:var(--primary);color:var(--primary)}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;color:var(--text-muted);cursor:pointer;transition:var(--transition);padding:0}.icon-btn:hover{background:#f8fafc;color:var(--primary);border-color:var(--primary)}.icon-btn.danger:hover{background:#fef2f2;color:#ef4444;border-color:#ef4444}input,select,textarea{background:#fff;border:1px solid var(--border);padding:10px 16px;border-radius:var(--radius-md);color:var(--text-main);font-size:.95rem;transition:var(--transition);width:100%;height:42px;resize:none}select option{background-color:#fff;color:var(--text-main)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #075e541a}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px!important;height:22px!important;aspect-ratio:1 / 1;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;flex-shrink:0;margin:0;padding:0}input[type=checkbox]:hover{border-color:#ffffff4d;background:#ffffff0d}input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary);box-shadow:0 0 10px #6366f14d}input[type=checkbox]:checked:after{content:"";position:absolute;left:50%;top:45%;width:5px;height:10px;border:solid white;border-width:0 2.5px 2.5px 0;transform:translate(-50%,-50%) rotate(45deg)}input[type=radio]{appearance:auto;-webkit-appearance:auto;width:18px!important;height:18px!important;aspect-ratio:1 / 1;padding:0!important;border:none!important;background:transparent!important;cursor:pointer;accent-color:var(--primary);flex-shrink:0;margin:0}.dashboard-layout{display:flex;min-height:100vh}.main-content{flex:1;padding:0;overflow-y:auto;min-width:0}.page-container{padding:2rem;width:100%;min-height:100%}@media(max-width:1300px){.main-content{padding:0}.page-container{padding:1rem}.page-header{margin:-1rem -1rem 24px;padding:16px 1rem;border-radius:0;align-items:flex-start;gap:16px}.card{padding:16px}th,td{padding:12px 8px!important}}@media(max-width:640px){:root{--page-padding: .8rem;--card-padding: 1rem}body{font-size:14px}input,select,textarea{padding:10px 12px!important;font-size:.9rem!important}h1,.page-title{font-size:1.3rem!important}h2{font-size:1.15rem!important}h3{font-size:1.05rem!important}.page-container{padding:var(--page-padding)!important}.card{padding:var(--card-padding)!important;border-radius:12px}.mobile-header{display:flex!important;box-shadow:none!important}.page-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:.75rem 1rem!important;margin:-.8rem -.8rem 1.5rem!important;padding:12px .8rem!important;border-radius:0!important;text-align:left;width:100%!important}.page-header>div:first-child{flex:1;min-width:0}.page-header button,.page-header .btn{flex-shrink:0!important;width:auto!important;height:38px!important;padding:0 12px!important;font-size:.85rem!important}.header-actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;gap:8px!important}.page-header button,.page-header .btn,.page-header .input,.page-header .custom-datepicker{height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 16px!important;font-size:.85rem!important;white-space:nowrap;width:auto}.datepicker-wrapper{flex:1;height:40px}.custom-datepicker{width:100%!important;padding-left:36px!important}.dashboard-stats-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important}.dashboard-stats-grid .card{padding:.75rem!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;gap:8px!important}.dashboard-stats-grid .card h3{font-size:1.15rem!important;margin-top:2px!important}.dashboard-stats-grid .card p{font-size:.7rem!important}.dashboard-stats-grid .card div[style*="width: 44px"]{width:36px!important;height:36px!important}.dashboard-stats-grid .card div[style*="width: 44px"] svg{width:16px!important;height:16px!important}.qr-list-card,.orders-card,.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}table{min-width:450px}.btn{padding:7px 14px;font-size:.85rem}input,select,textarea{padding:8px 12px;font-size:.85rem}.form-row{flex-direction:column!important;gap:0!important}.form-group{margin-bottom:.85rem!important}.modal{width:95%!important;max-height:90vh!important;padding:1rem!important}}.page-header{background:#fff;border:none;border-bottom:1px solid var(--border);padding:20px 2rem;margin:-2rem -2rem 24px;border-radius:0;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.page-header input:not([type=checkbox]),.page-header select,.page-header .search-input,.page-header .date-controls{background:#f3f4f6!important;border:1px solid #e5e7eb!important;height:42px!important;border-radius:var(--radius-md)!important;display:flex;align-items:center;transition:var(--transition)}.page-header .search-input input,.page-header .date-controls input{background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;height:100%!important;padding:0!important;width:100%!important}.page-header input:focus,.page-header .search-input:focus-within,.page-header .date-controls:focus-within{border-color:var(--primary)!important;background:#fff!important;outline:none!important;box-shadow:none!important}.page-header .date-controls,.page-header .search-input{padding:0 16px;gap:10px}.page-header h1{font-size:1.5rem;font-weight:700;color:var(--text-main);margin:0}.page-header p{font-size:.875rem;color:var(--text-muted);margin-top:4px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.datepicker-wrapper{position:relative;display:flex;align-items:center}.datepicker-icon{position:absolute;left:12px;z-index:10;color:var(--text-muted);pointer-events:none}.custom-datepicker{padding-left:40px!important;min-width:220px;background:var(--bg-card)!important;cursor:pointer}.react-datepicker{background-color:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;font-family:Outfit,sans-serif!important;color:var(--text-main)!important}.react-datepicker__header{background-color:var(--bg-dark)!important;border-bottom:1px solid var(--border)!important;border-top-left-radius:var(--radius-md)!important;border-top-right-radius:var(--radius-md)!important}.react-datepicker__current-month,.react-datepicker__day-name,.react-datepicker__day{color:var(--text-main)!important}.react-datepicker__day:hover{background-color:var(--primary)!important;border-radius:8px!important}.react-datepicker__day--selected{background-color:var(--primary)!important;color:#fff!important;border-radius:8px!important}.react-datepicker__day--disabled{color:var(--text-muted)!important;opacity:.3}.react-datepicker__navigation--next,.react-datepicker__navigation--previous{top:10px!important}.react-datepicker__triangle{display:none!important}.alert{padding:12px 20px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.95rem;font-weight:500;border:1px solid transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:slideInDown .4s cubic-bezier(.175,.885,.32,1.275) forwards;box-shadow:none!important;position:relative;overflow:hidden}.alert:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.alert-success{background:#10b9811a;border-color:#10b98133;color:#10b981}.alert-success:before{background:#10b981}.alert-error{background:#ef44441a;border-color:#ef444433;color:#ef4444}.alert-error:before{background:#ef4444}.alert button{background:transparent;border:none;color:inherit;cursor:pointer;opacity:.6;transition:opacity .2s;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px}.alert button:hover{opacity:1;background:#ffffff0d}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-tabs{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px}.settings-tabs .tab-btn{display:flex;align-items:center;gap:8px;padding:0 20px;height:42px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition);border:1px solid var(--primary)!important;background:var(--primary-light)!important;color:var(--primary)!important;white-space:nowrap}.settings-tabs .tab-btn.tab-active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.settings-tabs .tab-btn:hover:not(.tab-active){background:#075e541f!important}.settings-tabs .tab-btn svg{flex-shrink:0}.sales-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%}@media(max-width:768px){.sales-summary-grid{grid-template-columns:1fr;gap:16px}}.sidebar{width:280px;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 0 0;height:100vh;position:sticky;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000}.sidebar-toggle-btn-small{background:#00000008;border:1px solid var(--border);color:var(--text-muted);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);flex-shrink:0}body.sidebar-collapsed .sidebar{width:80px!important}body.sidebar-collapsed .logo-text,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .nav-arrow,body.sidebar-collapsed .sub-nav-label,body.sidebar-collapsed .sidebar-footer span{display:none!important}body.sidebar-collapsed .sidebar-logo{padding:0;flex-direction:column;justify-content:center;gap:12px}body.sidebar-collapsed .sidebar-logo>div:first-child{justify-content:center!important}body.sidebar-collapsed .nav-item{justify-content:center;padding:12px}body.sidebar-collapsed .nav-icon{margin-right:0}body.sidebar-collapsed .sub-menu{padding-left:0;align-items:center}body.sidebar-collapsed .sub-nav-item{padding:8px;justify-content:center}.sidebar-logo{padding:0 24px 32px;display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:none!important}.logo-icon.super-logo{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 14px #f59e0b66!important;color:#0f172a}.logo-text{display:flex;flex-direction:column}.logo-text span{font-weight:600;font-size:1.1rem}.logo-text small{color:var(--text-muted);font-size:.75rem}.sidebar-nav{flex:1;padding:0 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{display:flex;align-items:center;padding:8px 12px;text-decoration:none;color:#374151;border-radius:var(--radius-md);transition:var(--transition);position:relative}.nav-item:hover{color:var(--text-main);background:#00000008}.nav-item.active{color:var(--primary);background:#075e5414}.nav-item.active:before{content:"";position:absolute;left:0;top:25%;height:50%;width:3px;background:var(--primary);border-radius:0 4px 4px 0}.nav-icon{margin-right:10px;display:flex;align-items:center}.nav-label{flex:1;font-weight:500;font-size:.88rem}.nav-arrow{opacity:0;transition:var(--transition)}.nav-arrow.rotate{transform:rotate(90deg);opacity:.5}.nav-item:hover .nav-arrow,.nav-item.expanded .nav-arrow{opacity:.5;transform:translate(4px)}.nav-item.expanded .nav-arrow.rotate{transform:translate(4px) rotate(90deg)}.sub-menu{display:flex;flex-direction:column;gap:1px;padding-left:24px;margin-top:1px;margin-bottom:4px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sub-nav-item{display:flex;align-items:center;padding:5px 12px;text-decoration:none;color:#374151;border-radius:var(--radius-sm);font-size:.88rem;transition:var(--transition)}.sub-nav-item:hover{color:var(--text-main);background:#00000005}.sub-nav-item.active{color:var(--primary);font-weight:600}.sidebar-footer{padding:16px;border-top:1px solid var(--border);position:relative}.my-account-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:background .2s;text-align:left}.my-account-btn:hover{background:var(--bg-soft, #f3f4f6);border:none!important;box-shadow:none!important}.account-avatar{width:34px;height:34px;min-width:34px;background:var(--primary);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700}.account-info{display:flex;flex-direction:column;overflow:hidden;flex:1}.account-name{font-size:.85rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-email{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-plan-badge{margin-left:auto;background:var(--primary-light);color:var(--primary);font-size:.65rem;font-weight:700;padding:3px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(7,94,84,.2)}body.sidebar-collapsed .sidebar-plan-badge{display:none}.account-modal{position:absolute;bottom:calc(100% + 8px);left:12px;right:12px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;z-index:999;animation:slideUpFade .18s ease}.account-modal-close{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s}.account-modal-close:hover{background:#f3f4f6;color:var(--text-main)}.account-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-right:20px}.account-modal-avatar{width:42px;height:42px;min-width:42px;background:var(--primary);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:800}.account-modal-name{font-size:.95rem;font-weight:700;color:var(--text-main);line-height:1.3}.account-modal-email{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:4px;margin-top:2px}.account-modal-divider{height:1px;background:#f0f0f0;margin:12px 0}.account-modal-section-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:8px}.account-plan-row{display:flex;align-items:center;gap:8px}.account-plan-badge{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:.82rem;font-weight:700;flex:1}.account-upgrade-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #4f46e533}.account-upgrade-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 6px #4f46e54d}.account-upgrade-btn:active{transform:translateY(0)}.account-signout-btn{width:100%;display:flex;align-items:center;gap:8px;padding:9px 12px;background:#fff1f2;color:#e11d48;border:1px solid #ffe4e6;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.account-signout-btn:hover{background:#e11d48;color:#fff;border-color:#e11d48;box-shadow:none!important}body.sidebar-collapsed .account-info,body.sidebar-collapsed .my-account-btn svg:last-child{display:none}body.sidebar-collapsed .my-account-btn{justify-content:center;padding:10px}@media(max-width:1024px){.sidebar{width:80px;transition:width .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s ease}body:not(.sidebar-collapsed) .sidebar{position:fixed;width:280px!important;height:100vh;z-index:2000;box-shadow:none!important;animation:slideInSidebar .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInSidebar{0%{width:80px}to{width:280px}}body.sidebar-collapsed .sidebar{width:80px;position:sticky;box-shadow:none}.sidebar-logo{padding:0 16px 32px}body:not(.sidebar-collapsed) .logo-text{display:flex}body.sidebar-collapsed .logo-text{display:none}.sidebar-nav{padding:0 8px}.nav-item{padding:12px;justify-content:center}.nav-icon{margin-right:0}body:not(.sidebar-collapsed) .nav-label,body:not(.sidebar-collapsed) .nav-arrow,body:not(.sidebar-collapsed) .logout-btn span{display:inline-block;animation:fadeInLabel .4s ease forwards}@keyframes fadeInLabel{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}body:not(.sidebar-collapsed) .nav-item{justify-content:flex-start;padding:12px 16px}body:not(.sidebar-collapsed) .nav-icon{margin-right:12px}body:not(.sidebar-collapsed) .logout-btn{width:100%;justify-content:flex-start}body.sidebar-collapsed .sub-menu{padding-left:0;align-items:center}body.sidebar-collapsed .sub-nav-item{padding:8px;justify-content:center;width:44px;height:44px;border-radius:12px;background:#ffffff08;margin-bottom:6px}body.sidebar-collapsed .sub-nav-item:before{content:attr(data-short);font-weight:700;font-size:.8rem}body.sidebar-collapsed .sub-nav-label{display:none}body:not(.sidebar-collapsed) .sub-menu{padding-left:32px;align-items:flex-start}body:not(.sidebar-collapsed) .sub-nav-item{width:100%;height:auto;justify-content:flex-start;padding:5px 12px;background:transparent}body:not(.sidebar-collapsed) .sub-nav-item:before{content:none}body:not(.sidebar-collapsed) .sub-nav-label{display:inline-block}.sidebar-footer{padding:12px;display:flex;justify-content:center}.logout-btn{padding:12px;width:48px;height:48px;justify-content:center}}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:var(--bg-sidebar);border-bottom:1px solid var(--border);padding:0 1.25rem;align-items:center;justify-content:space-between;z-index:1000;box-shadow:none!important}.mobile-logo{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1rem;color:var(--text-main)}.logo-icon.small{width:28px;height:28px;font-size:.9rem;border-radius:var(--radius-sm)}.mobile-toggle-btn{background:#00000008;border:1px solid var(--border);color:var(--text-muted);width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer}@media(max-width:640px){.dashboard-layout{flex-direction:column;padding-top:60px}.mobile-header{display:flex!important;box-shadow:none!important}.sidebar{position:fixed!important;left:-280px!important;top:0;bottom:0;width:280px!important;z-index:2005;transition:transform .4s cubic-bezier(.19,1,.22,1);display:flex;height:100vh;box-shadow:none!important}body.sidebar-open-mobile .sidebar{transform:translate(280px);box-shadow:none!important}.main-content{height:auto;overflow:visible}.page-container{padding:1.25rem 1rem}}.sidebar-section-header{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#4b5563;padding:12px 12px 4px;opacity:.95;-webkit-user-select:none;user-select:none;transition:var(--transition)}body.sidebar-collapsed .sidebar-section-header{opacity:0;height:0;padding:0;margin:0;overflow:hidden}.nav-item.whatsapp-item{color:#128c7e!important}.nav-item.whatsapp-item:hover{color:#25d366!important;background:#25d3660d!important}.nav-item.whatsapp-item.active{color:#25d366!important;background:#25d36614!important}.nav-item.whatsapp-item.active:before{background:#25d366!important}.nav-item.instagram-item{color:#c13584!important}.nav-item.instagram-item:hover{color:#e1306c!important;background:#e1306c0d!important}.nav-item.instagram-item.active{color:#e1306c!important;background:#e1306c14!important}.nav-item.instagram-item.active:before{background:#e1306c!important}.nav-item.website-item{color:#1d4ed8!important}.nav-item.website-item:hover{color:#2563eb!important;background:#2563eb0d!important}.nav-item.website-item.active{color:#2563eb!important;background:#2563eb14!important}.nav-item.website-item.active:before{background:#2563eb!important}.skeleton-base{background:linear-gradient(90deg,#00000008 25%,#0000000f 37%,#00000008 63%);background-size:400% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0% 50%}}.upm-overlay{position:fixed;inset:0;background:#00000073;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;animation:upm-fade-in .2s ease}@keyframes upm-fade-in{0%{opacity:0}to{opacity:1}}.upm-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:960px;max-height:92vh;overflow-y:auto;padding:40px;animation:upm-slide-up .3s cubic-bezier(.34,1.56,.64,1);scrollbar-width:thin;scrollbar-color:#e5e7eb transparent;box-shadow:0 20px 60px #00000026}@keyframes upm-slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.upm-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.upm-header-icon{width:48px;height:48px;background:#075e541a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#075e54;margin-bottom:12px}.upm-header-text h2{font-size:1.6rem;font-weight:700;color:#1f2937;margin:0 0 6px}.upm-header-text p{font-size:.92rem;color:#6b7280;margin:0}.upm-close{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.upm-close:hover{background:#e5e7eb;color:#1f2937}.upm-billing-toggle{display:flex;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;padding:4px;width:fit-content;margin:0 auto 32px;gap:4px}.upm-billing-toggle button{padding:8px 22px;border-radius:7px;border:none;background:transparent;color:#6b7280;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-family:Outfit,sans-serif}.upm-billing-toggle button.active{background:#075e54;color:#fff;box-shadow:0 2px 8px #075e544d}.upm-save-badge{background:#10b981;color:#fff;font-size:.68rem;padding:2px 7px;border-radius:20px;font-weight:700}.upm-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}.upm-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:#6b7280;font-size:.9rem}.upm-card{background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:28px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transition:all .25s}.upm-card:hover{border-color:#075e54;box-shadow:0 8px 24px #075e541a;transform:translateY(-2px)}.upm-card.current{background:#f9fafb;border-color:#d1d5db}.upm-card.current:hover{transform:none;box-shadow:none}.upm-card.popular{border-color:#075e54;background:#f0fdf4;box-shadow:0 4px 20px #075e541f}.upm-card.pro{border-color:#f59e0b;background:#fffbeb;box-shadow:0 4px 20px #f59e0b1a}.upm-card-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:#075e54;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:4px 14px;border-radius:20px;display:flex;align-items:center;gap:4px;white-space:nowrap}.upm-card.pro .upm-card-badge{background:linear-gradient(135deg,#f59e0b,#f97316)}.upm-card-icon{font-size:2.4rem;margin-bottom:8px;margin-top:4px}.upm-card-name{font-size:1.1rem;font-weight:700;color:#1f2937;margin-bottom:14px}.upm-card-price{display:flex;align-items:flex-end;gap:2px;margin-bottom:4px}.upm-price-amount{font-size:2.2rem;font-weight:800;color:#1f2937;line-height:1}.upm-card.popular .upm-price-amount{color:#075e54}.upm-card.pro .upm-price-amount{color:#f59e0b}.upm-price-period{font-size:.85rem;color:#9ca3af;margin-bottom:4px}.upm-yearly-note{font-size:.75rem;color:#10b981;margin-bottom:4px}.upm-card-divider{width:100%;height:1px;background:#e5e7eb;margin:16px 0}.upm-features{list-style:none;padding:0;margin:0 0 20px;width:100%;text-align:left;display:flex;flex-direction:column;gap:9px;flex:1}.upm-features li{display:flex;align-items:center;gap:9px;font-size:.84rem;color:#374151}.upm-features li.excluded{color:#d1d5db}.upm-feature-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;flex-shrink:0}.included .upm-feature-icon{background:#10b9811f;color:#10b981}.excluded .upm-feature-icon{background:#f3f4f6;color:#d1d5db}.upm-cta{width:100%;padding:12px 20px;border-radius:10px;border:1px solid #e5e7eb;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:all .2s;margin-top:auto;background:#f3f4f6;color:#6b7280;font-family:Outfit,sans-serif}.upm-cta:hover:not(:disabled){background:#e5e7eb;color:#1f2937}.upm-cta:disabled{cursor:not-allowed;opacity:.65}.upm-cta.current-btn{background:#f0fdf4;border-color:#bbf7d0;color:#075e54;font-weight:600}.upm-card.popular .upm-cta{background:#075e54;border-color:#075e54;color:#fff;box-shadow:0 4px 14px #075e544d}.upm-card.popular .upm-cta:hover:not(:disabled){background:#128c7e;box-shadow:0 6px 20px #075e5466;transform:translateY(-1px)}.upm-cta.pro-btn{background:linear-gradient(135deg,#f59e0b,#f97316);border:none;color:#fff;box-shadow:0 4px 14px #f59e0b4d}.upm-cta.pro-btn:hover:not(:disabled){box-shadow:0 6px 20px #f59e0b73;transform:translateY(-1px)}.upm-spinner{animation:upm-spin .8s linear infinite}@keyframes upm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upm-footer-note{text-align:center;font-size:.8rem;color:#9ca3af;margin:0;padding-top:4px}@media(max-width:768px){.upm-modal{padding:28px 20px;border-radius:14px;max-height:95vh}.upm-plans{grid-template-columns:1fr;gap:14px}.upm-header-text h2{font-size:1.3rem}.upm-card.popular{order:-1}}@media(max-width:480px){.upm-overlay{padding:12px}.upm-modal{padding:22px 16px}}.notifications-container{position:fixed;top:24px;right:24px;z-index:100000;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.notification-toast{pointer-events:auto;position:relative;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:14px 16px 14px 14px;width:380px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 4px 6px -1px #00000012,0 10px 30px -5px #0000001f;overflow:hidden}.notification-accent-bar{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:14px 0 0 14px;background:var(--accent, var(--primary, #075e54))}.notification-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:var(--icon-bg, rgba(7, 94, 84, .1));color:var(--accent, var(--primary, #075e54));display:flex;align-items:center;justify-content:center;margin-left:4px}.notification-content{flex:1;min-width:0}.notification-subtitle{font-size:.7rem;font-weight:700;color:var(--accent, var(--primary));text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.notification-title{font-weight:700;font-size:.9rem;color:#111827;margin-bottom:2px;line-height:1.3}.notification-message{font-size:.82rem;color:#6b7280;line-height:1.4}.notification-amount{margin-top:6px;font-size:.88rem;font-weight:700;color:#10b981}.notification-close{flex-shrink:0;background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;margin-top:1px;width:22px;height:22px}.notification-close:hover{background:#f3f4f6;color:#374151}.notification-toast:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--accent, var(--primary, #075e54));opacity:.25;border-radius:0 0 14px 14px;animation:notifProgress 8s linear forwards}@keyframes notifProgress{0%{width:100%}to{width:0%}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.animate-slide-in{animation:slideInRight .35s cubic-bezier(.16,1,.3,1) forwards}@media(max-width:480px){.notifications-container{inset:12px 12px auto;transform:none}.notification-toast{width:100%}}.notification-toast.toast-success{background:var(--primary, #075e54);border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 25px -5px #075e5440}.notification-toast.toast-success .notification-accent-bar{display:none}.notification-toast.toast-success .notification-title{color:#fff}.notification-toast.toast-success .notification-message{color:#ffffffe6}.notification-toast.toast-success .notification-icon{background:#fff3;color:#fff}.notification-toast.toast-success .notification-close{color:#ffffffb3}.notification-toast.toast-success .notification-close:hover{background:#ffffff26;color:#fff}.notification-toast.toast-success:after{background:#fff;opacity:.4}.notification-toast.toast-error{background:#d32f2f;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 25px -5px #d32f2f40}.notification-toast.toast-error .notification-accent-bar{display:none}.notification-toast.toast-error .notification-title{color:#fff}.notification-toast.toast-error .notification-message{color:#ffffffe6}.notification-toast.toast-error .notification-icon{background:#fff3;color:#fff}.notification-toast.toast-error .notification-close{color:#ffffffb3}.notification-toast.toast-error .notification-close:hover{background:#ffffff26;color:#fff}.notification-toast.toast-error:after{background:#fff;opacity:.4}.categories-page{position:relative}.categories-grid{display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem}.add-card-row{display:flex;justify-content:space-between;align-items:center;background:none!important;border:none!important;padding:0!important;box-shadow:none!important;margin-bottom:.5rem}.add-card-row h3{margin-bottom:0!important;font-size:1.1rem}.list-card{padding:2rem!important}.add-card:hover{transform:none!important}.add-card h3,.list-card h3{margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;color:var(--text-main);letter-spacing:-.01em}.inline-form{display:flex;flex-direction:row;gap:.75rem;align-items:center;width:auto}.inline-form .input{width:300px;padding:8px 14px;font-size:.9rem}.inline-form .btn{width:auto!important;white-space:nowrap;padding:8px 16px;font-size:.9rem}@media(max-width:900px){.add-card form{display:flex!important;flex-direction:row!important;gap:.5rem!important;align-items:stretch!important}.add-card .input,.add-card .btn{height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.85rem!important}.add-card .input{flex:1;padding-top:0!important;padding-bottom:0!important}.add-card .btn{width:auto!important;padding:0 16px!important}}.cat-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.cat-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s ease}.cat-item:hover{background:#f1f5f9;border-color:var(--primary)}.cat-item .name{font-weight:500}.cat-item .actions{display:flex;gap:.5rem}.search-input{display:flex;align-items:center}.header-search{width:300px}.search-input:focus-within{border-color:var(--primary)}.header-controls{display:flex;align-items:center;gap:1rem}.category-section{margin-bottom:4rem}.category-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.category-header h2{font-size:1.4rem;font-weight:700;color:var(--text-main);white-space:nowrap;text-transform:capitalize}.category-line{height:1px;background:var(--border);flex:1}.catalog-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(min-width:1200px){.catalog-products-grid{grid-template-columns:repeat(3,1fr)}}.catalog-product-card{display:flex;flex-direction:column;padding:1rem;gap:1.25rem}.catalog-product-top{display:flex;gap:1rem}.catalog-product-image-container{width:80px;height:80px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background:#f1f5f9;border:1px solid var(--border);position:relative;display:flex;align-items:center;justify-content:center}.catalog-product-image-container img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.image-placeholder-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:var(--text-muted)}.catalog-product-details{flex:1;min-width:0}.catalog-product-cat{display:inline-block;padding:2px 8px;background:#6366f11a;color:#818cf8;border-radius:4px;font-size:.72rem;font-weight:600;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.05em}.catalog-product-details h3{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-product-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4;margin-top:.4rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-product-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border)}.catalog-product-bottom .price{font-weight:800;color:var(--primary-color);font-size:1.25rem}.catalog-product-actions-row{display:flex;gap:.75rem}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:1rem}.modal{width:100%;max-width:500px;height:90vh;padding:0;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--border);flex-shrink:0}.modal-header button{background:none;border:none;color:var(--text-muted);cursor:pointer}.modal-body{flex:1;overflow-y:auto;padding:2rem;-ms-overflow-style:none;scrollbar-width:none}.modal-body::-webkit-scrollbar{display:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--border);background:var(--bg-card);flex-shrink:0}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem;color:var(--text-muted)}.upload-container{width:100%}.upload-box{display:block;width:100%;height:160px;border:2px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:all .2s ease}.upload-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);font-size:.9rem}.upload-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;opacity:0;transition:opacity .2s ease}.modal-body textarea{resize:none!important;height:80px!important;width:100%!important}.sessions-checkbox-grid{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.6rem}.session-check-item{display:flex!important;align-items:center!important;padding:0 16px;height:42px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;line-height:1;min-width:120px}.session-check-item:hover:not(.disabled){background:#f8fafc;border-color:var(--primary)}.session-check-item.disabled{opacity:.25;cursor:not-allowed;filter:grayscale(1)}.session-check-item span{font-size:.95rem;font-weight:500;color:var(--text-main);display:block}.session-check-item input[type=checkbox]{margin-right:12px!important;flex-shrink:0}@media(max-width:640px){.category-section{margin-bottom:2.5rem}.category-header{margin-bottom:1.25rem;gap:.75rem}.category-header h2{font-size:1.1rem}.catalog-products-grid{grid-template-columns:1fr;gap:1rem}.catalog-product-card{padding:.85rem;gap:.75rem}.catalog-product-image-container{width:64px;height:64px}.catalog-product-details h3{font-size:.95rem}.catalog-product-desc{font-size:.75rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-product-bottom{padding-top:.75rem}.catalog-product-bottom .price{font-size:1.1rem}.modal-header{padding:1rem 1.25rem}.modal-body{padding:1.25rem}.modal-footer{padding:1rem 1.25rem}.form-row{grid-template-columns:1fr;gap:0}.upload-box{height:120px}.sessions-checkbox-grid{gap:.5rem}.session-check-item{min-width:calc(50% - .25rem);padding:8px 12px}}.price-container{display:flex;flex-direction:column;gap:4px}.var-count-badge{align-self:flex-start;padding:2px 6px;background:#10b9811a;color:#10b981;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.variant-row{transition:all .2s ease}.variant-row:hover{border-color:var(--primary)!important;background:#6366f105!important}.input-sm{padding:4px 8px!important;height:32px!important}.original-price{text-decoration:line-through;color:var(--text-muted);font-size:.85rem;font-weight:500}.product-video-link{transition:var(--transition)}.product-video-link:hover{color:#be123c!important;transform:translateY(-.5px)}.measure-tag{display:inline-block;letter-spacing:.05em}.spec-badge{display:inline-block;white-space:nowrap}.variants-generator-box{margin-top:.5rem;box-shadow:inset 0 2px 4px #00000005}.variant-row{grid-template-columns:50px 1.5fr 1fr 1fr 1.2fr 40px!important}.variant-row img{border-radius:var(--radius-sm);border:1px solid var(--border)}.variants-generator-box input{background:#fff!important;border:1px solid var(--border)!important}.variants-generator-box .btn{height:32px}.measure-pill{transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000008}.measure-pill:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000000f}.measure-pill.active{background:#6366f11a!important;border-color:var(--primary)!important;color:var(--primary)!important}.variant-badge-tag{transition:all .15s ease;animation:fadeIn .2s ease-out}.variant-badge-tag:hover{background:#ffffff1a!important;border-color:var(--text-muted)!important}.variant-attr-badge{transition:all .15s ease;cursor:default;border:1px solid rgba(99,102,241,.15)}.variant-attr-badge:hover{transform:scale(1.03);background:#6366f126!important}.builder-input-group{background:transparent;border:none;padding:0}.color-picker-circle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none!important;padding:0!important;background:transparent!important;cursor:pointer}.color-picker-circle::-webkit-color-swatch-wrapper{padding:0!important;border:none!important}.color-picker-circle::-webkit-color-swatch{border:none!important;border-radius:50%!important}.color-picker-circle::-moz-color-swatch{border:none!important;border-radius:50%!important}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dropdown-item-hover:hover{background:#6366f10f}.add-edit-grid{display:grid;grid-template-columns:2.2fr 1.1fr;gap:1.5rem;align-items:start;margin-top:1.5rem}@media(max-width:1024px){.add-edit-grid{grid-template-columns:1fr}}.product-form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.product-form-card-title{font-size:1.1rem;font-weight:700;color:var(--text-main);margin-top:0;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:.75rem}.product-form-card .form-group{margin-bottom:0}.products-filter-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 18px;box-shadow:var(--shadow-sm)}.products-filter-bar .search-input{background:#f3f4f6!important;border:1px solid #e5e7eb!important;height:38px!important;border-radius:var(--radius-md)!important;display:flex;align-items:center;padding:0 14px;gap:10px;transition:var(--transition);flex:1;min-width:200px;max-width:320px}.products-filter-bar .search-input input{background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;height:100%!important;padding:0!important;width:100%!important;font-size:.875rem;color:var(--text-main)}.products-filter-bar .search-input:focus-within{border-color:var(--primary)!important;background:#fff!important}.products-filter-bar .search-input svg{color:var(--text-muted);flex-shrink:0}.filter-select{width:170px;height:38px!important;background-color:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:0 10px;font-size:.85rem;color:var(--text-main);cursor:pointer;transition:all .2s ease}.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #6366f11a}.filter-bar-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.filter-action-btn{height:38px!important;display:inline-flex;align-items:center;gap:6px;font-size:.85rem;padding:0 14px;transition:all .2s ease}.products-table-card{padding:0!important;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.premium-products-table{width:100%;border-collapse:collapse;text-align:left}.premium-products-table th{background:#f8fafc;border-bottom:1px solid var(--border);padding:14px 18px;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.premium-products-table td{padding:14px 18px;vertical-align:middle;border-bottom:1px solid var(--border)}.premium-products-table tr:last-child td{border-bottom:none}.table-row-hover{transition:background-color .2s ease}.table-row-hover:hover{background-color:#f8fafc}.product-table-cell{display:flex;gap:12px;align-items:center;min-width:0}.product-text-details{min-width:0}.product-text-details h4{margin:0;font-size:.92rem;font-weight:600;color:var(--text-main)}.product-text-details p{margin:2px 0 0;font-size:.78rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.price-details-cell{display:flex;flex-direction:column}.price-main{font-size:.92rem;font-weight:600;color:var(--text-main)}.price-original{text-decoration:line-through;color:var(--text-muted);font-size:.78rem}.stock-details-cell{display:flex;flex-direction:column;gap:4px}.stock-qty-text{font-size:.88rem;font-weight:500;color:var(--text-main)}.stock-badges-row{display:flex;gap:4px;flex-wrap:wrap}.stock-badge-out{padding:2px 6px;background:#ef44441a;color:#ef4444;border-radius:4px;font-size:.68rem;font-weight:600}.stock-badge-low{padding:2px 6px;background:#f59e0b1a;color:#f59e0b;border-radius:4px;font-size:.68rem;font-weight:600}.var-count-badge{padding:2px 6px;background:#6366f11a;color:#6366f1;border-radius:4px;font-size:.68rem;font-weight:600}.status-badge-active{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;background:#10b9811a;color:#10b981;border-radius:12px;font-size:.72rem;font-weight:600}.status-badge-inactive{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;background:#6b72801a;color:#6b7280;border-radius:12px;font-size:.72rem;font-weight:600}.status-dot{width:6px;height:6px;border-radius:50%}.status-badge-active .status-dot{background:#10b981}.status-badge-inactive .status-dot{background:#6b7280}.actions-cell{display:inline-flex;gap:6px}.filter-action-btn.active{background-color:#6366f10d;border-color:var(--primary);color:var(--primary)}.filter-action-btn-dark{background-color:#1e293b!important;color:#fff!important;border:1px solid #1e293b!important;transition:all .2s ease}.filter-action-btn-dark:hover{background-color:#0f172a!important;border-color:#0f172a!important}.filter-action-btn-dark.active{background-color:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.filter-dropdown-select{cursor:pointer;transition:all .2s ease}.filter-dropdown-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #6366f11a}.image-upload-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;margin-top:10px}.uploaded-image-card{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:#f1f5f9;display:flex;align-items:center;justify-content:center}.uploaded-image-card img{width:100%;height:100%;object-fit:cover}.image-card-badge{position:absolute;top:6px;left:6px;background:var(--primary);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;box-shadow:0 2px 4px #00000026;z-index:2}.image-card-actions{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s ease;z-index:3}.uploaded-image-card:hover .image-card-actions{opacity:1}.image-card-action-btn{width:28px;height:28px;border-radius:50%;background:#fff;color:var(--text-main);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #00000026}.image-card-action-btn:hover{transform:scale(1.1);background:var(--primary);color:#fff}.image-card-action-btn.delete:hover{background:#ef4444;color:#fff}.upload-box-small{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;border:2px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;color:var(--text-muted);transition:all .2s ease}.upload-box-small:hover{border-color:var(--primary);background:#6366f10d;color:var(--primary)}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.data-table{width:100%;border-collapse:collapse;min-width:800px}.data-table th{text-align:left;padding:16px;color:var(--text-muted);font-size:.85rem;font-weight:600;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:16px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.user-info{display:flex;flex-direction:column}.user-info span{font-size:.8rem;color:var(--text-muted)}.period{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.badge{padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.badge-success{background:#10b9811a;color:#10b981}.badge-danger{background:#ef44441a;color:#ef4444}.badge-outline{border:1px solid var(--border-color);color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:90%;max-width:500px;max-height:85vh;overflow-y:auto;position:relative;padding:1.5rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h3{margin:0;font-size:1.25rem;color:var(--text-main)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:2rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--text-muted)}.form-group input,.form-group textarea{width:100%;padding:10px;background:var(--bg-body);border:1px solid var(--border);border-radius:6px;color:var(--text)}.history-item{padding:12px;border-bottom:1px solid var(--border)}.history-item:last-child{border-bottom:none}.history-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted);margin-bottom:4px}.segment-badge{padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase}.segment-new{background:#6366f11a;color:#818cf8}.segment-loyal{background:#10b9811a;color:#10b981}.segment-vip{background:#f59e0b1a;color:#f59e0b}.segment-inactive{background:#6b72801a;color:#6b7280}.campaigns-workspace-grid{animation:fadeIn .3s ease-in-out}.badge-info{background:#3b82f61a;color:#3b82f6}.customer-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}@media(max-width:1024px){.customer-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.customer-metrics-grid{grid-template-columns:1fr;gap:16px}}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.metric-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #0000000d;border-color:#6366f133}.metric-info h3{margin:0;font-size:.82rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:1.8rem;font-weight:700;color:var(--text-main);margin-top:6px;line-height:1}.metric-icon-wrapper{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.total-icon{background:#6366f11a;color:var(--primary)}.converted-icon{background:#10b9811a;color:#10b981}.interested-icon{background:#f59e0b1a;color:#f59e0b}.new-icon{background:#3b82f61a;color:#3b82f6}.support-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.support-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 50px #0000001a;max-width:500px;width:90%;padding:32px;position:relative;max-height:90vh;overflow-y:auto}.support-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;padding:0}.support-modal-close:hover{background:#0000000d;color:var(--text-main)}.support-modal-header{text-align:center;margin-bottom:24px}.support-icon-wrapper{width:64px;height:64px;background:#22c55e1a;color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.support-modal-header h2{font-size:1.5rem;font-weight:700;color:var(--text-main);margin-bottom:8px}.support-modal-header p{color:var(--text-muted);font-size:.95rem;line-height:1.5}.support-form{display:flex;flex-direction:column;gap:20px}.support-form label{display:block;font-size:.85rem;font-weight:600;color:var(--text-main);margin-bottom:6px}.support-textarea{min-height:120px;resize:vertical}.support-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;font-size:1rem;margin-top:8px}.form-group{display:flex;flex-direction:column;gap:2px!important;margin-bottom:1.25rem}.form-group label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:0!important}.notification{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;font-weight:500;animation:slideUp .3s ease-out}.alert-success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.alert-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.close-notify{margin-left:auto;background:none;border:none;color:inherit;opacity:.6;cursor:pointer}.settings-section-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:start}@media(max-width:1200px){.settings-section-grid{grid-template-columns:1fr}}@media(max-width:600px){.wait-stat-grid{grid-template-columns:1fr}}.kitchen-type-grid{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.type-option{display:flex;align-items:center;gap:1.25rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.type-option:hover{background:#f9fafb}.type-option.active{background:var(--primary-light)}.type-option input[type=radio]{appearance:none!important;-webkit-appearance:none!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;border:2px solid var(--border)!important;border-radius:50%!important;position:relative!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;flex-shrink:0!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;aspect-ratio:1 / 1!important;box-sizing:border-box!important}.type-option input[type=radio]:checked{border-color:var(--primary)!important;background:var(--primary)!important}.type-option input[type=radio]:after{content:"";width:8px;height:8px;background:#fff;border-radius:50%;opacity:0;transform:scale(0);transition:all .2s cubic-bezier(.34,1.56,.64,1)}.type-option input[type=radio]:checked:after{opacity:1;transform:scale(1)}.type-info{display:flex;flex-direction:column;gap:.25rem}.type-info strong{font-size:1rem;color:var(--text-main);font-weight:700}.type-info span{font-size:.85rem;color:var(--text-muted)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.border-b{border-bottom:1px solid var(--border)}.pb-4{padding-bottom:1rem}.mb-4{margin-bottom:1rem}.mx-auto{margin-left:auto;margin-right:auto}.p-8{padding:2rem}.text-center{text-align:center}.settings-form{display:flex;flex-direction:column;gap:0!important}.field-group{display:flex;flex-direction:column;gap:6px!important;margin-bottom:1.25rem!important}.field-group label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0!important;padding:0!important;line-height:1.2!important}.field-hint{font-size:.85rem;color:var(--text-muted);margin:.5rem 0 0;opacity:.7}.weekly-hours-list{display:flex;flex-direction:column;background:#fff;padding:1.25rem;border-radius:8px}.day-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.day-row:last-child{border-bottom:none}.day-name{flex:0 0 90px;font-weight:600;font-size:.9rem;color:var(--text-main)}.day-timing-box{display:flex;align-items:center;gap:.75rem}.day-timing-box span{color:var(--text-muted);font-size:.8rem}.day-timing-box input{background:#0000004d!important;border:1px solid rgba(255,255,255,.1)!important;padding:.4rem .6rem!important;border-radius:8px!important;width:130px!important;font-size:.9rem!important;color:#fff!important}.day-timing-box input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.day-timing-box input:disabled{opacity:.3;cursor:not-allowed}.day-close-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem;color:var(--text-muted);min-width:80px;justify-content:flex-end}.day-close-toggle input{appearance:none!important;-webkit-appearance:none!important;width:16px!important;height:16px!important;border:1.5px solid rgba(255,255,255,.3)!important;border-radius:50%!important;cursor:pointer!important;background:transparent!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.day-close-toggle input:checked{background:#f43f5e!important;border-color:#ffffff80!important;box-shadow:0 0 10px #f43f5e80!important}.day-close-toggle input:checked:after{content:"";width:6px;height:6px;background:#fff!important;border-radius:50%}.mb-4{margin-bottom:1rem!important}.wa-status-alert{display:flex;align-items:center;gap:1.25rem;background:#10b9811a;color:#10b981;padding:1.5rem;border-radius:12px;margin-bottom:2.5rem;border:1px solid rgba(16,185,129,.2);transition:all .3s ease}.wa-status-alert.disconnected{background:#f43f5e0d;border:1px dashed rgba(244,63,94,.3);color:var(--text-muted)}.status-dot{width:10px;height:10px;border-radius:50%;position:relative;background:#10b981;box-shadow:0 0 10px #10b98180;transition:all .3s ease}.status-dot.disconnected{background:#f43f5e;box-shadow:0 0 10px #f43f5e4d}.save-btn,.primary-btn,.primary-wa-btn{background:var(--primary)!important;color:#fff!important;border:none!important;height:42px!important;padding:0 24px!important;border-radius:8px!important;font-weight:700!important;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .2s}.save-btn:hover,.primary-btn:hover,.primary-wa-btn:hover{filter:brightness(1.1);border:none!important}.pulse-primary{animation:pulse-border 2s infinite;box-shadow:0 0 #6366f1b3}@keyframes pulse-border{0%{box-shadow:0 0 #6366f1b3}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.add-override-form{background:#f9fafb;padding:1.5rem;border-radius:12px;border:1px solid var(--border);margin-bottom:1.5rem}.ov-field{display:flex;flex-direction:column;gap:4px;margin-bottom:1rem}.ov-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:flex-start}.input-with-icon{display:flex;align-items:center;background:#f9fafb;border:1px solid var(--border);border-radius:8px;padding:0 1rem;height:42px;gap:.75rem;width:100%;transition:var(--transition)}.input-with-icon:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px var(--primary-light)}.input-with-icon svg{color:var(--text-muted)!important}input[type=time]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-calendar-picker-indicator{display:none!important;-webkit-appearance:none}.input-with-icon input{background:none;border:none;color:var(--text-main);flex:1;font-weight:500;font-family:inherit;font-size:.95rem}.disabled-style{opacity:.4;cursor:not-allowed;background:#ffffff0d!important}.disabled-style input{cursor:not-allowed}.center-items{display:flex;align-items:center;justify-content:center;height:48px}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;background:#fef2f2;padding:.6rem 1rem;border-radius:8px;border:1px solid #fee2e2;width:fit-content}.toggle-label input{margin-top:0}.toggle-label input:checked{background:#f43f5e!important;border-color:#ffffff80!important;box-shadow:0 0 10px #f43f5e80!important}.toggle-label input:checked:after{content:"";width:6px;height:6px;background:#fff!important;border-radius:50%}.toggle-text{color:#e11d48;font-weight:700;font-size:.9rem}.ov-add-btn{width:100%;height:42px!important;border-radius:8px!important;margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:8px}.active-overrides{display:flex;flex-direction:column;gap:1rem}.ov-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#fff;border-radius:8px;border:1px solid var(--border)}.whatsapp-config-box{max-width:1000px;margin:0;padding:2.5rem!important}.wa-container-flex{display:flex;gap:2.5rem;align-items:flex-start}.wa-side-panel{width:320px;display:flex;flex-direction:column;gap:1.5rem;flex-shrink:0}.usage-limit-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.5rem}.usage-limit-title{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:1.25rem;display:flex;align-items:center;gap:.6rem;letter-spacing:.05em}.limit-tier{font-size:1.75rem;font-weight:800;color:var(--primary);margin-bottom:.75rem;line-height:1}.limit-desc{font-size:.85rem;color:var(--text-muted);line-height:1.5}.wa-status-pill-list{display:flex;flex-direction:column;gap:.75rem}.status-pill{display:flex;align-items:center;gap:.75rem;padding:0 1rem;height:42px;background:#fff;border:1px solid var(--border);border-radius:8px;font-size:.85rem;color:var(--text-muted)}@media(max-width:1000px){.wa-container-flex{flex-direction:column}.wa-side-panel{width:100%}}.wa-fields-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.horizontal-field{display:flex;align-items:center;gap:2rem;width:100%}.horizontal-field.top-aligned{align-items:flex-start}.horizontal-field label{flex:0 0 180px;font-size:.85rem;font-weight:700;color:var(--text-muted)}.horizontal-field.top-aligned label{margin-top:14px}.horizontal-field input{flex:1;font-family:inherit}.wa-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-bottom:2.5rem}.wa-main-actions{display:flex;align-items:center;gap:1rem}.wa-actions button:disabled{cursor:not-allowed;pointer-events:none}.disconnect-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1.5rem;height:42px;border-radius:8px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;background:#fff1f2;color:#e11d48;border:1px solid #ffe4e6;list-style:none;white-space:nowrap}.disconnect-btn:hover{background:#e11d48;color:#fff}.disconnect-btn:active{transform:translateY(0)}.disconnect-btn svg,.save-btn svg{display:inline-flex;flex-shrink:0}.disconnect-btn.confirm{background:#f43f5e!important;color:#fff!important;animation:flash .5s ease-in-out infinite alternate}@keyframes flash{0%{opacity:1}to{opacity:.7}}.input-group-vertical{display:flex;flex-direction:column;gap:.5rem;width:100%}.wa-help-info{display:flex;align-items:center;gap:.5rem;font-size:.75rem!important;color:var(--text-muted)!important;padding-left:.25rem;opacity:.8!important;margin-top:.25rem}.wa-help-info a{color:var(--primary)!important;text-decoration:none;font-weight:500;transition:all .2s ease}.wa-help-info a:hover{color:#818cf8!important;text-decoration:underline}.wa-onboarding-view{display:flex;flex-direction:column;align-items:center;gap:2.5rem;padding:0 0 2.5rem;animation:fadeIn .5s ease-out}.wa-benefit-list{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;width:100%}.benefit-item{display:flex;align-items:center;gap:.75rem;color:var(--success);font-size:.95rem}.fb-connect-btn{display:flex;align-items:center;justify-content:center;gap:1rem;background:#1877f2;color:#fff;padding:1rem 2.5rem;border-radius:12px;font-weight:700;font-size:1.1rem;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 16px #1877f233;width:100%;max-width:400px}.fb-connect-btn:hover{background:#166fe5;transform:translateY(-2px);box-shadow:0 12px 24px #1877f24d}.link-btn{background:none;border:none;color:var(--primary);font-size:.9rem;font-weight:600;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .2s}.password-wrapper{flex:1;width:100%}.password-wrapper input{width:100%}.wa-footer{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:2.5rem;border-top:1px solid var(--border)}.wa-hint{color:var(--text-muted);font-size:.9rem;text-align:center}.wa-buttons-row{display:flex;gap:1rem;width:100%}.wa-btn{flex:1;justify-content:center}.primary-wa-btn{background:var(--primary)!important}.accordion-item{border:1px solid var(--border);border-radius:8px;background:#fff;overflow:hidden;transition:var(--transition)}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.75rem;cursor:pointer;background:#fff;transition:background .2s}.accordion-header:hover{background:#ffffff0d}.accordion-header label{margin-bottom:0;cursor:pointer}.section-header-row{display:flex;justify-content:space-between;align-items:center}.accordion-header label{margin-bottom:0;cursor:pointer;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.accordion-content{padding:1.75rem;border-top:1px solid var(--border);background:#fff}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.section-subtitle{font-size:.8rem;color:#ffffff80;margin:0!important}.variables-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem;max-height:300px;overflow-y:auto;padding-top:.5rem}.fee-toggle-wrapper{display:flex;align-items:center;gap:.75rem;background:#ffffff0d;padding:6px 12px;border-radius:8px;border:1px solid var(--border)}.disabled-ui{opacity:.5;cursor:not-allowed}.disabled-ui input{background:#ffffff05!important;border-color:transparent!important;color:var(--text-muted)!important}.disabled-text{color:var(--text-muted)!important;text-decoration:line-through;opacity:.5}.areas-manager{display:flex;flex-direction:column;gap:1.5rem}.add-area-form{display:grid;grid-template-columns:1fr 120px 80px;gap:1rem;align-items:center}.price-input-wrapper{position:relative;display:flex;align-items:center}.price-input-wrapper span{position:absolute;left:12px;color:var(--text-muted)}.price-input-wrapper input{padding-left:28px!important}.add-btn-small{background:var(--primary);color:#fff;border:none;padding:10px;border-radius:8px;font-weight:600;cursor:pointer}.active-areas-list{display:flex;flex-direction:column;gap:.75rem}.area-item{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;padding:.75rem 1.25rem;border-radius:10px;border:1px solid var(--border)}.area-info{display:flex;gap:1.5rem;align-items:center}.area-name{font-weight:600;min-width:150px;text-transform:capitalize}.area-fee{color:var(--primary);font-weight:700}.area-actions{display:flex;align-items:center;gap:1.5rem}.del-btn-icon{background:none;border:none;color:#ef4444;cursor:pointer;opacity:.6;transition:opacity .2s}.del-btn-icon:hover{opacity:1}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#ffffff03;border-radius:12px;border:1px dashed var(--border);color:var(--text-muted)}.add-staff-form{background:#ffffff08;padding:1.5rem;border-radius:12px;border:1px solid var(--border)}.staff-inputs-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1.5rem}.staff-inputs-grid input{background:#0003;border:1px solid var(--border);padding:.8rem 1rem;border-radius:8px;color:#fff}.chips-container{display:flex;flex-wrap:wrap;gap:.5rem}.area-chip{padding:.4rem 1rem;background:#ffffff0d;border:1px solid var(--border);border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;text-transform:capitalize}.area-chip:hover{background:#ffffff1a}.area-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.staff-list{display:flex;flex-direction:column;gap:1rem}.staff-item{display:flex;align-items:center;justify-content:space-between;padding:1.25rem!important;background:#ffffff05}.staff-header strong{font-size:1.1rem}.staff-areas{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.area-tag{font-size:.75rem;background:#6366f126;color:var(--primary);padding:2px 8px;border-radius:4px;border:1px solid rgba(99,102,241,.2);text-transform:capitalize}.block{display:block}.ml-1{margin-left:.25rem}.mb-2{margin-bottom:.5rem}.spin{animation:spin 1s linear infinite}.sync-catalog-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:0 1.25rem;margin-top:1rem;border-radius:8px;background:#fff;border:1px solid var(--border);color:var(--primary);font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;width:100%;height:42px}.sync-catalog-btn:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary)}.sync-catalog-btn:disabled{opacity:.6;cursor:not-allowed;background:#ffffff05;border-color:var(--border);color:var(--text-muted)}.sync-catalog-btn.loading{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b4d}.gateway-selector{display:flex;gap:1rem;margin-bottom:1.25rem}.gateway-option{flex:1;padding:1.25rem;background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s}.gateway-option:hover{background:#f9fafb}.gateway-option.active{background:var(--primary-light);color:var(--primary)}.gateway-fields{background:#f9fafb;padding:1.5rem;border-radius:12px;border:1px solid var(--border);display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.webhook-box{background:#f9fafb;padding:1.25rem;border-radius:8px;border:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.mb-6{margin-bottom:1.5rem!important}.p-4{padding:1.5rem}.text-xs{font-size:.75rem}.text-sm{font-size:.85rem}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.settings-page{padding:0}.settings-section-grid{display:flex!important;flex-direction:column!important;width:100%!important;gap:1.25rem!important}.tab-pane{width:100%!important}.settings-card{padding:1.25rem!important;border-radius:12px!important;width:100%!important;max-width:none!important;margin-bottom:1rem}.card-header{margin-bottom:1.25rem!important;gap:.75rem!important}.card-header h3{font-size:1.1rem!important}.field-group label{font-size:.7rem!important;margin-bottom:.25rem!important;letter-spacing:.05em!important}.settings-form{gap:1rem!important}.field-group{gap:.5rem!important}.day-row{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important;padding:1rem 0!important}.day-timing-box{width:100%!important;justify-content:space-between!important}.add-override-form{padding:1.25rem!important;border-radius:12px!important}.ov-grid{display:flex!important;flex-direction:column!important;gap:1rem!important}.ov-field{width:100%!important;margin-bottom:.75rem!important}.input-with-icon{height:44px!important;padding:0 .75rem!important}.toggle-label{width:100%!important;justify-content:flex-start!important;padding:.75rem!important}.accordion-header{padding:1rem!important}.accordion-content{padding:1.25rem!important}.whatsapp-config-box{padding:1.25rem!important;border-radius:12px!important}.wa-container-flex{flex-direction:column!important;gap:1.5rem!important}.wa-onboarding-view{gap:1.5rem!important;padding-bottom:1.5rem!important}.wa-benefit-list{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important;padding:0 .5rem!important}.fb-connect-btn{padding:.85rem 1.5rem!important;font-size:1rem!important;width:100%!important;max-width:none!important}.wa-fields-list{gap:1rem!important;margin-bottom:1.5rem!important}.wa-help-info{flex-wrap:wrap!important;gap:.25rem!important;line-height:1.4!important;margin-bottom:.5rem!important}.wa-help-info span{white-space:nowrap!important}.sync-catalog-btn{margin-top:.5rem!important;padding:.75rem!important}.horizontal-field{flex-direction:column!important;align-items:flex-start!important;gap:.25rem!important}.horizontal-field label{flex:none!important;width:100%!important}.wa-actions{flex-direction:column!important;gap:1rem!important;margin-bottom:1.5rem!important;padding-top:1rem!important}.wa-main-actions{flex-direction:column!important;width:100%!important;gap:.75rem!important}.wa-main-actions button{width:100%!important}.wa-side-panel{gap:1rem!important;width:100%!important}.usage-limit-card{padding:1.25rem!important}.limit-tier{font-size:1.5rem!important}.status-pill{padding:.75rem!important}.wa-footer{padding-top:1.5rem!important;gap:1rem!important;width:100%!important}.wa-buttons-row{flex-direction:column!important;width:100%!important}.wa-btn{width:100%!important;padding:.85rem!important}.modal-content{padding:1.5rem!important;width:95%!important;margin:10px!important}}.catalog-selection-row{display:flex;gap:.75rem;align-items:center;width:100%;margin-bottom:.25rem}.wa-select{flex:1;background:#ffffff08!important;border:1px solid var(--border)!important;color:var(--text-main)!important;font-size:.95rem!important;font-family:inherit!important;outline:none!important;cursor:pointer;transition:all .2s ease}.wa-select:hover{border-color:var(--primary)!important;background:#ffffff0d!important}.wa-select option{background:#1a1a1a;color:#fff;padding:10px}.icon-btn-refresh{background:#ffffff0d;border:1px solid var(--border);border-radius:10px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.icon-btn-refresh:hover:not(:disabled){background:#6366f11a;border-color:var(--primary);color:var(--primary)}.icon-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.manual-id-input-wrap{background:#f9fafb;padding:8px 12px!important;border-radius:8px;border:1px solid var(--border);display:grid!important;grid-template-columns:1fr;gap:0px!important;margin-bottom:.5rem;height:auto!important;min-height:auto!important}.manual-id-input-wrap label{margin-top:0!important;font-size:.7rem!important;letter-spacing:.05em;color:var(--text-muted);margin-bottom:0!important;line-height:1!important;font-weight:600;text-transform:uppercase}.manual-id-input-wrap input{background:transparent!important;border:none!important;padding:0!important;height:24px!important;min-height:24px!important;max-height:24px!important;font-size:.95rem!important;border-radius:0!important;flex:none!important;width:100%!important;margin:0!important;box-shadow:none!important;color:var(--text-main)!important}.manual-id-input-wrap input:focus{border-color:var(--primary)!important}.wa-templates-table-wrapper{overflow-x:auto;border-radius:8px;background:#fff;border:1px solid var(--border)}.wa-templates-table{width:100%;border-collapse:collapse;font-size:.9rem}.wa-templates-table th{text-align:left;padding:.85rem 1rem;background:#f9fafb;color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.wa-templates-table td{padding:1rem;border-bottom:1px solid var(--border);color:var(--text-main);vertical-align:middle}.status-badge{padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem}.rejection-box{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-size:.8rem;background:#ef44440d;padding:.4rem .6rem;border-radius:6px;border:1px solid rgba(239,68,68,.1)}.empty-templates-state{padding:3rem 1.5rem;text-align:center;color:var(--text-muted)}.btn-outline-small{background:transparent;border:1px solid var(--primary);color:var(--primary);padding:0 16px;height:38px;border-radius:8px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.save-btn,.primary-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;height:42px;padding:0 20px;font-weight:700;display:flex;align-items:center;gap:.75rem;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-outline-small:hover{background:#6366f11a;transform:translateY(-1px)}.btn-outline-small:disabled{opacity:.5;cursor:not-allowed}.spin{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999}.settings-modal-content{background:#fff!important;border:1px solid var(--border)!important;border-radius:12px!important;box-shadow:0 20px 50px #0000001a!important;overflow:hidden;width:90%;max-width:450px}.settings-modal-header{padding:1.25rem 1.75rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#f9fafb}.settings-modal-header h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-main)}.settings-modal-close-btn{background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.settings-modal-close-btn:hover{background:#f43f5e;color:#fff;border-color:#f43f5e;transform:rotate(90deg)}.animate-scale-up{animation:scaleUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.test-template-form .field-group input{background:#f9fafb!important;border:1px solid var(--border)!important;padding:0 16px!important;height:42px!important;font-size:1rem!important;border-radius:8px!important;color:var(--text-main)!important;width:100%!important;transition:all .2s}.test-template-form .field-group input:focus{border-color:var(--primary)!important;background:#fff!important;box-shadow:0 0 0 4px var(--primary-light)!important}.btn-tiny{background:#fff;border:1px solid var(--border);color:var(--text-main);padding:0 10px;height:32px;border-radius:6px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.4rem;cursor:pointer;transition:all .2s}.btn-tiny:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.btn-tiny:disabled{opacity:.3;cursor:not-allowed}.input-small{background:#f9fafb!important;border:1px solid var(--border)!important;padding:0 12px!important;height:42px!important;font-size:.95rem!important;border-radius:8px!important;color:var(--text-main)!important;width:100%!important;transition:all .2s ease}.input-small:focus{border-color:var(--primary)!important;background:#fff!important;box-shadow:0 0 0 4px var(--primary-light)!important}.template-var-field{display:flex;align-items:center;gap:.75rem;background:#f9fafb;border:1px solid var(--border);border-radius:8px;padding:2px 2px 2px 10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.template-var-field:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px var(--primary-light)}.template-var-field .var-label{display:flex;align-items:center;gap:.5rem}.template-var-field .var-label label{font-size:.75rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;white-space:nowrap;margin:0}.template-var-field .var-badge{font-family:var(--font-mono);font-size:.7rem;font-weight:800;color:#fff;background:var(--primary);padding:3px 8px;border-radius:6px;min-width:24px;text-align:center}.var-input-row{display:flex;align-items:center;flex:1;gap:.5rem}.section-header-row{display:flex;align-items:center;justify-content:space-between}.variables-grid{display:flex;flex-direction:column;gap:.75rem}.template-var-field input{flex:1;background:transparent!important;border:none!important;padding:8px 10px!important;color:#fff!important;font-weight:500;font-size:.95rem!important;outline:none!important}.max-w-md{max-width:450px}.usage-stats-box{margin-top:1rem}.usage-info-row{display:flex;align-items:baseline;gap:4px;margin-bottom:.75rem}.usage-info-row .current{font-size:1.5rem;font-weight:800;color:var(--primary)}.usage-info-row .total{color:var(--text-muted);font-size:.9rem}.usage-progress{height:6px;background:#e5e7eb;border-radius:10px;overflow:hidden;margin-bottom:1rem}.usage-fill{height:100%;background:var(--primary);border-radius:10px;transition:width .3s ease}.usage-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.upgrade-btn-small{background:var(--primary-light);border:1px solid var(--primary);color:var(--primary);padding:.25rem .75rem;border-radius:6px;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s}.mt-6{margin-top:1.5rem}.mt-4{margin-top:1rem}.field-row-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:flex-start}.field-row-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;align-items:flex-start}.field-row-3col .field-group,.field-row-2col .field-group{margin-bottom:0!important}.field-row-3col,.field-row-2col{margin-bottom:1.25rem!important}.sub-section-title{font-size:.85rem!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.05em;color:var(--text-main)!important;margin-bottom:.75rem!important;border-bottom:1px solid var(--border);padding-bottom:4px}@media(max-width:768px){.field-row-3col,.field-row-2col{grid-template-columns:1fr;gap:1rem}}.discounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.discount-card{display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease;border:1px solid var(--border);position:relative}.discount-card.inactive{opacity:.7;filter:grayscale(.5)}.discount-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.discount-image{height:160px;width:100%;position:relative;overflow:hidden}.discount-image img{width:100%;height:100%;object-fit:cover}.discount-badge{position:absolute;top:12px;right:12px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.2)}.discount-content{display:flex;flex-direction:column;gap:1rem;flex:1}.discount-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.discount-header h3{font-size:1.15rem;font-weight:700;margin:0;color:var(--text-main)}.discount-code{background:var(--primary-light);color:var(--primary);padding:4px 10px;border-radius:6px;font-family:monospace;font-weight:700;font-size:.9rem;letter-spacing:1px;border:1px dashed var(--primary)}.discount-desc{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin:0;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.discount-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem;background:rgba(var(--primary-rgb),.03);border-radius:8px}.info-item{display:flex;flex-direction:column}.info-item.first-time{grid-column:span 2;flex-direction:row;align-items:center;gap:6px;color:#10b981;font-size:.8rem;font-weight:600}.info-item .label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.info-item .value{font-size:1rem;font-weight:700;color:var(--text-main)}.discount-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border)}.discount-dates{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted)}.discount-actions{display:flex;gap:8px}.icon-btn.broadcast{color:#3b82f6}.icon-btn.broadcast:hover{background:#3b82f61a}.discount-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.code-input{font-family:monospace;font-weight:700;text-transform:uppercase;letter-spacing:1px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9rem;margin-top:.5rem}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.discount-upload{height:120px!important}.upload-container{width:100%;margin-top:.5rem}.upload-box{display:block;width:100%;height:140px;border:2px dashed var(--border);border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s ease;background:#ffffff05}.upload-box:hover{border-color:var(--primary);background:#6366f10d}.upload-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:.9rem}.upload-preview{width:100%;height:100%;position:relative}.upload-preview img{width:100%;height:100%;object-fit:cover}.upload-overlay{position:absolute;inset:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;opacity:0;transition:opacity .2s ease}.upload-preview:hover .upload-overlay{opacity:1}.upload-wrapper{position:relative;display:flex;flex-direction:column;gap:.5rem}.rotate-btn{align-self:flex-end;background:var(--surface-light);border:1px solid var(--border);color:var(--text-secondary);padding:4px 12px;border-radius:6px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.rotate-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-muted);text-align:center}.discount-form .input{height:42px;display:block;line-height:42px;padding-top:0;padding-bottom:0;border-radius:var(--radius-md);border:1px solid var(--border);font-size:.95rem;background:#fff}.discount-form textarea.input{height:auto;line-height:1.5;padding-top:10px;padding-bottom:10px;resize:vertical}.discount-form select.input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.discount-form .react-datepicker-wrapper,.discount-form .react-datepicker__input-container{width:100%;display:block}.discount-form .form-group label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;display:block}.targeting-section{background:var(--primary-light);border-radius:12px;padding:1.25rem;margin:1.5rem 0;border:1.5px dashed #cbd5e1}.targeting-section .section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--primary);margin-bottom:1rem;display:block}.settings-row{display:flex;flex-wrap:wrap;gap:2rem;align-items:center}.checkbox-wrapper{display:flex;align-items:center;gap:12px;cursor:pointer}.checkbox-wrapper span{font-size:.9rem;font-weight:500;color:var(--text-main)}.empty-state svg{margin-bottom:1.5rem;opacity:.3}.empty-state h3{margin-bottom:.5rem;color:var(--text-main)}@media(max-width:600px){.discount-form .form-row{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.modal.card{width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;padding:0!important;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-2xl)}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--primary)!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:var(--primary)!important;display:flex;align-items:center;gap:8px}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:1rem;background:#ffffff05;flex-shrink:0}.admin-page{padding-bottom:2rem}.tab-navigation{display:flex;gap:1rem;margin-top:1rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.tab-navigation button{background:none;border:none;color:var(--text-muted);padding:.5rem 1rem;cursor:pointer;font-weight:600;transition:all .2s;border-bottom:2px solid transparent}.tab-navigation button.active{color:var(--primary);border-bottom:2px solid var(--primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.stat-card{padding:1.5rem}.stat-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon.purple{background:#a855f71a;color:#a855f7}.stat-icon.green{background:#22c55e1a;color:#22c55e}.stat-icon.blue{background:#3b82f61a;color:#3b82f6}.stat-icon.orange{background:#f973161a;color:#f97316}.stat-label{font-size:.9rem;color:var(--text-muted);font-weight:500}.stat-value{font-size:2rem;font-weight:800;margin-bottom:.5rem}.stat-meta{font-size:.8rem;color:var(--text-muted)}.kitchens-view{margin-top:2rem}.btn.small{padding:4px 12px;font-size:.8rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem;gap:1rem;color:var(--text-muted);text-align:center}.empty-state h3{color:var(--text);margin:0}@media(max-width:768px){.tab-navigation{overflow-x:auto;white-space:nowrap}}.storefront-canvas-root{width:100%;min-height:100%;margin:0 auto;font-size:var(--font-size);transition:background .3s ease,color .3s ease;box-sizing:border-box;overflow-x:hidden}.storefront-body-layout{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.storefront-section-wrapper.section-footer{margin-top:auto}.is-preview .sf-header-container,.is-preview .sf-catalog-block,.is-preview .sf-categories-block,.is-preview .sf-featured-block,.is-preview .sf-collection-showcase,.is-preview .sf-testimonials-block,.is-preview .sf-faq-block,.is-preview .sf-contact-block,.is-preview .sf-footer-container{max-width:100%!important;margin-left:0!important;margin-right:0!important}.is-preview .sf-offcanvas{width:230px}.is-preview .sf-whatsapp-cta{bottom:16px;right:16px}.sf-btn{padding:10px 22px;font-weight:600;border:none;cursor:pointer;transition:transform .2s,filter .2s;font-family:inherit;font-size:inherit}.sf-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.storefront-section-wrapper.builder-mode{position:relative;border:1px dashed transparent;cursor:pointer;transition:border-color .2s}.storefront-section-wrapper.builder-mode:hover{border-color:#2563eb66}.storefront-section-wrapper.builder-mode.selected{border:2px solid #2563EB!important;box-shadow:0 0 12px #2563eb26}.section-label-badge{position:absolute;top:4px;right:4px;background:#2563eb;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}.storefront-section-wrapper.builder-mode:hover .section-label-badge{opacity:.85}.storefront-section-wrapper.selected .section-label-badge{opacity:1!important}.inline-editable-input,.inline-editable-textarea{background:transparent!important;border:none!important;outline:none!important;color:inherit!important;font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;text-align:inherit!important;width:100%!important;padding:2px 4px!important;border-radius:4px!important;cursor:text!important;transition:background-color .2s,box-shadow .2s;box-shadow:none!important}.inline-editable-input:hover,.inline-editable-textarea:hover{background-color:#2563eb0d!important;box-shadow:0 0 0 1px #2563eb4d inset!important}.inline-editable-input:focus,.inline-editable-textarea:focus{background-color:#2563eb14!important;box-shadow:0 0 0 2px #2563eb inset!important}.inline-editable-textarea{resize:none;overflow-y:hidden}.sf-announcement{font-size:12px;font-weight:500;text-align:center;position:relative}.sf-announcement .announce-text{width:100%;display:block;text-align:center;white-space:normal;word-break:break-word;line-height:1.4}.sf-announcement .announce-text .inline-editable-input,.sf-announcement .announce-text span,.sf-announcement .announce-text p{display:inline!important;width:100%!important;white-space:normal!important;word-break:break-word!important;text-align:center!important}.marquee-outer{overflow:hidden;width:100%}.marquee-scroll{display:inline-block;white-space:nowrap;padding-left:100%;animation:sf-marquee 15s linear infinite}@keyframes sf-marquee{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.sf-header{position:sticky;top:0;z-index:100;padding:0 16px}.sf-header-row{display:flex;align-items:center;justify-content:space-between;height:52px;gap:8px}.sf-ham-btn{background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;flex-shrink:0;border-radius:6px;transition:background .15s}.sf-ham-btn:hover{background:#0000000f}.sf-ham-icon{display:flex;flex-direction:column;gap:4px;width:20px}.sf-ham-icon span{display:block;height:2px;width:100%;background:currentColor;border-radius:2px;transition:all .2s}.sf-logo-center{flex:1;text-align:center}.sf-logo-text{font-size:16px;font-weight:700;letter-spacing:-.3px;white-space:nowrap}.sf-cart-icon-btn{position:relative;border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .15s,background-color .15s;background:transparent}.sf-cart-icon-btn:hover{background:#0000000d;transform:scale(1.05)}.dark .sf-cart-icon-btn:hover{background:#ffffff14}.sf-cart-icon-btn:active{transform:scale(.95)}.sf-cart-badge{position:absolute;top:0;right:0;background:#ef4444;color:#fff;font-size:9px;font-weight:700;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 3px;animation:badge-pop .2s ease;border:1.5px solid #ffffff;box-sizing:border-box}.dark .sf-cart-badge{border-color:#1e293b}@keyframes badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.sf-offcanvas-overlay{position:fixed;inset:0;background:#0006;z-index:200;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sf-offcanvas{position:fixed;top:0;height:100%;width:min(280px,82vw);background:#fff;z-index:210;display:flex;flex-direction:column;box-shadow:0 0 32px #0000002e;transition:transform .28s cubic-bezier(.4,0,.2,1)}.sf-offcanvas-left{left:0;transform:translate(-105%)}.sf-offcanvas-right{right:0;transform:translate(105%)}.sf-offcanvas-left.open,.sf-offcanvas-right.open{transform:translate(0)}.sf-offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:var(--primary-color, #128C7E);color:#fff}.sf-offcanvas-title{font-size:15px;font-weight:700;display:flex;align-items:center;gap:6px}.sf-cart-badge-inline{background:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:10px;padding:1px 6px}.sf-offcanvas-close{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:background .15s}.sf-offcanvas-close:hover{background:#ffffff59}.sf-offcanvas-nav{display:flex;flex-direction:column;padding:12px 0;overflow-y:auto;flex:1}.sf-offcanvas-link{padding:13px 24px;font-size:14px;font-weight:500;color:#1e293b;text-decoration:none;border-bottom:1px solid #f1f5f9;transition:background .12s,padding-left .15s;display:block}.sf-offcanvas-link:hover{background:#f8fafc;padding-left:30px;color:var(--primary-color, #128C7E)}.sf-cart-body{flex:1;overflow-y:auto;padding:8px 0}.sf-cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:200px;color:#94a3b8;font-size:14px}.sf-cart-empty span{font-size:36px}.sf-cart-item{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-bottom:1px solid #f1f5f9}.sf-cart-item-img{width:52px;height:52px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#f1f5f9}.sf-cart-item-info{flex:1;min-width:0}.sf-cart-item-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.sf-cart-item-price{font-size:12px;color:var(--primary-color, #128C7E);font-weight:600;margin-bottom:6px}.sf-cart-item-qty{display:flex;align-items:center;gap:8px}.sf-cart-item-qty button{width:24px;height:24px;border:1.5px solid #e2e8f0;border-radius:6px;background:#f8fafc;color:#1e293b;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s}.sf-cart-item-qty button:hover{border-color:var(--primary-color, #128C7E);color:var(--primary-color, #128C7E)}.sf-cart-item-qty span{font-size:13px;font-weight:600;min-width:20px;text-align:center}.sf-cart-item-remove{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:13px;padding:2px 4px;border-radius:4px;flex-shrink:0;transition:color .12s}.sf-cart-item-remove:hover{color:#ef4444}.sf-cart-footer{padding:16px;border-top:1px solid #e2e8f0;background:#fafafa}.sf-cart-total{font-size:14px;color:#1e293b;margin-bottom:12px;display:flex;justify-content:space-between}.sf-cart-total strong{color:var(--primary-color, #128C7E);font-size:16px}.sf-cart-checkout-btn{width:100%;padding:12px;background:var(--primary-color, #128C7E);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .15s}.sf-cart-checkout-btn:hover{opacity:.9}.sf-hero{padding:60px var(--spacing-pad);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;min-height:280px}.sf-hero-preview{padding:32px 16px;min-height:180px}.sf-hero-content{max-width:650px;display:flex;flex-direction:column;align-items:center;gap:12px}.hero-title{font-size:32px;font-weight:800;line-height:1.2;margin:0}.sf-hero-preview .hero-title{font-size:18px}.hero-subtitle{font-size:15px;opacity:.9;line-height:1.5;margin:0}.sf-hero-preview .hero-subtitle{font-size:12px}.sf-hero-preview .sf-btn{padding:8px 16px;font-size:13px}.sf-banner{margin:var(--spacing-pad) auto;max-width:var(--container-width);padding:36px var(--spacing-pad);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;text-align:center}.sf-banner-inner{max-width:500px;display:flex;flex-direction:column;align-items:center;gap:10px}.sf-banner-inner h2{margin:0;font-size:24px;font-weight:700}.sf-banner-inner p{margin:0;font-size:14px}.sf-banner-btn{background:#fff;color:#1e293b;padding:8px 16px;border-radius:4px;font-weight:600;font-size:13px;border:none;cursor:pointer;margin-top:6px}.sf-categories-block{padding:var(--spacing-pad) 0;max-width:var(--container-width);margin:0 auto;text-align:center}.block-title{font-size:15px;font-weight:700;margin:0 0 12px}.sf-categories-list{display:flex;justify-content:center;flex-wrap:wrap;gap:18px}.sf-cat-itemCircle{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:500}.sf-cat-circle{width:60px;height:60px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;font-size:22px;background:#6464640d}.sf-catalog-block{padding:16px 6px;width:100%;box-sizing:border-box}.sf-products-grid{display:grid;width:100%}.sf-product-card{border:1px solid rgba(100,100,100,.15);background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.sf-product-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.sf-prod-img-wrap{position:relative;width:100%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden}.sf-prod-img-wrap img{width:100%;height:100%;object-fit:cover}.sf-placeholder-img{font-size:28px;opacity:.3;padding:20px}.sf-discount-badge{position:absolute;top:8px;left:8px;color:#fff;font-size:10px;font-weight:700;padding:3px 6px;border-radius:4px}.sf-prod-details{padding:8px;display:flex;flex-direction:column;gap:5px;flex-grow:1}.sf-prod-details h4,.sf-prod-name{margin:0;font-size:12px;font-weight:600;line-height:1.3;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sf-stars{font-size:9px;letter-spacing:1px}.sf-price-row{display:flex;align-items:center;margin-bottom:2px}.sf-price{font-size:13px;font-weight:700}.sf-add-cart-btn{width:100%;padding:6px 4px;font-size:11px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-featured-block{padding:var(--spacing-pad) 0;max-width:var(--container-width);margin:0 auto}.sf-featured-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.sf-featured-item{padding:14px 20px;display:flex;align-items:center;gap:12px;background:#64646408}.sf-collection-showcase{padding:var(--spacing-pad) 0;max-width:var(--container-width);margin:0 auto}.sf-collections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sf-collection-card{padding:40px 24px;text-align:center;cursor:pointer}.sf-collection-card h4{margin:0 0 6px;font-size:18px;font-weight:700}.sf-collection-card span{font-size:12px;font-weight:600}.sf-rich-text-block{padding:40px var(--spacing-pad);max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.sf-rich-text-block h2{margin:0;font-size:24px;font-weight:700}.sf-single-image{max-width:var(--container-width);margin:var(--spacing-pad) auto}.sf-single-image img{width:100%;display:block;height:auto}.sf-image-placeholder-block{background:#6464640d;padding:80px 20px;text-align:center;border:1px dashed rgba(100,100,100,.3)}.sf-faq-block{padding:var(--spacing-pad) 0;max-width:var(--container-width);margin:0 auto}.sf-faq-list{display:flex;flex-direction:column;gap:12px}.sf-faq-item{padding-bottom:12px}.sf-faq-question h4{margin:0 0 4px;font-size:15px;font-weight:600}.sf-faq-answer p{margin:0;font-size:13px;opacity:.85}.sf-testimonials-block{padding:36px var(--spacing-pad);max-width:var(--container-width);margin:var(--spacing-pad) auto;text-align:center}.block-title-light{font-size:20px;font-weight:700;margin-bottom:20px;color:#fff}.sf-testimonials-slider{max-width:600px;margin:0 auto}.sf-testimonial-slide p{font-style:italic;font-size:14px;line-height:1.5;margin-bottom:8px}.sf-testimonial-slide h5{font-weight:600;font-size:13px;margin:0;opacity:.9}.sf-contact-block{padding:24px;max-width:var(--container-width);margin:var(--spacing-pad) auto;display:flex;flex-direction:column;gap:16px}.sf-contact-block h3{margin:0;font-size:18px;font-weight:700}.sf-contact-details p{margin:0 0 8px;font-size:13px}.sf-whatsapp-cta{position:fixed;bottom:24px;right:24px;z-index:100}.sf-whatsapp-cta-bubble{display:inline-block;padding:10px 18px;font-weight:600;font-size:13px;border-radius:50px;box-shadow:0 4px 16px #00000026;text-decoration:none;transition:transform .2s}.sf-whatsapp-cta-bubble:hover{transform:scale(1.05)}.sf-footer{padding:24px var(--spacing-pad);background:inherit;margin-top:auto}.sf-footer-container{max-width:var(--container-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:12px;opacity:.8}.sf-footer-nav{display:flex;gap:12px}.sf-footer-link{cursor:pointer}.sf-footer-link:hover{text-decoration:underline}@media(max-width:768px){.sf-header-container{flex-direction:column;text-align:center;gap:8px}.sf-nav{margin:4px 0}.hero-title{font-size:24px}.sf-collections-grid{grid-template-columns:1fr}.sf-footer-container{flex-direction:column;text-align:center}}.sf-banner-carousel{box-shadow:0 4px 12px #0000000d;position:relative;width:100%}.sf-banner-slide{animation:fadeEffect .5s ease-in-out}@keyframes fadeEffect{0%{opacity:.8}to{opacity:1}}.sf-carousel-dots button{transition:all .3s ease}.sf-carousel-dots button:hover{transform:scale(1.2);background:#fff!important}.sf-product-search-input{transition:all .2s ease}.sf-product-search-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #128c7e26}.sf-category-chip{transition:all .2s ease}.sf-category-chip:hover{background:#128c7e0d!important;transform:translateY(-1px)}.sf-category-chip.active:hover{background:var(--primary-color)!important;color:#fff!important}.sf-checkout-overlay-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1000;display:flex;flex-direction:column;font-family:inherit;color:#1e293b;animation:slideUp .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.dark .sf-checkout-overlay-modal{background:#0f172a;color:#f1f5f9}.is-preview .sf-checkout-overlay-modal{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sf-checkout-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e2e8f0;box-sizing:border-box}.dark .sf-checkout-modal-header{border-bottom-color:#334155}.sf-checkout-modal-header h3{margin:0;font-size:18px;font-weight:700}.sf-checkout-close{background:none;border:none;font-size:20px;cursor:pointer;color:inherit;padding:4px 8px}.sf-checkout-modal-body{flex:1;overflow-y:auto;padding:20px 16px;box-sizing:border-box}.sf-checkout-error-msg{background:#fef2f2;border:1px solid #fee2e2;color:#ef4444;padding:10px 14px;border-radius:6px;font-size:13px;margin-bottom:16px;font-weight:500}.dark .sf-checkout-error-msg{background:#ef44441a;border-color:#ef444433}.sf-form-section{background:#f8fafc;border-radius:8px;padding:16px;border:1px solid #f1f5f9;box-sizing:border-box}.dark .sf-form-section{background:#1e293b;border-color:#334155}.sf-form-section h4{margin:0 0 12px;font-size:14px;font-weight:600;border-bottom:1px solid #e2e8f0;padding-bottom:6px}.dark .sf-form-section h4{border-bottom-color:#334155}.sf-form-group{display:flex;flex-direction:column;gap:6px;box-sizing:border-box}.sf-form-group label{font-size:12px;font-weight:600;color:#475569}.dark .sf-form-group label{color:#94a3b8}.sf-form-group input{padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;outline:none;background:#fff;color:inherit;transition:all .2s;box-sizing:border-box}.dark .sf-form-group input{border-color:#475569;background:#0f172a}.sf-form-group input:focus{border-color:var(--primary-color)}.input-hint{font-size:10px;color:#64748b}.sf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sf-delivery-toggle,.sf-payment-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sf-delivery-btn,.sf-payment-btn{padding:10px;border:1px solid #cbd5e1;background:#fff;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;color:inherit;transition:all .2s}.dark .sf-delivery-btn,.dark .sf-payment-btn{border-color:#475569;background:#0f172a}.sf-delivery-btn.active,.sf-payment-btn.active{background:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important}.sf-coupon-row{display:flex;gap:8px}.sf-coupon-row input{flex:1;padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;outline:none;font-size:13px;background:#fff;color:inherit;box-sizing:border-box}.dark .sf-coupon-row input{border-color:#475569;background:#0f172a}.sf-coupon-apply-btn{padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:13px}.sf-coupon-clear-btn{padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:13px}.sf-coupon-error{color:#ef4444;font-size:11px;margin:4px 0 0;font-weight:500}.sf-coupon-success{color:#10b981;font-size:11px;margin:4px 0 0;font-weight:600}.sf-checkout-summary{background:#f8fafc;border-radius:8px;padding:16px;border:1px solid #f1f5f9;box-sizing:border-box}.dark .sf-checkout-summary{background:#1e293b;border-color:#334155}.sf-checkout-summary h4{margin:0 0 12px;font-size:14px;font-weight:600}.sf-summary-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px;color:#475569}.dark .sf-summary-row{color:#cbd5e1}.sf-discount-row{color:#10b981!important;font-weight:500}.sf-grand-total{border-top:1px dashed #cbd5e1;padding-top:10px;margin-top:6px;font-size:16px;font-weight:700;color:var(--primary-color)!important}.dark .sf-grand-total{border-top-color:#475569}.sf-checkout-modal-footer{padding:16px;border-top:1px solid #e2e8f0;box-sizing:border-box}.dark .sf-checkout-modal-footer{border-top-color:#334155}.sf-place-order-btn{width:100%;padding:14px;background:var(--gradient-background);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #128c7e33}.sf-place-order-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #128c7e4d}.sf-category-chips-scroll::-webkit-scrollbar{display:none}.sf-pd-view-container{max-width:var(--container-width, 1200px);margin:0 auto;padding:24px 16px;box-sizing:border-box;width:100%}.sf-pd-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;color:#64748b;margin-bottom:24px}.sf-pd-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s}.sf-pd-breadcrumb a:hover{color:var(--primary-color)}.sf-pd-breadcrumb-sep{color:#cbd5e1}.sf-pd-breadcrumb-current{font-weight:500;color:inherit}.sf-pd-main-grid{display:flex;flex-direction:column;gap:24px;margin-bottom:32px;align-items:center;width:100%}.sf-pd-gallery-col{display:flex;flex-direction:column;gap:16px;width:100%;max-width:500px;margin:0 auto}.sf-pd-main-image-wrap{position:relative;width:100%;aspect-ratio:1/1;background:#f8fafc;border-radius:var(--border-radius, 8px);overflow:hidden;border:1px solid rgba(100,100,100,.1);display:flex;align-items:center;justify-content:center}.dark .sf-pd-main-image-wrap{background:#1e293b;border-color:#ffffff0d}.sf-pd-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#fffc;color:#1e293b;border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;font-family:sans-serif;font-weight:300;transition:all .25s ease;z-index:5;-webkit-user-select:none;user-select:none;box-shadow:0 2px 8px #0000000f;opacity:0}.sf-pd-main-image-wrap:hover .sf-pd-carousel-arrow{opacity:1}@media(max-width:768px){.sf-pd-carousel-arrow{opacity:.95;width:32px;height:32px;font-size:20px}}.sf-pd-carousel-arrow:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-50%) scale(1.05)}.sf-pd-carousel-arrow:active{transform:translateY(-50%) scale(.95)}.sf-pd-carousel-arrow.left{left:12px}.sf-pd-carousel-arrow.right{right:12px}.sf-pd-carousel-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:5;background:#0003;padding:4px 8px;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s ease}.sf-pd-carousel-dots:hover{background:#00000059}.sf-pd-carousel-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80;border:none;padding:0;cursor:pointer;transition:all .2s ease}.sf-pd-carousel-dot.active{background:#fff;transform:scale(1.25)}.sf-pd-main-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.sf-pd-main-image:hover{transform:scale(1.03)}.sf-pd-placeholder-image{color:#94a3b8;font-size:16px}.sf-pd-sale-tag{position:absolute;top:12px;left:12px;color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:4px;letter-spacing:.5px;text-transform:uppercase}.sf-pd-thumbnails-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.sf-pd-thumbnail-btn{width:64px;height:64px;border-radius:6px;border:2px solid transparent;padding:0;cursor:pointer;overflow:hidden;background:#f1f5f9;flex-shrink:0;transition:border-color .2s}.dark .sf-pd-thumbnail-btn{background:#1e293b}.sf-pd-thumbnail-btn.active{border-color:var(--primary-color)}.sf-pd-thumbnail-btn img{width:100%;height:100%;object-fit:cover}.sf-pd-info-col{display:flex;flex-direction:column;gap:16px;width:100%;max-width:600px;margin:0 auto}.sf-pd-category-tag{align-self:flex-start;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--primary-color);background:rgba(var(--primary-color-rgb, 18, 140, 126),.08);padding:4px 8px;border-radius:4px}.sf-pd-title{font-size:26px;font-weight:800;line-height:1.25;margin:0}@media(min-width:768px){.sf-pd-title{font-size:32px}}.sf-pd-price-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.sf-pd-price-current{font-size:28px;font-weight:800;color:var(--primary-color)}.sf-pd-price-original{font-size:18px;text-decoration:line-through;color:#94a3b8}.sf-pd-discount-badge{font-size:12px;font-weight:700;border:1px solid;padding:2px 6px;border-radius:4px}.sf-pd-stock-row{display:flex;align-items:center}.sf-pd-stock-badge{font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px}.sf-pd-stock-badge.in-stock{background:#ecfdf5;color:#059669}.dark .sf-pd-stock-badge.in-stock{background:#0596691a;color:#34d399}.sf-pd-stock-badge.low-stock{background:#fffbeb;color:#d97706}.dark .sf-pd-stock-badge.low-stock{background:#d977061a;color:#fbbf24}.sf-pd-stock-badge.out-of-stock{background:#fef2f2;color:#dc2626}.dark .sf-pd-stock-badge.out-of-stock{background:#dc26261a;color:#f87171}.sf-pd-variants-section{display:flex;flex-direction:column;gap:16px;border-top:1px solid rgba(100,100,100,.1);border-bottom:1px solid rgba(100,100,100,.1);padding:16px 0}.sf-pd-variant-group{display:flex;flex-direction:column;gap:8px}.sf-pd-variant-label{font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px}.dark .sf-pd-variant-label{color:#cbd5e1}.sf-pd-variant-options{display:flex;flex-wrap:wrap;gap:8px}.sf-pd-variant-chip{padding:8px 16px;font-size:13px;font-weight:600;border:1.5px solid #cbd5e1;border-radius:var(--border-radius, 8px);background:transparent;color:inherit;cursor:pointer;transition:all .2s}.dark .sf-pd-variant-chip{border-color:#475569}.sf-pd-variant-chip:hover{border-color:var(--primary-color)}.sf-pd-variant-chip.active{border-color:var(--primary-color);font-weight:700}.sf-pd-actions-section{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sf-pd-qty-selector{display:flex;align-items:center;border:1.5px solid #cbd5e1;border-radius:var(--border-radius, 8px);overflow:hidden;height:44px}.dark .sf-pd-qty-selector{border-color:#475569}.sf-pd-qty-btn{width:40px;height:100%;background:transparent;border:none;color:inherit;cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .15s}.sf-pd-qty-btn:hover{background:#6464640d}.sf-pd-qty-val{width:40px;font-weight:700;font-size:14px;text-align:center}.sf-pd-buttons-row{display:flex;gap:12px;flex:1;min-width:240px}.sf-pd-btn-add-cart,.sf-pd-btn-buy-now{flex:1;height:44px;border-radius:var(--border-radius, 8px);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s,opacity .2s,filter .2s;border:none;outline:none}.sf-pd-btn-add-cart{background:transparent;border:2px solid var(--primary-color)}.sf-pd-btn-add-cart:hover:not(.disabled){background:rgba(var(--primary-color-rgb, 18, 140, 126),.05);transform:translateY(-1px)}.sf-pd-btn-buy-now:hover:not(.disabled){filter:brightness(1.05);transform:translateY(-1px)}.sf-pd-btn-add-cart:active:not(.disabled),.sf-pd-btn-buy-now:active:not(.disabled){transform:scale(.98)}.sf-pd-btn-add-cart.disabled,.sf-pd-btn-buy-now.disabled{background:#cbd5e1!important;border-color:#cbd5e1!important;color:#64748b!important;cursor:not-allowed;transform:none!important;opacity:.6}.dark .sf-pd-btn-add-cart.disabled,.dark .sf-pd-btn-buy-now.disabled{background:#334155!important;border-color:#334155!important;color:#475569!important}.sf-pd-share-section{display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(100,100,100,.1);padding-top:16px;margin-top:8px}.sf-pd-share-label{font-size:11px;font-weight:700;color:#64748b;letter-spacing:1px}.sf-pd-share-buttons{display:flex;gap:8px}.sf-pd-share-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#475569;border:1.5px solid #cbd5e1;background:transparent;cursor:pointer;transition:all .2s;text-decoration:none}.dark .sf-pd-share-btn{border-color:#475569;color:#cbd5e1}.sf-pd-share-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.sf-pd-share-btn.wa:hover{border-color:#25d366;color:#25d366}.sf-pd-share-btn.fb:hover{border-color:#1877f2;color:#1877f2}.sf-pd-share-btn.tw:hover{border-color:#1da1f2;color:#1da1f2}.sf-pd-bottom-details{display:flex;flex-direction:column;gap:32px;border-top:1px solid rgba(100,100,100,.1);padding-top:32px}.sf-pd-section-title{font-size:18px;font-weight:700;margin:0 0 16px}.sf-pd-description-text{font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap;color:#475569}.dark .sf-pd-description-text{color:#cbd5e1}.sf-pd-specs-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.sf-pd-specs-table th{background:#f8fafc;color:#475569;font-weight:700;padding:10px 14px;border-bottom:2px solid rgba(100,100,100,.1)}.dark .sf-pd-specs-table th{background:#1e293b;color:#cbd5e1}.sf-pd-specs-table td{padding:10px 14px;border-bottom:1px solid rgba(100,100,100,.08);color:inherit}.sf-pd-specs-table tr:hover td{background:#64646405}.sf-checkout-page-container{max-width:1200px;margin:0 auto;padding:32px 16px;box-sizing:border-box;font-family:inherit}.sf-checkout-page-title{font-size:24px;font-weight:800;margin:0 0 24px}.sf-checkout-grid{display:grid;grid-template-columns:1fr;gap:32px}.sf-checkout-form-column{display:flex;flex-direction:column;gap:24px;order:2}.sf-checkout-summary-column{order:1}.sf-form-section{background:#fff;border:1px solid rgba(100,100,100,.15);border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000000d}.dark .sf-form-section{background:#1e293b;border-color:#ffffff1a}.sf-form-section-title{font-size:18px;font-weight:700;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(100,100,100,.1)}.sf-form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:18px}.sf-form-group:last-child{margin-bottom:0}.sf-form-label{font-size:13px;font-weight:600;color:inherit;margin:0;padding:0}.sf-form-input{width:100%;padding:10px 14px;border:1px solid rgba(100,100,100,.2);border-radius:6px;font-family:inherit;font-size:14px;box-sizing:border-box;background:#fff;color:inherit;outline:none;transition:border-color .15s}.dark .sf-form-input{background:#0f172a;border-color:#ffffff26}.sf-form-input:focus{border-color:var(--primary-color)}.sf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.sf-form-grid .sf-form-group{margin-bottom:0}.sf-delivery-toggle,.sf-payment-toggle{display:flex;gap:12px}.sf-delivery-btn,.sf-payment-btn{flex:1;padding:10px 14px;border:1px solid rgba(100,100,100,.2);border-radius:6px;font-family:inherit;font-size:14px;font-weight:600;background:transparent;color:inherit;cursor:pointer;transition:all .15s}.sf-delivery-btn.active,.sf-payment-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.sf-coupon-row{display:flex;gap:10px}.sf-coupon-apply-btn{padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-family:inherit;font-weight:600;font-size:14px;cursor:pointer}.sf-coupon-clear-btn{padding:10px 20px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-family:inherit;font-weight:600;font-size:14px;cursor:pointer}.sf-coupon-error{color:#ef4444;font-size:12px;margin:4px 0 0}.sf-coupon-success{color:#10b981;font-size:13px;font-weight:600;margin:6px 0 0}.sf-checkout-summary-column{position:relative;height:fit-content}.sf-checkout-summary{background:#f8fafc;border:1px solid rgba(100,100,100,.15);border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000000d}.dark .sf-checkout-summary{background:#1e293b;border-color:#ffffff1a}.sf-summary-title{font-size:18px;font-weight:700;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(100,100,100,.1)}.sf-checkout-items-list{margin-bottom:20px;max-height:240px;overflow-y:auto;border-bottom:1px solid rgba(100,100,100,.1);padding-bottom:12px}.sf-checkout-item-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px}.sf-checkout-qty-label{color:#64748b;margin-left:4px}.dark .sf-checkout-qty-label{color:#94a3b8}.sf-checkout-error-msg{padding:12px 16px;background:#fef2f2;color:#b91c1c;border-radius:6px;font-size:14px;margin-bottom:24px;border-left:4px solid #ef4444}.sf-pd-videos-section{margin-top:32px;padding-top:24px;border-top:1px solid rgba(100,100,100,.1)}.sf-pd-videos-grid{display:flex;flex-direction:column;gap:24px}.sf-pd-embeds-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:100%}.sf-pd-video-embed-wrapper{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;background:#000;border:1px solid rgba(100,100,100,.1);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.sf-pd-video-embed-wrapper:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000026}.sf-pd-video-embed-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.sf-pd-video-links-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.sf-pd-video-link-card{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:30px;background:#fff;border:1px solid rgba(100,100,100,.15);color:#334155;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000005}.dark .sf-pd-video-link-card{background:#1e293b;border-color:#ffffff1a;color:#cbd5e1}.sf-pd-video-link-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;color:var(--platform-color, #4f46e5);border-color:var(--platform-color, rgba(100, 100, 100, .3));background:#fffffff2}.dark .sf-pd-video-link-card:hover{background:#334155;border-color:var(--platform-color, rgba(255, 255, 255, .3))}.sf-pd-video-link-icon-wrap{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:inherit}.sf-pd-main-image-wrap{position:relative}.sf-pd-floating-share-btn{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;background:#ffffffe6;color:#1e293b;border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10}.sf-pd-floating-share-btn:hover{transform:scale(1.1);background:#fff;box-shadow:0 6px 16px #00000026;color:var(--primary-color, #128C7E)}.sf-pd-floating-share-btn:active{transform:scale(.95)}.dark .sf-pd-floating-share-btn{background:#1e293be6;color:#f1f5f9;border-color:#ffffff1a}.dark .sf-pd-floating-share-btn:hover{background:#1e293b;color:var(--primary-color, #128C7E)}.sf-contact-page-container{padding:40px 16px;max-width:var(--container-width);margin:0 auto;font-family:var(--font-family)}.sf-contact-header{text-align:center;margin-bottom:40px;animation:fade-down .4s cubic-bezier(.16,1,.3,1)}.sf-contact-title{font-size:32px;font-weight:800;margin:0 0 8px;color:inherit;letter-spacing:-.5px}.sf-contact-subtitle{font-size:15px;color:#64748b;margin:0;line-height:1.5}.dark .sf-contact-subtitle{color:#94a3b8}.sf-contact-grid{display:flex;flex-direction:column;gap:24px;max-width:600px;margin:0 auto}.sf-contact-card{background:#fff;border:1px solid rgba(100,100,100,.1);border-radius:var(--border-radius);padding:32px;box-shadow:0 4px 20px #00000005;transition:box-shadow .3s ease,transform .3s ease;animation:fade-up .5s cubic-bezier(.16,1,.3,1)}.dark .sf-contact-card{background:#1e293b;border-color:#ffffff0f;box-shadow:0 4px 20px #00000026}.sf-contact-card:hover{box-shadow:0 8px 30px #0000000d}.dark .sf-contact-card:hover{box-shadow:0 8px 30px #00000040}.sf-contact-card-title{font-size:20px;font-weight:700;margin:0 0 16px;color:inherit;border-left:4px solid var(--primary-color);padding-left:12px;line-height:1.2}.sf-contact-card-subtitle{font-size:14px;color:#64748b;margin:0 0 24px;line-height:1.5}.dark .sf-contact-card-subtitle{color:#94a3b8}.sf-contact-info-list{display:flex;flex-direction:column;gap:24px}.sf-contact-info-item{display:flex;gap:16px;align-items:flex-start}.sf-contact-icon-wrapper{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:rgba(var(--primary-color-rgb),.15);color:var(--primary-color);flex-shrink:0}.sf-contact-info-text{flex:1;min-width:0}.sf-contact-info-text label{display:block;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.dark .sf-contact-info-text label{color:#94a3b8}.sf-contact-info-text p{margin:0;font-size:15px;line-height:1.5;font-weight:500}.sf-contact-link{font-size:15px;font-weight:600;color:var(--primary-color);text-decoration:none;transition:opacity .15s ease;display:inline-block}.sf-contact-link:hover{opacity:.8;text-decoration:underline}.sf-contact-link.block{display:block;margin-bottom:4px}.sf-contact-link.block:last-child{margin-bottom:0}.sf-contact-empty-text{font-size:14px;color:#94a3b8;text-align:center;padding:24px 0;font-style:italic}.sf-contact-socials-grid{display:grid;grid-template-columns:1fr;gap:12px}.sf-contact-social-btn{display:flex;align-items:center;gap:16px;padding:12px 20px;border-radius:8px;border:1.5px solid var(--brand-color);background:transparent;color:var(--brand-color);text-decoration:none;font-weight:600;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.sf-contact-social-btn:hover{background:var(--brand-color);color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.sf-social-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.sf-social-label{flex:1}.sf-social-empty-state{text-align:center;padding:30px 16px;color:#94a3b8}.sf-social-empty-state .empty-icon{margin:0 auto 12px;opacity:.5}.sf-social-empty-state p{font-size:14px;margin:0;line-height:1.5}.sf-contact-wa-divider{display:flex;align-items:center;text-align:center;color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin:24px 0}.sf-contact-wa-divider:before,.sf-contact-wa-divider:after{content:"";flex:1;border-bottom:1px solid rgba(100,100,100,.15)}.sf-contact-wa-divider span{padding:0 10px}.sf-contact-wa-cta-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;background:#25d366;color:#fff!important;font-weight:700;border-radius:8px;text-decoration:none;font-size:15px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #25d36633;box-sizing:border-box}.sf-contact-wa-cta-btn:hover{background:#128c7e;transform:translateY(-2px);box-shadow:0 6px 16px #25d3664d}.sf-contact-wa-cta-btn:active{transform:translateY(0)}@keyframes fade-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.sf-contact-card{padding:24px}.sf-contact-title{font-size:26px}}.message-logs-content{max-width:1400px;margin:0 auto}.btn-refresh{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border);color:var(--text-main);border-radius:8px;cursor:pointer;transition:all .2s}.btn-refresh:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1.25rem;position:relative;transition:all .2s}.stat-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000000d}.stat-icon{width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bg-soft-primary{background:var(--primary-light);color:var(--primary)}.bg-soft-info{background:#38bdf81a;color:#0ea5e9}.bg-soft-success{background:#ecfdf5;color:#10b981}.bg-soft-danger{background:#fef2f2;color:#ef4444}.stat-data{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:800;line-height:1;margin-bottom:.25rem;color:var(--text-main)}.stat-label{font-size:.75rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.trend-arrow{position:absolute;top:1rem;right:1rem;color:#10b981}.log-controls{display:flex;gap:1rem;margin-bottom:1.5rem;padding:0!important;background:transparent!important}.search-box{flex:1;display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid var(--border);border-radius:8px;padding:0 1rem;height:42px}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.search-box input{background:none;border:none;color:var(--text-main);width:100%;height:100%;outline:none;font-size:.95rem}.filter-group{display:flex;align-items:center;gap:.75rem;min-width:200px}.filter-group select{background:#fff;border:1px solid var(--border);color:var(--text-main);padding:0 1rem;border-radius:8px;height:42px;width:100%;outline:none;font-size:.95rem;cursor:pointer}.filter-group select:focus{border-color:var(--primary)}.logs-table-card{padding:0!important;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.logs-table{width:100%;border-collapse:collapse}.logs-table th{text-align:left;padding:1rem 1.25rem;background:#f9fafb;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);font-weight:700}.logs-table td{padding:1.25rem;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-main);font-size:.95rem}.logs-table tr:last-child td{border-bottom:none}.logs-table tr:hover{background:#fcfcfd}.phone-cell strong{color:var(--text-main);font-weight:600}.tpl-cell{display:flex;flex-direction:column;gap:.25rem}.tpl-name{font-weight:600;color:var(--text-main)}.error-hint{font-size:.75rem;color:#ef4444;display:flex;align-items:center;gap:.4rem}.status-badge{padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase}.status-sent{background:#f3f4f6;color:var(--text-muted)}.status-delivered{background:#38bdf81a;color:#0ea5e9}.status-read{background:#ecfdf5;color:#10b981}.status-failed{background:#fef2f2;color:#ef4444}.type-tag{font-size:.75rem;color:var(--text-muted);background:#f3f4f6;padding:4px 10px;border-radius:6px;text-transform:capitalize;font-weight:600}.tag-template{background:var(--primary-light);color:var(--primary)}.time-cell{display:flex;flex-direction:column;font-size:.85rem;color:var(--text-main)}.time-cell small{color:var(--text-muted);font-size:.75rem}.empty-state{padding:4rem 0!important}@media(max-width:1024px){.log-controls{flex-direction:column}.filter-group{width:100%}}.support-workspace{animation:fadeIn .3s ease-in-out}.return-card,.ticket-card{position:relative;border-radius:12px}.agent-notes-editor textarea:focus,.return-comments-editor input:focus{border-color:var(--primary)!important;outline:none;box-shadow:0 0 0 2px #6366f11a}.badge-outline{border:1px solid var(--border);color:var(--text-muted);border-radius:6px;font-size:.75rem;padding:2px 8px;font-weight:500}.badge-select{appearance:none;-webkit-appearance:none;padding:4px 24px 4px 10px;border-radius:9999px;font-size:.76rem;font-weight:600;border:1px solid transparent;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:9px;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;height:28px;line-height:normal}.badge-select.priority-high{background-color:#ef44441a;color:#ef4444;border-color:#ef444433}.badge-select.priority-high:focus{border-color:#ef4444}.badge-select.priority-medium{background-color:#f59e0b1a;color:#f59e0b;border-color:#f59e0b33}.badge-select.priority-medium:focus{border-color:#f59e0b}.badge-select.priority-low{background-color:#94a3b81a;color:#64748b;border-color:#94a3b833}.badge-select.priority-low:focus{border-color:#64748b}.badge-select.status-open{background-color:#3b82f61a;color:#3b82f6;border-color:#3b82f633}.badge-select.status-open:focus{border-color:#3b82f6}.badge-select.status-pending{background-color:#f973161a;color:#f97316;border-color:#f9731633}.badge-select.status-pending:focus{border-color:#f97316}.badge-select.status-resolved{background-color:#10b9811a;color:#10b981;border-color:#10b98133}.badge-select.status-resolved:focus{border-color:#10b981}.badge-select.status-closed{background-color:#64748b1a;color:#64748b;border-color:#64748b33}.badge-select.status-closed:focus{border-color:#64748b}.linked-order-card{background:#ffffff05;border:1px dashed var(--border);border-radius:8px;padding:10px 14px;margin-top:12px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.linked-order-card:hover{border-color:var(--primary);background:#ffffff0a}.linked-order-info{display:flex;flex-direction:column;gap:2px}.linked-order-title{font-size:.8rem;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:6px}.linked-order-meta{font-size:.74rem;color:var(--text-muted)}.linked-order-status{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:9999px;text-transform:capitalize}.order-badge-pending{background-color:#f59e0b1a;color:#f59e0b}.order-badge-processing{background-color:#3b82f61a;color:#3b82f6}.order-badge-packed{background-color:#8b5cf61a;color:#8b5cf6}.order-badge-shipped{background-color:#06b6d41a;color:#06b6d4}.order-badge-delivered{background-color:#10b9811a;color:#10b981}.order-badge-cancelled{background-color:#ef44441a;color:#ef4444}.ticket-attachments{display:flex;gap:12px;margin:12px 0;flex-wrap:wrap}.attachment-thumb{width:80px;height:80px;border-radius:8px;border:1px solid var(--border);overflow:hidden;cursor:zoom-in;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.attachment-thumb:hover{transform:scale(1.05);border-color:var(--primary);box-shadow:0 4px 12px #6366f11f}.attachment-thumb img{width:100%;height:100%;object-fit:cover}.lightbox-overlay{position:fixed;inset:0;background:#0f172ae6;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease-out}.lightbox-content{max-width:90%;max-height:85vh;position:relative;display:flex;flex-direction:column;align-items:center}.lightbox-img{max-width:100%;max-height:80vh;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;object-fit:contain}.lightbox-close{position:absolute;top:-44px;right:0;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;transition:all .2s ease}.lightbox-close:hover{background:#fff3;transform:scale(1.05)}.save-indicator{font-size:.74rem;font-weight:600;display:inline-flex;align-items:center;gap:4px;margin-left:8px;transition:opacity .3s ease}.save-indicator.saving{color:var(--primary)}.save-indicator.saved{color:#10b981;animation:fadeOutSoon 2.2s forwards}@keyframes fadeOutSoon{0%{opacity:1}80%{opacity:1}to{opacity:0}}.animate-spin{animation:spin 1s linear infinite}@media(max-width:640px){.ticket-card,.return-card{padding:16px!important}}.dropdown-item-hover{transition:background-color .2s ease}.dropdown-item-hover:hover{background:#6366f114!important}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.react-datepicker-wrapper{width:auto}.react-datepicker__input-container input{height:40px!important;padding:0 12px!important;font-size:.85rem!important;border:1px solid var(--border)!important;border-radius:8px!important;background:var(--bg-card)!important;color:var(--text-main)!important;width:180px!important;cursor:pointer!important;outline:none!important}.react-datepicker__input-container input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 2px #6366f11a!important}.clear-filters-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(239,68,68,.2);background:#ef44440d;color:#ef4444;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0;flex-shrink:0}.clear-filters-btn:hover{background:#ef44441a;border-color:#ef444466;color:#ef4444;transform:scale(1.05)}.clear-filters-btn:active{transform:scale(.95)}.analytics-workspace{animation:fadeIn .3s ease-in-out}.kpi-card{display:flex;flex-direction:column;padding:1.5rem!important;position:relative;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);transition:all .25s cubic-bezier(.4,0,.2,1)}.kpi-card:hover{border-color:var(--primary)!important;transform:translateY(-2px);box-shadow:0 10px 30px #6366f114}.kpi-icon-row{margin-bottom:12px}.kpi-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#6366f11a;color:var(--primary);border-radius:8px;padding:8px}.kpi-label{font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:1.6rem;font-weight:800;color:var(--text-main);margin:6px 0 0}.svg-chart{width:100%;height:auto;overflow:visible}.chart-dot{transition:r .15s ease;cursor:pointer}.chart-dot:hover{r:6px}.donut-segment{transition:stroke-dasharray .3s ease,stroke-dashoffset .3s ease}.donut-segment:hover{stroke-width:18}.no-chart-data{display:flex;align-items:center;justify-content:center;height:150px;color:var(--text-muted);font-size:.9rem;border:1px dashed var(--border);border-radius:8px}.funnel-row{margin-bottom:16px}@media(max-width:768px){.reports-grid-two,.campaigns-workspace-grid{grid-template-columns:1fr!important}}.storefront-builder-container{display:flex;flex-direction:column;min-height:100%;background:#f8fafc;color:#1f2937;font-family:Outfit,sans-serif}.builder-header-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f8fafc}.main-design-title{font-size:24px;font-weight:700;color:#000;margin:0}.header-actions{display:flex;align-items:center;gap:12px}.save-status-text{font-size:13px;color:#64748b}.refresh-link{background:none;border:none;color:#2563eb;font-weight:600;cursor:pointer;text-decoration:underline;padding:0;font-size:inherit;font-family:inherit}.btn-history-toolbar{background:none;border:1.5px solid #e2e8f0;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s}.btn-history-toolbar:hover:not(:disabled){border-color:#cbd5e1;color:#1e293b;background:#fff}.btn-history-toolbar:disabled{opacity:.4;cursor:not-allowed}.btn-external-link{background:#1e293b;color:#fff;border:none;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-external-link:hover{background:#0f172a}.tabs-container-wrapper{padding:0 24px;border-bottom:2px solid var(--border, #e5e7eb);background:#fff}.tab-navigation-bar{display:flex;gap:16px;margin-bottom:-2px}.tab-btn-theme{background:none;border:none;font-size:15px;font-weight:600;color:var(--text-muted, #6b7280);padding:12px 16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-bottom:3px solid transparent;font-family:inherit}.tab-btn-theme:hover{color:var(--primary, #075e54)}.tab-btn-theme.active{color:var(--primary, #075e54);border-bottom-color:var(--primary, #075e54);font-weight:700}.builder-workspace-twocol{display:grid;grid-template-columns:1.2fr .8fr;flex-grow:1;padding:24px;gap:24px}.settings-column-pane{display:flex;flex-direction:column;gap:20px;padding-right:8px}.tab-pane-content{display:flex;flex-direction:column;gap:20px}.settings-card-retro{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000005}.card-section-title{font-size:15px;font-weight:700;color:#000;margin:0 0 16px}.profile-dragzone{border:1.5px dashed #cbd5e1;border-radius:8px;padding:24px;text-align:center;cursor:pointer;background:#fff;transition:border-color .2s;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.profile-dragzone:hover{border-color:#94a3b8}.uploader-icon{color:#94a3b8}.uploader-title{font-size:13px;font-weight:600;color:#1e293b;display:block}.uploader-subtitle{font-size:11px;color:#64748b;display:block}.uploader-thumb-container{position:absolute;inset:6px;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;z-index:10;border:1px solid #e2e8f0}.uploader-thumb{max-height:100%;max-width:100%;object-fit:contain;border-radius:4px}.thumb-remove-btn{position:absolute;top:4px;right:4px;background:#0009;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;line-height:1}.btn-ai-spark{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;color:#1f2937;cursor:pointer;transition:all .2s;margin-top:12px;width:fit-content}.btn-ai-spark:hover{background:#f8fafc;border-color:#cbd5e1}.form-group-field{display:flex;flex-direction:column;gap:6px;margin-top:16px;text-align:left}.form-group-field label{font-size:13px;font-weight:700;color:#000}.form-group-field input[type=text],.form-group-field textarea,.retro-select,.retro-textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:10px 14px;font-size:13px;color:#000;width:100%;font-family:inherit;transition:border-color .2s}.form-group-field input[type=text]:focus,.form-group-field textarea:focus,.retro-select:focus,.retro-textarea:focus{border-color:#0f172a;outline:none}.color-picker-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.picker-text-meta{flex:1;display:flex;flex-direction:column;gap:4px}.sublabel-help{font-size:11px;color:#64748b;line-height:1.5}.color-input-container{display:flex;align-items:center;border:1.5px solid #e2e8f0;border-radius:8px;padding:4px;background:#fff;width:130px;flex-shrink:0}.color-circle-preview{width:28px;height:28px;border-radius:50%;cursor:pointer;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.color-hex-text{border:none!important;width:100%!important;padding:0 8px!important;font-size:12px!important;font-weight:600!important;color:#0f172a!important;background:transparent!important;text-transform:uppercase}.btn-solid-dark{background:#1e293b;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-solid-dark:hover{background:#0f172a}.manual-actions-row{display:flex;justify-content:flex-start}.btn-add-card-retro{background:#1e293b;color:#fff;width:100%;padding:14px;border-radius:8px;border:none;font-weight:600;font-size:14px;cursor:pointer;text-align:center;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-add-card-retro:hover{background:#0f172a}.add-card-dropdown-menu{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:12px;box-shadow:0 4px 12px #00000014;margin-bottom:16px;text-align:left}.dropdown-title{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:8px;letter-spacing:.5px}.dropdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dropdown-grid button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px;font-size:11px;font-weight:600;color:#1e293b;cursor:pointer;transition:all .2s}.dropdown-grid button:hover{border-color:#cbd5e1;background:#f1f5f9;color:#000}.sections-cards-stack{display:flex;flex-direction:column;gap:8px}.layout-section-block{display:flex;flex-direction:column}.section-card{display:flex;align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:12px 14px;gap:10px;transition:all .2s ease;box-shadow:0 1px 3px #0000000a;cursor:default}.section-card:hover{border-color:#94a3b8;box-shadow:0 2px 8px #00000012}.section-card.editing{border-color:var(--primary, #075e54);background:#f0faf9;box-shadow:0 2px 12px #075e541a}.section-card.hidden{opacity:.45}.drag-handle{cursor:grab;color:#94a3b8;font-size:18px;-webkit-user-select:none;user-select:none;padding:2px 4px;flex-shrink:0}.sec-info{flex:1;display:flex;flex-direction:column;gap:3px;cursor:pointer;min-width:0}.sec-name{font-size:14px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.section-card.editing .sec-name{color:var(--primary, #075e54)}.sec-type-badge{font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px}.sec-actions{display:flex;gap:4px;flex-shrink:0}.sec-icon-btn{width:30px;height:30px;border-radius:7px;border:1.5px solid #e2e8f0;background:#f8fafc;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease;padding:0;flex-shrink:0}.sec-icon-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#1e293b}.sec-icon-btn.visibility:hover{background:#eff6ff;border-color:#93c5fd;color:#2563eb}.sec-icon-btn.visibility.dimmed{color:#94a3b8;background:#f1f5f9}.sec-icon-btn.edit.active{background:var(--primary, #075e54);border-color:var(--primary, #075e54);color:#fff}.sec-icon-btn.edit.active:hover{background:#054840;border-color:#054840}.sec-icon-btn.edit:not(.active):hover{background:#f0fdf4;border-color:#86efac;color:#16a34a}.sec-icon-btn.delete{background:#fef2f2;border-color:#fca5a5;color:#ef4444}.sec-icon-btn.delete:hover{background:#fee2e2;border-color:#f87171;color:#dc2626}.sec-action-text-btn{font-size:10px;font-weight:700;padding:4px 8px;border-radius:5px;cursor:pointer;background:#f1f5f9;border:1.5px solid #cbd5e1;color:#475569;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;outline:none;font-family:inherit}.sec-action-text-btn:hover{background:#cbd5e1;color:#0f172a;border-color:#94a3b8}.sec-action-text-btn.edit.active{background:var(--primary, #075e54);color:#fff;border-color:var(--primary, #075e54)}.sec-action-text-btn.edit.active:hover{background:#054840;border-color:#054840}.sec-action-text-btn.delete{background:#fef2f2;border-color:#fca5a5;color:#ef4444}.sec-action-text-btn.delete:hover{background:#fee2e2;border-color:#f87171;color:#dc2626}.sec-action-text-btn.visibility{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.sec-action-text-btn.visibility:hover{background:#e2e8f0;border-color:#cbd5e1;color:#334155}.section-inline-editor-card{background:#fff;border:1.5px solid #e2e8f0;border-top:none;border-radius:0 0 10px 10px;margin-top:-12px;margin-bottom:8px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.ied-tabbar{display:flex;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:0 4px;gap:4px}.ied-tab{flex:1;padding:11px 12px;font-size:13px;font-weight:700;color:#94a3b8;background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .15s;letter-spacing:.2px}.ied-tab.active{color:var(--primary, #075e54);background:transparent;border-bottom-color:var(--primary, #075e54)}.ied-tab:not(.active):hover{background:#f1f5f9;color:#475569}.inline-editor-header{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.inline-editor-body{display:flex;flex-direction:column;gap:10px;padding:14px}.checkbox-row{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-row input{cursor:pointer}.checkbox-row label{font-size:13px;color:#1e293b;cursor:pointer;-webkit-user-select:none;user-select:none}.lp-accordion-list{background:#f8fafc}.lp-accordion{border-bottom:1px solid #e8edf2}.lp-accordion:last-child{border-bottom:none}.lp-accordion-head{display:flex;align-items:center;gap:8px;padding:11px 14px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;background:#fff;font-size:13px;font-weight:700;color:#1e293b;transition:background .12s;position:relative}.lp-acc-label{flex:1;font-size:13px;font-weight:700;color:#1e293b}.lp-accordion-head:hover{background:#f8fafc}.lp-accordion-head::-webkit-details-marker{display:none}.lp-accordion-head:after{content:"›";font-size:16px;color:#94a3b8;margin-left:auto;transition:transform .2s;line-height:1;padding-right:2px}details.lp-accordion[open] .lp-accordion-head:after{transform:rotate(90deg)}.lp-acc-preview{display:flex;align-items:center;gap:4px;margin-right:6px}.lp-acc-dot{width:13px;height:13px;border-radius:50%;border:1.5px solid rgba(0,0,0,.1);flex-shrink:0}.lp-acc-chip{font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;background:#128c7e18;color:#128c7e;letter-spacing:.2px}.lp-chip-empty{background:#f1f5f9;color:#94a3b8}.lp-accordion-body{padding:10px 14px 12px;display:flex;flex-direction:column;gap:9px;background:#fafcff;border-top:1px solid #f0f4f8}.lp-color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.lp-color-block{display:flex;flex-direction:column;gap:6px}.lp-color-block-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-color-rect{position:relative;width:100%;height:36px;border-radius:7px;border:1.5px solid #e2e8f0;cursor:pointer;overflow:hidden;transition:border-color .15s,box-shadow .15s;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;background-color:#fff}.lp-color-rect:hover{border-color:#94a3b8;box-shadow:0 2px 6px #00000014}.lp-color-rect-empty{font-size:16px;color:#cbd5e1;pointer-events:none;position:relative;z-index:1}.lp-color-swatches{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.lp-swatch-dot{width:14px;height:14px;border-radius:50%;cursor:pointer;padding:0;flex-shrink:0;transition:transform .12s,box-shadow .12s;outline:none}.lp-swatch-dot:hover{transform:scale(1.2)}.lp-swatch-dot.active{box-shadow:0 0 0 2px var(--swatch-active-color, #128C7E);transform:scale(1.1)}.lp-swatch-clear{width:20px;height:20px;border-radius:5px;border:1.5px solid #fecaca;background:#fef2f2;color:#ef4444;font-size:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;transition:all .15s}.lp-swatch-clear:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.lp-text-input{width:72px;border:1.5px solid #e2e8f0;border-radius:6px;padding:4px 8px;font-size:12px;font-family:inherit;color:#1e293b;background:#fff;outline:none;transition:border-color .15s;text-align:center}.lp-text-input:focus{border-color:#128c7e}.lp-text-input::placeholder{color:#94a3b8}.lp-seg-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.lp-seg-label{font-size:12px;font-weight:500;color:#64748b;min-width:44px;flex-shrink:0}.lp-seg-strip{display:flex;background:#f1f5f9;border-radius:6px;padding:2px;gap:2px;flex:1}.lp-seg-btn{flex:1;padding:4px 6px;font-size:11px;font-weight:600;border:none;border-radius:4px;background:transparent;color:#64748b;cursor:pointer;transition:all .12s;white-space:nowrap}.lp-seg-btn.active{background:#fff;color:#128c7e;box-shadow:0 1px 4px #0000001a}.lp-seg-btn:not(.active):hover{background:#e2e8f0;color:#334155}.lp-drop-row{display:flex;flex-direction:column;gap:4px;flex:1}.lp-drop-label{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px}.lp-drop-select{width:100%;padding:5px 8px;font-size:12px;border:1.5px solid #e2e8f0;border-radius:6px;background:#fff;color:#1e293b;cursor:pointer;outline:none;transition:border-color .15s;appearance:auto}.lp-drop-select:focus{border-color:#128c7e}.lp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lp-typo-group-label{font-size:10px;font-weight:700;color:#128c7e;text-transform:uppercase;letter-spacing:.5px;padding-bottom:2px;border-bottom:1px solid #d1fae5;margin-bottom:2px}.lp-url-row{display:flex;flex-direction:column;gap:4px}.lp-url-input{width:100%;padding:6px 8px;font-size:11px;border:1.5px solid #e2e8f0;border-radius:6px;background:#fff;color:#1e293b;outline:none;box-sizing:border-box}.lp-url-input:focus{border-color:#128c7e}.lp-number-control{display:flex;align-items:center;gap:8px;flex:1}.lp-slider{flex:1;height:4px;border-radius:2px;accent-color:#128C7E;cursor:pointer}.lp-number-badge{font-size:11px;font-weight:700;font-family:monospace;color:#128c7e;background:#f0fdf9;border:1px solid #a7f3d0;border-radius:4px;padding:1px 6px;min-width:36px;text-align:center;flex-shrink:0}.nav-items-list-custom{display:flex;flex-direction:column;gap:12px}.navigation-editable-row{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:12px;text-align:left}.drag-handle-retro{cursor:grab;color:#cbd5e1;font-weight:700;font-size:18px;-webkit-user-select:none;user-select:none}.nav-row-inputs{flex:1;display:flex;flex-direction:column;gap:8px}.btn-trash-nav{background:none;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;flex-shrink:0}.btn-trash-nav:hover{background:#fef2f2;color:#ef4444}.btn-add-menu-item{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:10px;font-weight:600;font-size:13px;width:100%;text-align:center;cursor:pointer;color:#0f172a;transition:all .2s;margin-top:12px;font-family:inherit}.btn-add-menu-item:hover{background:#f8fafc;border-color:#cbd5e1}.phone-preview-column-pane{display:flex;align-items:flex-start;justify-content:center;background:#f1f5f9;border-radius:12px;padding:20px}.iphone-mockup-frame{box-sizing:border-box;width:320px;height:590px;flex-shrink:0;border:12px solid #000000;border-radius:40px;background:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.iphone-notch-bar{width:130px;height:22px;background:#000;border-radius:0 0 16px 16px;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;justify-content:center;gap:8px}.notch-camera-dot{width:8px;height:8px;border-radius:50%;background:#1c1c1e}.notch-speaker-bar{width:40px;height:4px;border-radius:2px;background:#1c1c1e}.iphone-status-bar{display:flex;justify-content:space-between;align-items:center;padding:6px 20px 4px;background:#fff;font-size:10px;font-weight:600;color:#000;z-index:40;border-bottom:1px solid #f1f5f9;height:26px;-webkit-user-select:none;user-select:none}.status-icons{letter-spacing:2px}.iphone-screen-viewport{flex-grow:1;overflow-y:auto;overflow-x:hidden;z-index:10;transform:translate(0)}.builder-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#64748b}.spinner{animation:spin 1s linear infinite;color:var(--primary, #075e54);margin-bottom:12px}@media(max-width:1024px){.builder-workspace-twocol{grid-template-columns:1fr}}.theme-presets-grid-custom{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}@media(max-width:480px){.theme-presets-grid-custom{grid-template-columns:repeat(2,1fr)}}.theme-preset-card-custom{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.theme-preset-card-custom:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.theme-preset-card-custom.selected{border-color:var(--primary, #075e54);background:#f0faf9;box-shadow:0 4px 12px #075e5414}.preset-color-bar{width:100%;height:32px;border-radius:6px;border:1px solid rgba(0,0,0,.05)}.preset-title-row{display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:700;color:#0f172a;line-height:1.2}.preset-desc{font-size:10px;color:#64748b;line-height:1.1}.nav-row-flex-fields{display:flex;gap:12px;width:100%}.nav-row-flex-fields .form-group-field{flex:1;margin-top:0}@media(max-width:576px){.nav-row-flex-fields{flex-direction:column;gap:8px}}.domain-dashboard-container{display:flex;flex-direction:column;gap:24px;background:transparent;color:var(--text-main, #1f2937);font-family:Outfit,Inter,sans-serif}.domain-gate-container{max-width:800px;margin:40px auto;padding:40px;border-radius:16px;background:var(--bg-card, #ffffff);border:1px solid var(--border, #e5e7eb);text-align:center}.gate-header{margin-bottom:36px}.gate-header .icon-wrapper{position:relative;display:inline-block;margin-bottom:16px}.gate-header .globe-icon{color:var(--text-muted, #6b7280);opacity:.15}.gate-header .lock-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--warning, #f59e0b);filter:drop-shadow(0 4px 10px rgba(245,158,11,.3))}.gate-header h2{font-size:24px;font-weight:700;margin:0 0 8px;color:var(--text-main, #1f2937)}.gate-header .subtitle{font-size:14px;color:var(--text-muted, #6b7280);max-width:500px;margin:0 auto;line-height:1.5}.perk-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px}.perk-card{background:#f9fafb;border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:20px;text-align:left}.perk-card:hover{border-color:#075e5433;background:#f3f4f6}.perk-card .perk-icon{color:var(--primary, #075e54);margin-bottom:12px}.perk-card h3{font-size:14px;font-weight:600;margin:0 0 8px;color:var(--text-main, #1f2937)}.perk-card p{font-size:11px;color:var(--text-muted, #6b7280);margin:0;line-height:1.6}.perk-card code{font-size:10px;background:#0000000d;padding:2px 4px;border-radius:4px;font-family:monospace;color:var(--text-main, #1f2937)}.upgrade-cta-box{background:var(--primary-light, rgba(7, 94, 84, .08));border:1px solid rgba(7,94,84,.2);border-radius:12px;padding:24px;display:flex;justify-content:space-between;align-items:center}.upgrade-cta-box .plan-meta{text-align:left;display:flex;flex-direction:column;gap:4px}.upgrade-cta-box .current-plan-text{font-size:13px;color:var(--text-main, #1f2937)}.upgrade-cta-box .required-plan-text{font-size:14px;color:var(--primary, #075e54)}.upgrade-btn-large{background:var(--primary, #075e54);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-md, 6px);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition, all .3s ease)}.upgrade-btn-large:hover{background:var(--primary-hover, #128c7e);transform:translateY(-1px)}.domain-workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.domain-form-card,.domain-list-card{background:var(--bg-card, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:12px;padding:24px}.domain-form-card h3,.domain-list-card h3{font-size:16px;font-weight:600;margin:0 0 6px;color:var(--text-main, #1f2937)}.card-subtitle{font-size:12px;color:var(--text-muted, #6b7280);margin:0 0 20px;line-height:1.5}.connect-form{display:flex;gap:12px;margin-bottom:24px}.connect-form .input-group{flex:1;position:relative}.connect-form .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted, #6b7280)}.connect-form input{width:100%;background:#fff;border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-md, 6px);color:var(--text-main, #1f2937);padding:10px 12px 10px 38px;font-size:13px;box-sizing:border-box;height:42px}.connect-form input:focus{border-color:var(--primary, #075e54);outline:none;box-shadow:0 0 0 2px #075e541a}.btn-connect{background:var(--primary, #075e54);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md, 6px);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition, all .3s ease);height:42px}.btn-connect:hover{background:var(--primary-hover, #128c7e)}.default-address-card{background:#f9fafb;border:1px solid var(--border, #e5e7eb);border-radius:8px;padding:16px}.default-address-card h4{font-size:12px;font-weight:600;margin:0 0 6px;color:var(--text-main, #1f2937)}.default-address-card p{font-size:11px;color:var(--text-muted, #6b7280);margin:0 0 12px}.sub-link-row{display:flex;align-items:center;background:#fff;border:1px solid var(--border, #e5e7eb);border-radius:6px;padding:6px 12px;gap:8px}.sub-link-row .link-icon{color:var(--text-muted, #6b7280)}.sub-link-row .sub-url{flex:1;font-size:12px;color:var(--primary, #075e54);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-link-row .sub-url:hover{text-decoration:underline}.copy-btn{background:transparent;border:none;color:var(--text-muted, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center}.copy-btn:hover{color:var(--text-main, #1f2937)}.domains-stack{display:flex;flex-direction:column;gap:12px}.empty-domains-view{text-align:center;padding:40px 0;color:var(--text-muted, #6b7280)}.empty-domains-view .empty-icon{opacity:.3;margin-bottom:12px}.empty-domains-view p{font-size:12px;margin:0}.domain-item-card{background:#f9fafb;border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:14px}.domain-item-card:hover{border-color:#075e5433;background:#f3f4f6}.dom-meta{display:flex;justify-content:space-between;align-items:flex-start}.dom-name-row{display:flex;align-items:center;gap:8px}.dom-name{font-size:14px;font-weight:600;color:var(--text-main, #1f2937)}.primary-badge{background:var(--primary-light, rgba(7, 94, 84, .08));color:var(--primary, #075e54);border:1px solid rgba(7,94,84,.2);font-size:9px;text-transform:uppercase;font-weight:600;letter-spacing:.5px;padding:2px 6px;border-radius:4px}.status-indicator-pills{display:flex;gap:6px}.status-pill{font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px}.status-pill.pending{background:#f59e0b1a;color:#f59e0b}.status-pill.verified,.status-pill.active{background:#10b9811a;color:#10b981}.status-pill.failed{background:#ef44441a;color:#ef4444}.dom-actions-row{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border, #e5e7eb);padding-top:12px}.btn-action{background:#fff;border:1px solid var(--border, #e5e7eb);color:var(--text-main, #1f2937);padding:6px 12px;font-size:11px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:var(--transition, all .3s ease)}.btn-action:hover:not(:disabled){color:var(--primary, #075e54);border-color:var(--primary, #075e54);background:var(--primary-light, rgba(7, 94, 84, .08))}.btn-action.setup{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.btn-action.setup:hover{background:#f59e0b;color:#fff}.btn-action.primary{background:var(--primary-light, rgba(7, 94, 84, .08));border-color:#075e544d;color:var(--primary, #075e54)}.btn-action.primary:hover{background:var(--primary, #075e54);color:#fff}.btn-action.delete{color:#ef4444}.btn-action.delete:hover{background:#ef444414;border-color:#ef444433}.btn-action:disabled{opacity:.5;cursor:not-allowed}.dns-instructions-modal-overlay{position:fixed;inset:0;background:#0f172a26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.dns-modal-card{width:100%;max-width:680px;background:var(--bg-card, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:14px;padding:28px;box-sizing:border-box;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal-header h3{margin:0;font-size:18px;font-weight:700;color:var(--text-main, #1f2937)}.close-btn{background:transparent;border:none;color:var(--text-muted, #6b7280);font-size:24px;cursor:pointer}.close-btn:hover{color:var(--text-main, #1f2937)}.modal-intro{font-size:12px;color:var(--text-muted, #6b7280);margin:0 0 24px;line-height:1.5}.dns-table-container{display:flex;flex-direction:column;gap:20px}.dns-instruction-section h4{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--text-main, #1f2937)}.label-help{font-size:11px;color:var(--text-muted, #6b7280);margin:0 0 8px}.dns-table{width:100%;border-collapse:collapse;font-size:12px;background:#f9fafb;border-radius:8px;overflow:hidden;border:1px solid var(--border, #e5e7eb)}.dns-table th,.dns-table td{padding:10px 12px;text-align:left}.dns-table th{background:#00000005;color:var(--text-muted, #6b7280);font-weight:500;border-bottom:1px solid var(--border, #e5e7eb)}.dns-table td{border-bottom:1px solid var(--border, #e5e7eb);color:var(--text-main, #1f2937)}.dns-table tr:last-child td{border-bottom:none}.selectable-code{font-family:monospace;color:var(--primary, #075e54);-webkit-user-select:all;user-select:all;background:#00000008;padding:2px 6px;border-radius:4px}.type-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;color:#fff}.type-badge.txt{background:#ef4444}.type-badge.a{background:#3b82f6}.type-badge.cname{background:#8b5cf6}.copy-icon-btn{background:transparent;border:none;color:var(--text-muted, #6b7280);cursor:pointer}.copy-icon-btn:hover{color:var(--text-main, #1f2937)}.modal-actions-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border, #e5e7eb);padding-top:20px;margin-top:24px}.propagation-alert{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--warning, #f59e0b)}.footer-btns{display:flex;gap:12px}.btn-modal-close{background:#fff;border:1px solid var(--border, #e5e7eb);color:var(--text-main, #1f2937);padding:8px 16px;border-radius:6px;font-size:12px;cursor:pointer}.btn-modal-close:hover{background:#f3f4f6}.btn-modal-verify{background:var(--primary, #075e54);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.btn-modal-verify:hover{background:var(--primary-hover, #128c7e)}.domain-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--text-muted, #6b7280)}.spinner{animation:rotate 1s linear infinite;margin-bottom:12px;color:var(--primary, #075e54)}.animate-slide{animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.seo-settings-container{color:#1e293b}.seo-loading-container,.seo-empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;text-align:center;color:#64748b}.seo-empty-container h3{color:#0f172a;margin-top:16px;margin-bottom:6px}.seo-content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}.glass-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000006}.seo-form{display:flex;flex-direction:column;gap:18px}.form-group label{font-size:13px;font-weight:600;color:#334155}.form-group input[type=text],.form-group textarea{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:10px 14px;color:#0f172a;font-size:13px;transition:all .2s}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb26}.help-text{font-size:11px;color:#64748b}.help-text code{background:#f1f5f9;padding:2px 4px;border-radius:4px;color:#2563eb;border:1px solid #e2e8f0}.og-image-upload-wrapper{display:flex;gap:14px;align-items:center;background:#f8fafc;padding:12px;border-radius:8px;border:1px solid #e2e8f0}.og-preview-thumb{width:100px;height:60px;object-fit:cover;border-radius:4px;border:1px solid #cbd5e1}.upload-controls{display:flex;flex-direction:column;gap:8px;flex-grow:1}.og-url-input{width:100%}.btn-upload-file{background:#f1f5f9;color:#1e293b;border:1px solid #cbd5e1;padding:6px 12px;font-size:11px;font-weight:600;border-radius:4px;text-align:center;cursor:pointer;align-self:flex-start;transition:all .2s}.btn-upload-file:hover{background:#e2e8f0}.btn-upload-file input{display:none}.btn-save-seo{background:#2563eb;color:#fff;border:none;padding:12px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s;margin-top:10px}.btn-save-seo:hover{background:#1d4ed8}.google-preview-card,.whatsapp-preview-card{display:flex;flex-direction:column;gap:12px}.google-preview-card h3,.whatsapp-preview-card h3{margin:0;font-size:13px;font-weight:700;letter-spacing:.5px;color:#64748b;text-transform:uppercase}.google-snippet{background:#fff;color:#1a0dab;padding:16px;border-radius:8px;font-family:Arial,sans-serif;border:1px solid #e2e8f0;box-shadow:0 2px 4px #00000005}.google-url{font-size:12px;color:#202124;display:block;margin-bottom:2px;font-family:inherit}.google-title{font-size:18px;font-weight:400;margin:0 0 4px;font-family:inherit;text-decoration:none;cursor:pointer}.google-title:hover{text-decoration:underline}.google-desc{font-size:13px;color:#4d5156;line-height:1.5;margin:0;font-family:inherit}.whatsapp-card{max-width:320px;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 2px 4px #00000005}.wa-card-img{width:100%;height:160px;object-fit:cover}.wa-card-img-placeholder{width:100%;height:160px;background:#e9edef;display:flex;align-items:center;justify-content:center;font-size:13px;color:#8696a0}.wa-card-details{padding:10px 14px;background:#f0f2f5;display:flex;flex-direction:column;gap:2px;border-top:1px solid #e9edef}.wa-title{font-size:13px;font-weight:600;color:#111b21}.wa-desc{font-size:11px;color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-link{font-size:11px;color:#667781;margin-top:2px}@media(max-width:1024px){.seo-content-grid{grid-template-columns:1fr}}.payments-settings-container{color:#1e293b}.payments-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;text-align:center;color:#64748b;gap:12px}.settings-group-card{background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:24px}.settings-group-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:8px}.payment-gateway-config-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px;transition:var(--transition)}.payment-gateway-config-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #00000005}.gateway-meta strong{font-size:.95rem;color:var(--text-main);display:block;margin-bottom:2px}.gateway-meta p{font-size:.78rem;color:var(--text-muted);margin:0}.gateway-details-fields{border-top:1px dashed var(--border);padding-top:16px;display:flex;flex-direction:column;gap:12px}.align-center{align-items:center}.settings-payment-layout{display:flex;flex-direction:column;gap:2.5rem}.payment-gateways-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:992px){.payment-gateways-grid{grid-template-columns:1fr}}.gateway-header{display:flex;align-items:flex-start;gap:.85rem}.gateway-logo{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;flex-shrink:0;box-shadow:0 2px 5px #00000008;border:1px solid rgba(0,0,0,.05)}.settings-card{padding:2rem!important;height:fit-content;background:#fff!important;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.icon-p{color:var(--primary);width:24px;height:24px}.card-header h3{margin:0;font-size:17px;font-weight:700;color:var(--text-main)}.settings-form{display:flex;flex-direction:column;gap:1.25rem}.field-group{display:flex;flex-direction:column;gap:2px}.field-group label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.field-group input,.field-group textarea{background:#fff;border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text-main);font-size:14px;transition:all .2s;outline:none}.field-group input:focus,.field-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.flex-between{display:flex;align-items:center;justify-content:space-between}.webhook-box{background:#f8fafc;border:1px solid var(--border);padding:10px 12px;border-radius:6px}.webhook-box label{font-size:.65rem!important;opacity:.6}.webhook-box code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;color:var(--primary);word-break:break-all;line-height:1.4;margin-top:.25rem}.copy-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.copy-btn:hover{background:var(--primary-light);color:var(--primary)}.copy-btn.copied{color:#10b981}.save-btn{background:var(--primary)!important;color:#fff!important;border:none!important;height:42px!important;padding:0 24px!important;border-radius:8px!important;font-weight:700!important;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .2s}.save-btn:hover{filter:brightness(1.1)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.shipping-settings-container{color:#1e293b}.shipping-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;text-align:center;color:#64748b;gap:12px}.shipping-content-layout{display:flex;flex-direction:column;gap:2.5rem}.public-storefront-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#0f172a;color:#f1f5f9;font-family:Inter,sans-serif;gap:16px}.storefront-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:#128c7e;animation:sf-spin 1s ease-in-out infinite}@keyframes sf-spin{to{transform:rotate(360deg)}}.public-storefront-loading p{font-size:16px;font-weight:500;letter-spacing:.5px;margin:0;color:#cbd5e1}.public-storefront-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#0f172a;color:#f1f5f9;font-family:Inter,sans-serif;padding:24px;text-align:center}.public-storefront-error h2{font-size:28px;font-weight:700;color:#ef4444;margin:0 0 12px}.public-storefront-error p{font-size:16px;color:#94a3b8;margin:0 0 24px;max-width:400px;line-height:1.5}.public-storefront-error .back-btn{display:inline-flex;align-items:center;padding:12px 24px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#f8fafc;text-decoration:none;font-weight:600;font-size:14px;transition:all .2s ease}.public-storefront-error .back-btn:hover{background:#334155;border-color:#475569;transform:translateY(-1px)}.public-storefront-container{width:100%;min-height:100vh;background:#090d16;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.public-storefront-wrapper{width:100%;max-width:480px;height:100vh;overflow-y:auto;overflow-x:hidden;position:relative;background:#f8fafc;box-shadow:0 0 50px #0006;box-sizing:border-box}.public-storefront-wrapper::-webkit-scrollbar{width:6px}.public-storefront-wrapper::-webkit-scrollbar-track{background:transparent}.public-storefront-wrapper::-webkit-scrollbar-thumb{background:#64748b33;border-radius:10px}.public-storefront-wrapper::-webkit-scrollbar-thumb:hover{background:#64748b66}.public-storefront-wrapper .sf-offcanvas-overlay{position:absolute!important;z-index:199!important}.public-storefront-wrapper .sf-offcanvas{position:absolute!important;height:100%!important;z-index:200!important}.public-storefront-wrapper .sf-checkout-overlay-modal{position:absolute!important;height:100%!important;z-index:1000!important}.public-storefront-wrapper .sf-whatsapp-cta{position:absolute!important}.placeholder-container{max-width:800px;margin:40px auto;padding:0 24px}.back-btn-minimal{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;margin-bottom:24px;transition:var(--transition);padding:6px 12px;border-radius:var(--radius-md)}.back-btn-minimal:hover{color:var(--primary);background:var(--primary-light)}.placeholder-hero-card{text-align:center;padding:60px 40px;border-radius:24px;background:#ffffffb3!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 20px 40px #00000008!important;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.placeholder-icon-wrapper{width:96px;height:96px;background:linear-gradient(135deg,var(--primary-light) 0%,rgba(18,140,126,.15) 100%);border-radius:24px;display:flex;align-items:center;justify-content:center;color:var(--primary);position:relative;margin-bottom:28px;box-shadow:0 8px 20px #075e540d}.placeholder-icon-svg{animation:pulseIcon 3s infinite ease-in-out}@keyframes pulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sparkle-badge{position:absolute;bottom:-8px;background:var(--primary);color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:20px;display:flex;align-items:center;gap:4px;box-shadow:0 4px 10px #075e5433;border:1.5px solid #ffffff}.placeholder-hero-card h1{font-size:2rem;font-weight:700;color:var(--text-main);margin-bottom:12px}.placeholder-hero-card .subtitle{font-size:1.05rem;color:var(--text-muted);max-width:500px;line-height:1.6;margin-bottom:40px}.interactive-preview{width:100%;max-width:500px;background:#fff9;border:1px solid var(--border);border-radius:16px;padding:20px;text-align:left;margin-bottom:32px;box-shadow:inset 0 2px 4px #00000003}.preview-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:14px;margin-bottom:16px}.status-label{font-weight:600;font-size:.9rem;color:var(--text-main)}.toggle-switch-wrapper{display:flex;align-items:center;gap:10px}.toggle-text{font-size:.8rem;font-weight:500;color:var(--text-muted)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0000001a}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(20px)}.mock-input-group{margin-bottom:14px}.mock-input-group label{display:block;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.mock-code-input{background:#f8fafc!important;border-color:#e2e8f0!important;font-family:monospace!important;color:#475569!important;font-size:.85rem!important;cursor:default;height:38px!important;padding:0 12px!important}.preview-tips{display:flex;align-items:center;gap:8px;margin-top:12px}.tip-dot{width:6px;height:6px;background:var(--primary);border-radius:50%;flex-shrink:0}.preview-tips span{font-size:.8rem;color:var(--text-muted)}.placeholder-footer-note{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-muted);border-top:1px solid var(--border);padding-top:24px;width:100%;justify-content:center}.placeholder-footer-note svg{flex-shrink:0}.reviews-loading{padding:60px;text-align:center;font-size:16px;font-weight:500;color:#64748b}.reviews-containercard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden;margin-top:24px}.reviews-table-wrapper{overflow-x:auto}.reviews-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.reviews-table th{background:#f8fafc;padding:16px;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0}.reviews-table td{padding:16px;border-bottom:1px solid #e2e8f0;color:#1e293b;vertical-align:middle}.reviews-table tr:last-child td{border-bottom:none}.reviews-table tr:hover td{background:#f8fafc}.customer-info-cell{display:flex;align-items:center;gap:10px}.customer-avatar-mini{width:28px;height:28px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;border:1px solid #e2e8f0}.customer-name-bold{font-weight:600;color:#0f172a}.product-info-cell{display:flex;align-items:center;gap:10px;font-weight:500}.product-thumb-cell{width:36px;height:36px;border-radius:6px;object-fit:cover;border:1px solid #cbd5e1}.product-thumb-placeholder{width:36px;height:36px;border-radius:6px;background:#f8fafc;border:1px dashed #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:14px}.global-badge{display:inline-block;background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.rating-stars-list{display:flex;gap:2px}.star-filled{color:#f59e0b;fill:#f59e0b}.star-empty{color:#cbd5e1}.review-comment-excerpt{max-width:400px;white-space:normal;word-break:break-word;margin:0;line-height:1.5;color:#475569}.no-comment-text{color:#94a3b8;font-style:italic}.date-cell{display:flex;align-items:center;gap:6px;color:#64748b;font-size:13px}.empty-reviews-table{text-align:center!important;padding:80px 20px!important;color:#94a3b8}.empty-reviews-table p{margin:12px 0 0;font-size:14px}.modal-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2100}.modal-card{background:#fff;border-radius:16px;width:100%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e2e8f0;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;font-size:18px;font-weight:700;color:#0f172a}.close-btn{background:none;border:none;cursor:pointer;color:#64748b;padding:4px;border-radius:6px;display:flex}.close-btn:hover{background:#f1f5f9;color:#1e293b}.modal-body{padding:24px;display:flex;flex-direction:column}.form-group label{font-size:13px;font-weight:600;color:#475569}.input-field,.select-field,.textarea-field{padding:10px 12px;border-radius:8px;border:1.5px solid #cbd5e1;font-size:14px;color:#1e293b;outline:none;width:100%;box-sizing:border-box;font-family:inherit}.input-field:focus,.select-field:focus,.textarea-field:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0}.animate-scale-in{animation:scaleIn .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.whatsapp-channel-container{font-size:.88rem}.whatsapp-channel-content{padding:0 1.5rem 1.5rem;max-width:1200px;margin:0 auto}.whatsapp-config-box{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.5rem!important}.card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:.75rem}.card-header h3{font-size:1rem;font-weight:700;color:var(--text-main)}.icon-p{color:var(--primary);width:18px;height:18px}.wa-container-flex{display:flex;gap:2rem;align-items:flex-start}.wa-main-config{flex:1;min-width:0}.wa-side-panel{width:300px;display:flex;flex-direction:column;gap:1rem;flex-shrink:0}.wa-status-alert{display:flex;align-items:center;gap:1rem;background:#10b98114;color:#10b981;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid rgba(16,185,129,.15);font-size:.85rem}.wa-status-alert.disconnected{background:#f43f5e0d;border:1px dashed rgba(244,63,94,.25);color:var(--text-muted)}.wa-status-alert.disconnected strong{color:#f43f5e}.status-dot{width:8px;height:8px;border-radius:50%;position:relative;background:#10b981;box-shadow:0 0 8px #10b98166}.status-dot.disconnected{background:#f43f5e;box-shadow:0 0 8px #f43f5e4d}.status-dot.active:after{content:"";position:absolute;width:100%;height:100%;background:inherit;border-radius:inherit;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(3);opacity:0}}.wa-fields-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.horizontal-field{display:flex;flex-direction:column;gap:.25rem;width:100%}.horizontal-field label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.horizontal-field input{height:38px;padding:0 12px;border-radius:6px;border:1px solid var(--border);background:#fff;color:var(--text-main);font-size:.88rem;width:100%;box-sizing:border-box}.horizontal-field input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px var(--primary-light)}.readonly-input{background:#f9fafb!important;opacity:.7;cursor:not-allowed}.password-wrapper{width:100%}.wa-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:1rem}.wa-main-actions{display:flex;align-items:center;gap:.75rem}.save-btn{background:var(--primary);color:#fff;border:none;height:38px;padding:0 16px;border-radius:6px;font-weight:600;font-size:.88rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s}.save-btn:hover:not(:disabled){filter:brightness(1.08)}.save-btn:disabled{opacity:.5;cursor:not-allowed}.pulse-primary{animation:pulse-border 2s infinite}@keyframes pulse-border{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 6px #6366f100}to{box-shadow:0 0 #6366f100}}.disconnect-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:0 16px;height:38px;border-radius:6px;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s;background:#fff1f2;color:#e11d48;border:1px solid #ffe4e6;white-space:nowrap}.disconnect-btn:hover:not(:disabled){background:#e11d48;color:#fff}.disconnect-btn:disabled{opacity:.5;cursor:not-allowed}.disconnect-btn.confirm{background:#f43f5e!important;color:#fff!important;animation:flash-btn .5s ease-in-out infinite alternate}@keyframes flash-btn{0%{opacity:1}to{opacity:.7}}.link-btn{background:none;border:none;color:var(--primary);font-size:.85rem;font-weight:600;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .2s}.link-btn:hover{text-decoration:underline;background:#6366f10d}.wa-onboarding-view{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 0;animation:fadeIn .3s ease-out}.wa-benefit-list{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:320px}.benefit-item{display:flex;align-items:center;gap:.5rem;color:var(--success);font-size:.88rem}.benefit-item span{color:var(--text-muted)}.fb-connect-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#1877f2;color:#fff;padding:10px 20px;border-radius:8px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #1877f226;width:100%;max-width:320px}.fb-connect-btn:hover{background:#166fe5;transform:translateY(-1px);box-shadow:0 6px 16px #1877f240}.fb-connect-btn:disabled{background:var(--border);cursor:not-allowed;box-shadow:none;opacity:.6}.usage-limit-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:1.25rem}.usage-limit-title{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;letter-spacing:.05em}.limit-tier{font-size:1.5rem;font-weight:800;color:var(--primary);margin-bottom:.5rem;line-height:1}.limit-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4}.usage-stats-box{display:flex;flex-direction:column;gap:.5rem}.usage-info-row{display:flex;align-items:baseline;gap:.25rem}.usage-info-row .current{font-size:1.25rem;font-weight:700;color:var(--text-main)}.usage-info-row .total{font-size:.8rem;color:var(--text-muted)}.usage-progress{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.usage-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .3s ease}.usage-fill.warning{background:#f59e0b}.usage-period{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted)}.upgrade-btn-small{background:#6366f11a;color:var(--primary);border:none;padding:4px 8px;border-radius:4px;font-weight:600;font-size:.75rem;cursor:pointer}.upgrade-btn-small:hover{background:var(--primary);color:#fff}.wa-status-pill-list{display:flex;flex-direction:column;gap:.5rem}.status-pill{display:flex;align-items:center;gap:.5rem;padding:0 .75rem;height:36px;background:#fff;border:1px solid var(--border);border-radius:6px;font-size:.8rem;color:var(--text-muted)}.status-pill strong{color:var(--text-main);margin-left:auto}.shimmer-text{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wa-templates-table-wrapper{overflow-x:auto;border-radius:6px;background:#fff;border:1px solid var(--border)}.wa-templates-table{width:100%;border-collapse:collapse;font-size:.85rem}.wa-templates-table th{text-align:left;padding:.75rem 1rem;background:#f9fafb;color:var(--text-muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.wa-templates-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border);color:var(--text-main);vertical-align:middle}.wa-templates-table tr:last-child td{border-bottom:none}.status-badge{padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;gap:.3rem}.status-approved{background:#10b9811a;color:#10b981}.status-pending{background:#f59e0b1a;color:#f59e0b}.status-rejected{background:#ef44441a;color:#ef4444}.status-deleted,.status-disabled{background:#ffffff0d;color:var(--text-muted)}.btn-tiny{background:var(--primary-light);color:var(--primary);border:1px solid var(--border);padding:4px 8px;border-radius:4px;font-weight:600;font-size:.75rem;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem}.btn-tiny:hover:not(:disabled){background:var(--primary);color:#fff}.btn-tiny:disabled{opacity:.5;cursor:not-allowed}.btn-outline-small{background:none;border:1px solid var(--border);color:var(--text-main);padding:6px 12px;border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.btn-outline-small:hover{background:var(--border)}.spin{animation:fa-spin 1s infinite linear}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rejection-box{display:flex;align-items:center;gap:.35rem;color:#ef4444;font-size:.8rem}.empty-templates-state{padding:2rem;text-align:center;color:var(--text-muted)}.wa-footer{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border);margin-top:1.5rem}.wa-hint{color:var(--text-muted);font-size:.8rem;text-align:center}.wa-buttons-row{display:flex;gap:.75rem;width:100%;max-width:400px}.wa-btn{flex:1;height:38px;border-radius:6px;font-weight:600;font-size:.88rem;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--text-main)}.wa-btn:hover{background:var(--border)}.primary-wa-btn{background:var(--primary)!important;color:#fff!important;border:none!important}.primary-wa-btn:hover{filter:brightness(1.08)}.settings-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-modal-content{background:#fff;border-radius:12px;border:1px solid var(--border);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;animation:scaleUp .2s cubic-bezier(.16,1,.3,1)}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.settings-modal-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--text-main)}.settings-modal-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px}.settings-modal-close-btn:hover{background:var(--border);color:var(--text-main)}.input-with-icon{height:38px;padding:0 10px;border-radius:6px;border:1px solid var(--border);font-size:.88rem;background:#fff;color:var(--text-main);box-sizing:border-box}.input-with-icon:focus{border-color:var(--primary);outline:none}@media(max-width:900px){.wa-container-flex{flex-direction:column}.wa-side-panel{width:100%}}.instagram-channel-container{color:#1e293b}.instagram-channel-content{max-width:1200px;margin:0 auto}.connection-banner-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.connection-info-block{display:flex;align-items:center;gap:16px}.instagram-avatar-circle{width:56px;height:56px;border-radius:50%;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}.instagram-avatar-image{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #ffffff}.instagram-avatar-image-ring{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2.5px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);background-origin:border-box;background-clip:padding-box,border-box;padding:2.5px;box-sizing:border-box}.connection-meta-text h3{font-size:1.1rem;font-weight:700;margin:0 0 4px;color:var(--text-main)}.connection-status-pill{display:inline-flex;align-items:center;gap:6px;background:#10b9811a;color:#10b981;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:20px}.connection-status-pill.disconnected{background:#6b72801a;color:var(--text-muted)}.rules-list-section{margin-top:32px}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header-row h3{font-size:1.15rem;font-weight:700;color:var(--text-main);margin:0}.automations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.automation-rule-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:180px;transition:var(--transition)}.automation-rule-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #00000008}.rule-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.rule-badge-type{display:inline-flex;align-items:center;gap:6px;background:#075e5414;color:var(--primary);font-size:.72rem;font-weight:700;padding:4px 8px;border-radius:6px;text-transform:uppercase}.rule-meta-info{margin-bottom:16px}.rule-meta-title{font-size:.95rem;font-weight:700;color:var(--text-main);margin-bottom:4px}.rule-meta-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4}.rule-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:12px}.empty-rules-box{background:#fff;border:1px dashed var(--border);border-radius:12px;padding:48px;text-align:center;color:var(--text-muted)}.empty-rules-icon{font-size:2.5rem;opacity:.2;margin-bottom:16px}.wizard-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.wizard-modal-card{width:100%;max-width:520px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 8px 24px -8px #00000026,0 0 0 1px #0000000d;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.wizard-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.wizard-header-title{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:var(--text-main)}.wizard-modal-close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;line-height:1}.wizard-modal-body{padding:24px 20px;overflow-y:auto;flex:1}.wizard-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid var(--border);background:#f8fafc}.wizard-step-label{font-size:.85rem;color:var(--text-muted);font-weight:500}.wizard-actions-group{display:flex;gap:10px}.wizard-btn-back{background:#fff;border:1px solid var(--border);color:var(--text-main);padding:8px 16px;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s,border-color .15s,color .15s}.wizard-btn-back.confirm-disconnect{border-color:#ef4444;color:#ef4444;background:#fff5f5}.wizard-btn-back.confirm-disconnect:hover{background:#fee2e2}.link-cancel-btn{background:none;border:none;color:var(--text-muted, #6b7280);font-size:.82rem;cursor:pointer;padding:4px 6px;text-decoration:underline}.link-cancel-btn:hover{color:var(--text-main)}.wizard-btn-next{background:#111827;color:#fff;border:none;padding:8px 20px;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.wizard-btn-next:hover{background:#1f2937}.trigger-options-list{display:flex;flex-direction:column;gap:12px}.trigger-option-item{border:1.5px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;display:flex;align-items:center;gap:16px;transition:var(--transition)}.trigger-option-item:hover{border-color:var(--primary);background:var(--primary-light)}.trigger-option-icon{width:44px;height:44px;border-radius:10px;background:#075e5414;color:var(--primary);display:flex;align-items:center;justify-content:center}.trigger-option-meta strong{font-size:.95rem;color:var(--text-main);display:block;margin-bottom:2px}.trigger-option-meta p{font-size:.8rem;color:var(--text-muted);margin:0}.connection-meta-bar{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:24px}.connection-meta-avatar{width:64px;height:64px;border-radius:50%;border:2px solid #e1306c;padding:2px}.connection-meta-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.connection-meta-username{font-weight:700;color:var(--text-main);font-size:.95rem}.add-another-account-link{font-size:.8rem;color:var(--text-muted);text-decoration:underline;background:none;border:none;cursor:pointer}.wizard-field-title{font-size:.9rem;font-weight:700;color:var(--text-main);margin-bottom:12px}.segmented-control-row{display:grid;grid-template-columns:repeat(3,1fr);background:#f1f5f9;padding:4px;border-radius:8px;gap:4px;margin-bottom:16px}.segmented-control-btn{background:transparent;border:none;padding:8px 12px;font-size:.82rem;font-weight:600;color:var(--text-muted);border-radius:6px;cursor:pointer;text-align:center;transition:var(--transition)}.segmented-control-btn.active{background:#fff;color:var(--text-main);box-shadow:0 1px 3px #0000000d}.reels-select-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:4px;border:1px solid var(--border);border-radius:8px}.reel-select-item{position:relative;width:100%;aspect-ratio:1/1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent}.reel-select-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.reel-select-item:hover img{transform:scale(1.05)}.reel-select-item.selected{border-color:var(--primary)}.reel-checkmark-overlay{position:absolute;inset:0;background:#0f172a4d;display:flex;align-items:center;justify-content:center}.reel-check-circle{width:24px;height:24px;border-radius:50%;background:#fff;color:var(--text-main);display:flex;align-items:center;justify-content:center}.reel-caption-logo-tag{position:absolute;bottom:0;left:0;right:0;background:#fffffff2;color:var(--text-main);font-size:.65rem;font-weight:600;padding:6px 4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.segmented-control-row-2col{display:grid;grid-template-columns:1fr 1fr;background:#f1f5f9;padding:4px;border-radius:8px;gap:4px;margin-bottom:16px}.tag-input-wrapper{border:1px solid var(--border);border-radius:8px;padding:8px 12px;background:#fff;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:44px}.keyword-tag-chip{display:inline-flex;align-items:center;gap:4px;background:#075e5414;color:var(--primary);font-size:.78rem;font-weight:700;padding:4px 8px;border-radius:6px}.keyword-tag-remove{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.8rem;display:flex;align-items:center}.tag-input-field{border:none!important;border-width:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;padding:0!important;height:28px!important;font-size:.88rem!important;flex:1;min-width:80px}.tag-input-add-btn{background:#111827;color:#fff;border:none;padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s;height:28px;display:flex;align-items:center;justify-content:center}.tag-input-add-btn:hover:not(:disabled){background:#1f2937}.tag-input-add-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.wizard-note-text{font-size:.78rem;color:var(--text-muted);line-height:1.4;margin-top:10px}.add-excluded-keywords-btn{background:none;border:none;color:#2563eb;font-size:.8rem;font-weight:600;cursor:pointer;padding:0;margin-top:10px;display:block}.auto-reply-card-block{background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:16px;margin-top:20px}.auto-reply-card-header{display:flex;justify-content:space-between;align-items:center}.auto-reply-card-header strong{font-size:.88rem;color:var(--text-main)}.any-comment-success-alert{background:#2563eb0d;border:1px solid rgba(37,99,235,.15);color:#2563eb;border-radius:10px;padding:16px;text-align:center;margin-bottom:20px;font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:8px}.any-comment-success-icon{width:32px;height:32px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center}.randomized-replies-list{margin-top:16px;display:flex;flex-direction:column;gap:12px}.reply-input-group{display:flex;flex-direction:column;gap:4px}.reply-input-group label{font-size:.75rem;font-weight:700;color:var(--text-muted)}.char-counter-input-row{position:relative;display:flex;align-items:center}.char-counter-input-row input{padding-right:60px!important}.input-char-counter-text{position:absolute;right:12px;font-size:.72rem;color:var(--text-muted)}.dm-asking-pre-block{display:flex;flex-direction:column;gap:12px;background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:24px}.dm-asking-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border)}.dm-asking-row:last-child{padding-bottom:0;border-bottom:none}.dm-asking-row strong{font-size:.85rem;color:var(--text-main)}.follow-gate-config{margin-top:10px;padding:0;background:transparent;border:none;border-radius:0;display:flex;flex-direction:column;gap:12px}.follow-gate-config input[type=radio]{appearance:auto!important;-webkit-appearance:auto!important;width:16px!important;height:16px!important;margin:0!important;cursor:pointer;box-shadow:none!important;border:none!important;flex-shrink:0!important}.follow-gate-config label{display:flex!important;align-items:center!important;gap:10px!important;cursor:pointer!important;margin:0!important}.follow-gate-section{background:#f8fafc;border:1px solid var(--border);border-radius:10px;padding:12px}.follow-gate-section-header{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-main);margin-bottom:4px}.follow-gate-section-header strong{font-size:.82rem}.follow-gate-btn-preview{display:flex;align-items:center;gap:8px;margin-top:8px}.follow-gate-preview-btn{display:inline-block;padding:5px 12px;border-radius:20px;background:#e0e7ff;color:#3730a3;font-size:.72rem;font-weight:600;border:1px solid #c7d2fe}.primary-dm-flow-builder{border:1px dashed var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.add-action-dash-btn{width:100%;background:#fff;border:1px dashed var(--border);color:var(--text-main);padding:10px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;text-align:center}.add-action-dash-btn:hover{border-color:var(--primary);color:var(--primary)}.add-follow-up-dash-btn{width:100%;background:#fff;border:1px dashed #2563eb;color:#2563eb;padding:12px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;text-align:center;margin-top:12px}.add-follow-up-dash-btn:hover{background:#2563eb08}.added-button-meta-row{display:flex;gap:8px;background:#f8fafc;padding:12px;border-radius:8px;border:1px solid var(--border);margin-top:8px}.added-button-meta-row input{height:36px!important;font-size:.8rem!important}.added-followup-message-block{border:1px solid #2563eb;border-radius:8px;padding:12px;background:#2563eb05;margin-top:12px;display:flex;flex-direction:column;gap:8px}.followup-header-row{display:flex;justify-content:space-between;align-items:center}.followup-header-row strong{font-size:.8rem;color:#2563eb}.remove-btn-icon-only{background:none;border:none;color:#ef4444;cursor:pointer;display:flex;align-items:center;padding:4px 6px;border-radius:6px;transition:background .15s}.remove-btn-icon-only:hover{background:#fee2e2}.remove-btn-icon-only.confirm-delete{background:#fee2e2;color:#dc2626;font-weight:600}.toggle-switch{position:relative;display:inline-block;width:44px;height:22px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.toggle-switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:var(--primary)}.toggle-switch input:checked+.slider:before{transform:translate(20px)}.instagram-channel-tabs{display:flex;gap:8px;border-bottom:2px solid var(--border);margin-bottom:24px;padding-bottom:8px}.tab-btn{background:none;border:none;padding:8px 16px;font-size:.95rem;font-weight:600;color:var(--text-muted);cursor:pointer;position:relative;transition:color .2s}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--primary)}.tab-btn.active:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:2px;background-color:var(--primary);border-radius:2px}.logs-section{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px;margin-top:20px}.logs-table-wrapper{overflow-x:auto;margin-top:16px;border:1px solid var(--border);border-radius:8px}.logs-table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}.logs-table th,.logs-table td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.logs-table th{font-weight:600;color:var(--text-muted);background-color:#f8fafc}.logs-table tr:hover{background-color:#f8fafc}.log-status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.log-status-badge.success{background-color:#d1fae5;color:#065f46}.log-status-badge.failed{background-color:#fee2e2;color:#991b1b}.log-status-badge.none{background-color:#f1f5f9;color:#475569}.log-error-text{font-size:.72rem;color:#ef4444;display:block;margin-top:2px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-error-text:hover{white-space:normal;word-break:break-all;max-width:none}.log-badge-event{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.log-badge-event.comment{background-color:#e0f2fe;color:#0369a1}.log-badge-event.dm{background-color:#f3e8ff;color:#6b21a8}.log-badge-event.webhook_error{background-color:#fee2e2;color:#991b1b}.refresh-logs-btn{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--border);color:var(--text-main);padding:6px 12px;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s}.refresh-logs-btn:hover{background:#f1f5f9}.follow-gate-wrapper{margin-top:10px}.follow-gate-pre-title{font-size:.82rem;font-weight:600;color:var(--text-main);margin-bottom:8px}.follow-gate-card{background:#f8fafc;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:14px}.follow-gate-card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;background:#f1f5f9}.follow-gate-card-header:hover{background:#e2e8f0}.follow-gate-card-title-row{display:flex;align-items:center;gap:8px;color:var(--text-main)}.follow-gate-card-title-row strong{font-size:.85rem}.follow-gate-config-body{padding:16px;display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--border)}.follow-gate-label-row{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--text-main)}.follow-gate-input-group{display:flex;flex-direction:column}.follow-gate-pill-btn-preview{display:flex;justify-content:center;align-items:center;gap:6px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:8px 16px;margin-top:8px;font-size:.8rem;font-weight:500;color:#1f2937;cursor:default;width:100%;box-shadow:0 1px 2px #0000000d}.pill-edit-icon{color:#94a3b8}.follow-gate-retry-section{background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px}.follow-gate-retry-section p{color:var(--text-main);font-size:.75rem;font-weight:600;margin-bottom:8px}.follow-gate-retry-section input[type=radio]{appearance:auto!important;-webkit-appearance:auto!important;width:16px!important;height:16px!important;margin:0!important;cursor:pointer;box-shadow:none!important;border:none!important;flex-shrink:0!important}.follow-gate-retry-section label{display:flex!important;align-items:center!important;gap:10px!important;cursor:pointer!important;margin:0!important;font-size:.8rem}.button-edit-box{background:#f8fafc;border:1px dashed var(--border);border-radius:10px;padding:12px;margin-top:8px;display:flex;flex-direction:column;gap:8px}.button-edit-box label{font-size:.78rem;font-weight:700;color:var(--text-main);display:block}.button-edit-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:4px}.button-edit-actions .btn-cancel{background:none;border:none;font-size:.78rem;font-weight:600;color:var(--text-muted);cursor:pointer;padding:4px 8px}.button-edit-actions .btn-cancel:hover{color:var(--text-main)}.button-edit-actions .btn-save{background:#111827;color:#fff;border:none;padding:6px 16px;border-radius:20px;font-size:.78rem;font-weight:600;cursor:pointer}.button-edit-actions .btn-save:hover{background:#1f2937}.add-btn-pill{background:#fff;border:1px dashed var(--border);color:var(--text-main);padding:6px 16px;border-radius:9999px;font-size:.78rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s;height:32px;outline:none}.add-btn-pill:hover{background:#f8fafc;border-color:#94a3b8}.add-btn-pill.follow-up{border:1px dashed #2563eb;color:#2563eb}.add-btn-pill.follow-up:hover{background:#2563eb0a;border-color:#1d4ed8}.custom-link-dropdown-wrapper{position:relative;flex:1.5;min-width:220px}.custom-link-input-container{display:flex;align-items:center;position:relative;border:1px solid var(--border);border-radius:8px;background:#fff;transition:border-color .2s,box-shadow .2s;height:36px;box-sizing:border-box}.custom-link-input-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.custom-link-input-container .link-icon-left{position:absolute;left:10px;color:#64748b;pointer-events:none}.custom-link-input-container input{width:100%;border:none!important;outline:none!important;padding:0 32px!important;font-size:.82rem!important;color:var(--text-main);background:transparent!important;height:100%!important;box-shadow:none!important;box-sizing:border-box}.custom-link-input-container .dropdown-toggle-btn{position:absolute;right:6px;background:none;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:background .15s,color .15s}.custom-link-input-container .dropdown-toggle-btn:hover{background:#f1f5f9;color:var(--text-main)}.custom-link-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;z-index:50;display:flex;flex-direction:column;overflow:hidden}.dropdown-search-wrapper{display:flex;align-items:center;position:relative;padding:8px 12px;border-bottom:1px solid var(--border);background:#f8fafc}.dropdown-search-wrapper .search-icon-inside{position:absolute;left:20px;color:#94a3b8}.dropdown-search-wrapper input{width:100%;height:32px!important;padding:0 10px 0 28px!important;font-size:.8rem!important;border:1px solid var(--border)!important;border-radius:6px!important;background:#fff!important;outline:none!important;box-sizing:border-box}.dropdown-search-wrapper input:focus{border-color:#3b82f6!important}.dropdown-section-store{display:flex;flex-direction:column;border-bottom:1px solid var(--border)}.dropdown-section-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;font-size:.8rem;font-weight:600;color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.dropdown-section-header:hover{background:#f8fafc}.dropdown-products-list{max-height:180px;overflow-y:auto;background:#f8fafc;border-top:1px solid var(--border);padding:4px}.dropdown-products-list::-webkit-scrollbar{width:6px}.dropdown-products-list::-webkit-scrollbar-track{background:transparent}.dropdown-products-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dropdown-products-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dropdown-info-text{padding:12px;font-size:.78rem;color:var(--text-muted);text-align:center}.dropdown-product-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background .15s}.dropdown-product-item:hover{background:#fff;box-shadow:0 1px 3px #0000000d}.dropdown-product-item .prod-thumb{width:28px;height:28px;border-radius:4px;object-fit:cover;border:1px solid var(--border)}.dropdown-product-item .prod-thumb-placeholder{width:28px;height:28px;border-radius:4px;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.65rem;border:1px solid var(--border)}.dropdown-product-item .prod-details{display:flex;flex-direction:column;flex:1;overflow:hidden}.dropdown-product-item .prod-name{font-size:.8rem;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-product-item .prod-price{font-size:.72rem;font-weight:600;color:#2563eb}.dropdown-referral-option{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fff;font-size:.8rem;font-weight:600;color:var(--text-main);cursor:pointer;transition:background .15s}.dropdown-referral-option:hover{background:#eff6ff}.dropdown-referral-option .referral-badge{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:20px;display:inline-flex;align-items:center;gap:4px;transition:transform .15s}.dropdown-referral-option:hover .referral-badge{transform:scale(1.03);background:#3b82f6;color:#fff;border-color:#3b82f6}.automations-table-wrapper{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:visible;margin-top:20px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}@media(max-width:768px){.automations-table-wrapper{overflow-x:auto}}.automations-table{width:100%;border-collapse:collapse;text-align:left;font-size:.88rem}.automations-table th{background:#f8fafc;padding:14px 18px;font-weight:600;color:#475569;border-bottom:1px solid var(--border);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.automations-table td{padding:16px 18px;border-bottom:1px solid var(--border);color:var(--text-main);vertical-align:middle}.automations-table tr:last-child td{border-bottom:none}.automations-table tr:hover{background:#f8fafc}.rule-badge-type-table{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;padding:4px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.02em}.rule-badge-type-table.comment{background:#2563eb14;color:#2563eb}.rule-badge-type-table.dm{background:#10b98114;color:#10b981}.table-post-preview-container{display:flex;align-items:center;gap:12px;max-width:360px}.table-post-thumbnail{width:44px;height:44px;border-radius:6px;object-fit:cover;border:1px solid var(--border);flex-shrink:0}.table-post-thumbnail-placeholder{width:44px;height:44px;border-radius:6px;background:#2563eb14;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:1.1rem;border:1px solid var(--border);flex-shrink:0}.table-post-thumbnail-placeholder.dm{background:#10b98114;color:#10b981}.table-post-details{display:flex;flex-direction:column;gap:4px;overflow:hidden}.table-post-title{font-weight:600;color:var(--text-main);font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-post-subtitle{display:flex;flex-wrap:wrap;gap:4px}.table-text-muted{font-size:.78rem;color:var(--text-muted)}.table-text-disabled{color:#94a3b8;font-size:.85rem}.keyword-chip-small{background:#f1f5f9;color:#475569;font-size:.72rem;font-weight:600;padding:2px 6px;border-radius:4px;border:1px solid #e2e8f0}.table-auto-reply-indicator{font-size:.74rem;color:#10b981;font-weight:500;margin-top:1px}.table-metric-follow-gate{display:flex;flex-direction:column;gap:4px}.table-metric-follow-gate .metric-badge-active{font-size:.72rem;font-weight:700;color:#ea580c;background:#ea580c14;padding:2px 6px;border-radius:4px;width:max-content}.metric-count-text{font-size:.85rem;font-weight:600;color:#1e293b}.table-status-cell{display:flex;align-items:center;gap:10px}.status-text-indicator{font-size:.78rem;font-weight:600;text-transform:capitalize;min-width:45px}.status-text-indicator.active{color:#10b981}.status-text-indicator.paused{color:#64748b}.toggle-switch.small{width:38px;height:20px}.toggle-switch.small .slider:before{height:14px;width:14px;left:3px;bottom:3px}.toggle-switch.small input:checked+.slider:before{transform:translate(18px)}.table-action-menu-container{position:relative;display:inline-block}.table-action-dots-btn{background:none;border:none;color:#64748b;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.table-action-dots-btn:hover{background:#f1f5f9;color:#1e293b}.table-action-dropdown-menu{position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:100;min-width:150px;padding:4px}.table-action-dropdown-menu:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%) rotate(45deg);width:10px;height:10px;background:#fff;border-right:1px solid var(--border);border-top:1px solid var(--border);z-index:-1}.table-action-dropdown-menu .dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:.8rem;font-weight:500;border:none;background:none;border-radius:6px;cursor:pointer;text-align:left;color:#334155;transition:background .15s,color .15s}.table-action-dropdown-menu .dropdown-item:hover{background:#f1f5f9;color:#1e293b}.table-action-dropdown-menu .dropdown-item.edit{color:#3b82f6}.table-action-dropdown-menu .dropdown-item.edit:hover{background:#eff6ff;color:#2563eb}.table-action-dropdown-menu .dropdown-item.delete{color:#ef4444}.table-action-dropdown-menu .dropdown-item.delete:hover{background:#fee2e2;color:#dc2626}.table-action-dropdown-menu .dropdown-item.delete.confirm{background:#ef4444;color:#fff}.table-action-dropdown-menu .dropdown-item.cancel{color:#64748b;border-top:1px solid #f1f5f9;margin-top:2px;border-radius:0}.table-action-dropdown-menu .dropdown-item.cancel:hover{background:#f1f5f9}.staff-page-container{width:100%}.staff-header-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.page-subtitle{font-size:.875rem;color:var(--text-muted);margin-top:4px}.add-staff-btn{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);padding:0 18px;height:42px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px #075e5426}.add-staff-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #075e5440}.add-staff-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.staff-meta-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;margin-bottom:2rem}.staff-meta-card{display:flex;align-items:flex-start;gap:1.25rem;padding:22px}.meta-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.meta-icon-wrapper.blue{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.15)}.meta-icon-wrapper.green{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.15)}.meta-content{flex:1;min-width:0}.meta-content h3{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 8px}.meta-value-row{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.value-num{font-size:1.75rem;font-weight:700;color:var(--text-main);line-height:1.1}.value-limit{font-size:.875rem;color:var(--text-muted)}.progress-bar-container{width:100%;height:6px;background:var(--border);border-radius:10px;overflow:hidden}.progress-bar-fill{height:100%;background:#3b82f6;border-radius:10px;transition:width .4s ease}.permissions-info-card{justify-content:flex-start}.permission-rules-list{display:flex;flex-direction:column;gap:8px;margin-top:6px}.rule-item{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-main)}.rule-item .indicator{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.rule-item.allowed .indicator{background:#10b981;box-shadow:0 0 8px #10b98166}.rule-item.restricted .indicator{background:#f43f5e;box-shadow:0 0 8px #f43f5e66}.staff-table-card{padding:0;overflow:hidden}.staff-loading-state,.staff-empty-state{padding:60px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.staff-loading-state p{margin-top:12px;color:var(--text-muted);font-size:.95rem}.spinner{animation:rotate 1.5s linear infinite;color:var(--primary)}@keyframes rotate{to{transform:rotate(360deg)}}.empty-icon-wrapper{width:70px;height:70px;border-radius:50%;background:var(--bg-dark);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--text-muted)}.staff-empty-state h3{font-size:1.15rem;font-weight:600;color:var(--text-main);margin:0 0 8px}.staff-empty-state p{font-size:.875rem;color:var(--text-muted);max-width:480px;margin:0 auto 20px;line-height:1.5}.btn-create-now{background:var(--primary-light);color:var(--primary);border:1px solid rgba(7,94,84,.2);border-radius:var(--radius-md);padding:10px 20px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:var(--transition)}.btn-create-now:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.table-responsive{width:100%;overflow-x:auto}.staff-table{width:100%;border-collapse:collapse;text-align:left}.staff-table th{background:#f9fafb;border-bottom:1px solid var(--border);padding:16px 24px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.staff-table td{padding:16px 24px;border-bottom:1px solid var(--border);font-size:.9rem;color:var(--text-main);vertical-align:middle}.staff-row{transition:var(--transition)}.staff-row:hover{background:#f9fafb99}.staff-username-cell{display:flex;align-items:center;gap:12px}.staff-avatar-circle{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary-hover),var(--primary));color:#fff;font-weight:600;font-size:.85rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #075e5426}.staff-username-text{font-weight:500;color:var(--text-main)}.staff-email-cell{color:var(--text-muted)}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.role-badge.staff-role{background:#075e5414;color:var(--primary);border:1px solid rgba(7,94,84,.12)}.date-cell{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.85rem}.staff-delete-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition)}.staff-delete-btn:hover{background:#fef2f2;color:#ef4444;border-color:#fca5a5}.modal-overlay{position:fixed;inset:0;background:#0f172a73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-card{background:#fff;border-radius:12px;border:1px solid var(--border);width:100%;max-width:480px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}.modal-header{padding:18px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.1rem;font-weight:600;color:var(--text-main);margin:0}.modal-close-btn{border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.modal-close-btn:hover{background:var(--bg-dark);color:var(--text-main)}.modal-body{padding:24px}.form-group-item{display:flex;flex-direction:column;gap:6px}.input-label{font-size:.85rem;font-weight:600;color:var(--text-main)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}.input-field{padding-left:42px!important}.input-error-border{border-color:#f87171!important}.input-error-border:focus{box-shadow:0 0 0 2px #ef44441a!important}.form-error-msg{color:#ef4444;font-size:.75rem;display:flex;align-items:center;gap:4px;margin-top:4px;font-weight:500}.security-disclaimer{margin-top:20px;padding:12px 14px;background:#f3f4f6b3;border-radius:8px;border:1px solid var(--border);display:flex;align-items:flex-start;gap:10px;font-size:.8rem;color:var(--text-muted);line-height:1.4}.security-disclaimer svg{color:var(--primary);flex-shrink:0;margin-top:2px}.modal-footer{padding:16px 24px;background:#f9fafb;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px}.modal-btn-secondary{background:#fff;border:1px solid var(--border);color:var(--text-main);border-radius:var(--radius-md);padding:0 16px;height:38px;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition)}.modal-btn-secondary:hover{background:#f9fafb;border-color:var(--text-muted)}.modal-btn-primary{background:var(--primary);border:none;color:#fff;border-radius:var(--radius-md);padding:0 18px;height:38px;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:6px}.modal-btn-primary:hover{background:var(--primary-hover)}.modal-delete-card{max-width:460px}.delete-alert-warning{display:flex;gap:12px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:16px;color:#b45309;margin-bottom:16px}.delete-alert-warning svg{flex-shrink:0;color:#d97706}.delete-alert-warning h4{margin:0 0 4px;font-size:.95rem;font-weight:600}.delete-alert-warning p{margin:0;font-size:.85rem;line-height:1.4}.delete-disclaimer-text{font-size:.85rem;color:var(--text-muted);line-height:1.5}.modal-btn-delete{background:#ef4444;border:none;color:#fff;border-radius:var(--radius-md);padding:0 18px;height:38px;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:6px}.modal-btn-delete:hover{background:#dc2626}.staff-denied-container{padding:80px 24px;display:flex;align-items:center;justify-content:center}.staff-denied-card{background:#fff;border-radius:12px;border:1px solid var(--border);padding:40px;text-align:center;max-width:440px;box-shadow:0 10px 15px -3px #0000000d}.denied-icon-badge{width:70px;height:70px;border-radius:50%;background:#fef2f2;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;border:1px solid #fee2e2}.staff-denied-card h2{font-size:1.3rem;font-weight:700;color:var(--text-main);margin:0 0 12px}.staff-denied-card p{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin-bottom:24px}.back-btn-primary{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);padding:0 20px;height:42px;font-size:.9rem;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:var(--transition)}.back-btn-primary:hover{background:var(--primary-hover)}@media(max-width:768px){.staff-meta-grid{grid-template-columns:1fr;gap:1rem}.staff-table th,.staff-table td{padding:12px 16px}}.tax-invoice-container{max-width:1200px;margin:0 auto;padding:0}.animate-fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tax-invoice-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-muted)}.tax-invoice-loading .spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.05);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.tax-invoice-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media(max-width:968px){.tax-invoice-grid{grid-template-columns:1fr}}.settings-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000005}.section-card-title{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;color:var(--text-main);margin:0 0 1.5rem}.setting-toggle-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem}.toggle-text-group{display:flex;flex-direction:column;gap:4px;padding-right:1.5rem}.toggle-label{font-weight:600;font-size:.98rem;color:var(--text-main);cursor:default}.toggle-subtext{font-size:.82rem;color:var(--text-muted)}.toggle-btn{position:relative;width:52px;height:28px;border-radius:999px;background-color:#cbd5e1;border:none;cursor:pointer;padding:0;flex-shrink:0;transition:background-color .25s ease;outline:none}.toggle-btn:focus-visible{box-shadow:0 0 0 3px rgba(var(--primary-rgb),.25)}.toggle-btn.on{background-color:var(--primary)}.toggle-btn__thumb{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background-color:#fff;box-shadow:0 1px 4px #00000040;transition:left .25s ease;pointer-events:none}.toggle-btn.on .toggle-btn__thumb{left:28px}.form-divider{height:1px;background:var(--border);margin:1.5rem 0}.invoice-fields-wrapper{transition:all .3s ease-in-out}.invoice-fields-wrapper.disabled{opacity:.45;pointer-events:none;filter:grayscale(40%)}.settings-form-group{margin-bottom:1.25rem}.field-label{display:block;font-weight:600;font-size:.88rem;color:var(--text-main);margin-bottom:6px}.settings-field-input{width:100%;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:10px;font-size:.92rem;color:var(--text-main);transition:all .2s ease;background:#f8fafc}.settings-field-input:focus,.settings-field-textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.08);outline:none}.settings-field-textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:.92rem;color:var(--text-main);transition:all .2s ease;background:#f8fafc;resize:vertical}.form-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.logo-upload-dropzone{border:2px dashed var(--border);border-radius:12px;padding:1rem;text-align:center;background:#f8fafc;transition:all .2s ease}.logo-upload-dropzone:hover{border-color:var(--primary)}.uploader-label{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;color:var(--text-muted);font-size:.85rem;font-weight:500}.uploader-label.disabled{cursor:not-allowed}.upload-icon{color:#94a3b8}.logo-uploaded-preview{position:relative;display:inline-block;max-width:150px;padding:4px;background:#fff;border:1px solid var(--border);border-radius:8px}.logo-uploaded-preview img{max-height:60px;width:auto;object-fit:contain;display:block}.logo-remove-btn{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#ef4444;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a}.next-invoice-number-card{background:rgba(var(--primary-rgb),.04);border:1px solid rgba(var(--primary-rgb),.12);border-radius:12px;margin-top:1.5rem}.next-invoice-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(var(--primary-rgb),.1);color:var(--primary);padding:4px 10px;border-radius:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px}.next-invoice-value{font-size:1.6rem;font-weight:800;color:var(--primary);font-family:monospace;margin-bottom:4px}.next-invoice-caption{font-size:.78rem;color:var(--text-muted)}.disabled-note-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f1f5f9;border-radius:8px;color:#64748b;font-size:.8rem;margin-top:1.5rem}.preview-column{position:relative;height:100%}.preview-sticky-wrap{position:sticky;top:2rem}.preview-label-header{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.invoice-preview-paper{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 40px #0000000a;padding:2rem;min-height:500px;display:flex;flex-direction:column}.invoice-paper-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px dashed var(--border);padding-bottom:1.25rem;margin-bottom:.75rem}.invoice-header-left{display:flex;flex-direction:column;gap:6px;max-width:60%}.invoice-header-right{display:flex;align-items:flex-start;justify-content:flex-end}.invoice-tax-label{font-size:1rem;font-weight:800;letter-spacing:.08em;color:var(--primary);text-transform:uppercase;border:2px solid var(--primary);padding:3px 10px;border-radius:6px;opacity:.85}.invoice-info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem 0}.invoice-seller-sub{display:flex;flex-direction:column;gap:4px;max-width:55%}.invoice-paper-logo{max-height:50px;width:auto;object-fit:contain}.invoice-paper-storename{font-size:1.3rem;font-weight:800;color:#0f172a}.seller-gst{font-size:.8rem;font-weight:700;color:#334155}.seller-addr-line{font-size:.84rem;color:#334155;line-height:1.5}.invoice-paper-meta-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:.78rem;flex-shrink:0}.meta-row{margin-bottom:2px}.meta-row .label{color:#64748b;font-weight:500}.meta-row .val{color:#1e293b;font-weight:700}.invoice-paper-divider{height:1px;background:#e2e8f0;margin-bottom:1.25rem}.invoice-paper-billto{background:#f8fafc;border-radius:8px;padding:12px;margin-bottom:1.5rem}.invoice-paper-billto .bill-title{font-size:.72rem;font-weight:700;text-transform:uppercase;color:#94a3b8;margin-bottom:4px;letter-spacing:.03em}.invoice-paper-billto .client-name{font-size:.85rem;font-weight:700;color:#0f172a;margin-bottom:2px}.invoice-paper-billto .client-phone,.invoice-paper-billto .client-address{font-size:.74rem;color:#64748b;margin-top:2px;line-height:1.3}.invoice-paper-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.8rem}.invoice-paper-table th{border-bottom:1px solid #e2e8f0;padding-bottom:8px;color:#94a3b8;font-size:.72rem;font-weight:700;text-transform:uppercase}.invoice-paper-table td{padding:10px 0;border-bottom:1px solid #f1f5f9}.invoice-paper-table .item-name{font-weight:600;color:#1e293b}.invoice-paper-table .item-tax-subtitle{font-size:.68rem;color:var(--primary);font-weight:500;margin-top:1px}.invoice-paper-totals-wrapper{margin-left:auto;width:50%;min-width:200px;display:flex;flex-direction:column;gap:6px;border-top:2px dashed #e2e8f0;padding-top:10px;font-size:.8rem;margin-bottom:auto}.totals-row{display:flex;justify-content:space-between;color:#64748b}.totals-row.grand-total{border-top:1px solid #e2e8f0;padding-top:8px;font-size:.95rem;font-weight:800;color:#0f172a}.invoice-paper-footer{text-align:center;color:#94a3b8;font-size:.7rem;font-weight:500;margin-top:2.5rem;border-top:1px solid #f1f5f9;padding-top:1rem;display:flex;flex-direction:column;gap:3px;line-height:1.5}.policies-page-container{font-family:Inter,system-ui,-apple-system,sans-serif;color:#1e293b;background:transparent}.policies-content-area{padding:0 2rem 3rem;max-width:1200px;margin:0 auto}.policies-accordion-stack{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.policy-page-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.policy-page-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.policy-page-card.expanded{border-color:#cbd5e1;box-shadow:0 4px 18px #00000014}.policy-page-card .policy-page-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.policy-page-card .policy-page-header:hover{background:#f8fafc}.policy-page-card .header-info{display:flex;align-items:center;gap:12px;flex-grow:1}.policy-page-card .expand-indicator{display:flex;align-items:center;justify-content:center;color:#64748b;transition:color .2s}.policy-page-card .policy-page-header:hover .expand-indicator{color:#0f172a}.policy-page-card .policy-page-title{font-size:15px;font-weight:600;color:#0f172a}.policy-page-card .policy-page-slug-preview{font-size:12px;color:#94a3b8;background:#f1f5f9;padding:2px 8px;border-radius:4px;font-family:monospace}.policy-page-card .header-actions{display:flex;align-items:center;gap:12px}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.status-badge.published{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.status-badge.draft{background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.delete-page-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.delete-page-btn:hover{color:#ef4444;background:#fef2f2}.policy-page-body{border-top:1px solid #e2e8f0;padding:24px;background:#f8fafc}.meta-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.form-group input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 14px;color:#0f172a;font-size:14px;transition:all .2s}.form-group input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 2px #10b98126}.slug-input-wrapper{display:flex;align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden}.slug-prefix{padding:0 8px 0 12px;color:#64748b;font-size:14px;-webkit-user-select:none;user-select:none}.slug-input-wrapper input{border:none!important;background:transparent!important;padding:10px 14px 10px 0;width:100%}.slug-input-wrapper:focus-within{border-color:#10b981;box-shadow:0 0 0 2px #10b98126}.editor-divider{border:none;border-top:1px solid #e2e8f0;margin:24px 0}.elements-builder-container{display:flex;flex-direction:column;gap:16px}.elements-builder-container .builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.elements-builder-container .builder-header h4{font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin:0}.reset-btn-link{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#ef4444;font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.reset-btn-link:hover{background:#fef2f2}.elements-empty-state{padding:32px;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;text-align:center;color:#64748b;display:flex;flex-direction:column;align-items:center;gap:10px}.elements-empty-state .warning-icon{color:#f59e0b}.elements-empty-state p{font-size:13px;margin:0}.element-boxes-stack{display:flex;flex-direction:column;gap:16px}.element-box-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.element-box-card .box-card-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.element-box-card .drag-arrows{display:flex;align-items:center;gap:2px}.element-box-card .arrow-btn{background:none;border:none;color:#10b981;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.element-box-card .arrow-btn:hover:not(:disabled){color:#059669;background:#f0fdf4}.element-box-card .arrow-btn:disabled{color:#10b981;opacity:.25;cursor:not-allowed}.element-box-card .box-title-input{flex-grow:1;background:transparent;border:1px solid transparent;border-radius:4px;padding:4px 8px;color:#0f172a;font-size:13px;font-weight:600;transition:all .2s}.element-box-card .box-title-input:focus{background:#fff;border-color:#cbd5e1;outline:none}.element-box-card .delete-box-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.element-box-card .delete-box-btn:hover{color:#ef4444;background:#fef2f2}.element-box-card .box-card-body{padding:16px}.box-points-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.point-row{display:flex;align-items:flex-start;gap:8px}.bullet-indicator{color:#10b981;font-size:16px;margin-top:4px;-webkit-user-select:none;user-select:none}.point-row textarea{flex-grow:1;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 10px;color:#334155;font-size:13px;line-height:1.4;resize:vertical;transition:all .2s}.point-row textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 2px #10b98114}.delete-point-btn{background:none;border:none;color:#cbd5e1;cursor:pointer;padding:6px;border-radius:6px;margin-top:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.delete-point-btn:hover{color:#ef4444;background:#fef2f2}.add-point-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:1px dashed #cbd5e1;color:#64748b;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s}.add-point-btn:hover{color:#10b981;border-color:#10b981;background:#f0fdf4}.add-box-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px dashed #cbd5e1;color:#475569;padding:12px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;width:100%}.add-box-btn:hover{color:#0f172a;border-color:#94a3b8;background:#f8fafc}.policy-action-bar{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:16px;flex-wrap:wrap}.policy-action-bar .bar-left{display:flex;align-items:center;gap:16px}.live-preview-link{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#f0fdf4;border:1px solid #a7f3d0;color:#047857;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s}.live-preview-link:hover{background:#d1fae5;color:#065f46}.policy-action-bar .last-updated{font-size:12px;color:#64748b}.policy-action-bar .bar-right{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background:#10b981;color:#fff;border-color:#10b981}.btn-primary:hover{background:#059669;border-color:#059669}.btn-outline{background:#fff;border-color:#cbd5e1;color:#334155}.btn-outline:hover{background:#f8fafc;color:#0f172a;border-color:#94a3b8}.btn-outline-danger{background:#fff;border-color:#fca5a5;color:#ef4444}.btn-outline-danger:hover{background:#fef2f2;border-color:#ef4444}.bottom-actions{display:flex;justify-content:center;margin-top:24px}.add-custom-policy-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(to right,#fff,#f8fafc);border:1.5px dashed #cbd5e1;color:#475569;padding:14px 28px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 1px 3px #00000005;transition:all .25s ease}.add-custom-policy-btn:hover{color:#10b981;border-color:#10b981;background:#f0fdf4;transform:translateY(-1px);box-shadow:0 4px 12px #10b98114}.reset-confirm-inline{display:flex;align-items:center;gap:8px}.reset-warning{font-size:12px;font-weight:500;color:#ef4444}.reset-confirm-btn-yes{background:#ef4444;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:background .2s}.reset-confirm-btn-yes:hover{background:#dc2626}.reset-confirm-btn-no{background:#fff;color:#475569;border:1px solid #cbd5e1;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.reset-confirm-btn-no:hover{background:#f8fafc;color:#0f172a}@media(max-width:768px){.policies-content-area{padding:0 1rem 2rem}.meta-settings-grid{grid-template-columns:1fr}.policy-action-bar{flex-direction:column;align-items:stretch}.policy-action-bar .bar-right{flex-direction:column}.policy-action-bar .bar-right button{width:100%}}:root{--primary-color: #128c7e;--secondary-color: #075e54;--accent-color: #34d399;--border-radius: 8px;--bg-light: #f8fafc;--card-bg: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--shadow-retro: 4px 4px 0px 0px #0f172a;--border-retro: 2px solid #0f172a}.review-outer-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-light);color:var(--text-main);font-family:inherit}.review-header-bar{background-color:var(--card-bg);border-bottom:2px solid #e2e8f0;padding:16px 24px;display:flex;align-items:center;justify-content:center}.header-brand-logo-container{display:flex;align-items:center;gap:10px;cursor:pointer}.brand-logo-img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid #cbd5e1}.brand-logo-placeholder{width:36px;height:36px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.brand-name-text{font-weight:700;font-size:18px;color:var(--text-main)}.review-content-card-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 16px}.review-card-card{background-color:var(--card-bg);border:var(--border-retro);border-radius:var(--border-radius);box-shadow:var(--shadow-retro);width:100%;max-width:550px;padding:28px;box-sizing:border-box}.review-card-title-header{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.review-card-title-header .header-icon{color:var(--primary-color)}.review-card-title-header h2{font-size:20px;font-weight:700;margin:0}.purchased-product-badge-card{display:flex;align-items:center;gap:16px;padding:16px;background-color:#f1f5f9;border-radius:8px;margin-bottom:24px}.badge-product-img-box{width:70px;height:70px;border-radius:6px;overflow:hidden;background-color:#cbd5e1;display:flex;align-items:center;justify-content:center;border:1px solid #cbd5e1}.badge-product-img-box img{width:100%;height:100%;object-fit:cover}.product-img-placeholder-logo{font-size:32px}.badge-product-details{flex:1}.product-name-heading{font-size:16px;font-weight:700;margin:0 0 4px}.product-category-meta{font-size:12px;color:var(--text-muted);margin:0 0 6px}.product-price-meta{font-size:14px;font-weight:700;color:var(--primary-color);margin:0}.review-interactive-form{display:flex;flex-direction:column;gap:20px}.form-error-banner{display:flex;align-items:center;gap:8px;padding:12px;background-color:#fef2f2;color:#ef4444;border-radius:6px;border:1px solid #fee2e2;font-size:13px}.form-input-block{display:flex;flex-direction:column;gap:6px}.input-label-retro{font-size:14px;font-weight:600}.input-field-retro{padding:12px 16px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s ease}.input-field-retro:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #128c7e26}.star-rating-selector-row{display:flex;align-items:center;gap:8px;margin:6px 0}.star-selection-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;outline:none;transition:transform .15s ease}.star-selection-button:hover{transform:scale(1.15)}.star-selection-button:active{transform:scale(.95)}.rating-desc-preview{margin:4px 0 0;font-size:13px;font-weight:600;color:var(--primary-color)}.textarea-with-icon-retro{position:relative}.textarea-with-icon-retro .textarea-icon{position:absolute;top:14px;left:14px;color:var(--text-muted)}.textarea-field-retro{width:100%;box-sizing:border-box;padding:12px 16px 12px 42px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;font-family:inherit;outline:none;resize:vertical;transition:border-color .2s ease}.textarea-field-retro:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #128c7e26}.btn-submit-review-retro{background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:14px;font-size:15px;font-weight:700;cursor:pointer;transition:background-color .2s ease}.btn-submit-review-retro:hover{background-color:var(--secondary-color)}.btn-submit-review-retro:disabled{opacity:.7;cursor:not-allowed}.btn-flex-content{display:flex;align-items:center;justify-content:center;gap:8px}.submitting-spinner-row{display:flex;align-items:center;justify-content:center;gap:10px}.spinner-mini-white{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:review-spin .6s linear infinite}.small-spinner{width:20px;height:20px;border:2px solid rgba(18,140,126,.2);border-top-color:var(--primary-color);border-radius:50%;animation:review-spin .6s linear infinite}.review-spinner{width:40px;height:40px;border:3px solid rgba(18,140,126,.2);border-top-color:var(--primary-color);border-radius:50%;animation:review-spin .8s linear infinite;margin-bottom:12px}@keyframes review-spin{to{transform:rotate(360deg)}}.review-footer-bar{background-color:var(--card-bg);border-top:1px solid #e2e8f0;padding:20px 24px;text-align:center}.review-footer-bar p{font-size:12px;color:var(--text-muted);margin:0}.review-loading-view,.review-error-panel,.review-success-panel{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;box-sizing:border-box;background-color:var(--bg-light)}.review-error-panel h2{color:#ef4444;margin-top:16px}.review-success-panel h2{margin-top:16px;font-size:24px;font-weight:800}.success-subtext{font-size:15px;color:var(--text-muted);max-width:450px;margin-bottom:24px;line-height:1.5}.redirect-countdown-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin-bottom:16px}.btn-back-home-retro{background-color:#0f172a;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .2s ease;box-shadow:2px 2px #00000026}.btn-back-home-retro:hover{background-color:#1e293b}.error-icon-box{color:#ef4444;background:#fef2f2;padding:16px;border-radius:50%}.success-icon-box{color:var(--primary-color);background:#f0fdf4;padding:20px;border-radius:50%}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.bounce-in{animation:bounceIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:580px){.review-card-card{padding:20px}.badge-product-img-box{width:60px;height:60px}}.loading-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--text-main, #1f2937);font-family:Outfit,sans-serif}.loading-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;width:100%;padding:40px}.logo-section{position:relative;width:80px;height:80px;margin-bottom:24px}.logo-ring{position:absolute;inset:0;border:3px solid transparent;border-top-color:var(--primary, #075e54);border-radius:50%;animation:spin 1s cubic-bezier(.5,.2,.3,1) infinite}.logo-inner{position:absolute;inset:10px;background:var(--primary, #075e54);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:1.8rem;color:#fff;box-shadow:0 8px 16px #075e5426}.brand-title{font-size:1.8rem;font-weight:800;color:var(--text-main, #1f2937);margin-bottom:4px;letter-spacing:-.02em;animation:fadeInUp .6s ease-out}.loading-text-content{margin-bottom:24px}.loading-subtitle{font-size:.95rem;color:var(--text-muted, #6b7280);animation:fadeInUp .6s ease-out .2s backwards}.loading-progress-bar{width:100%;height:4px;background:#f3f4f6;border-radius:10px;overflow:hidden;margin-top:8px}.progress-fill{height:100%;width:0%;background:var(--primary, #075e54);box-shadow:0 0 10px #075e5433;animation:fillProgress 2.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fillProgress{0%{width:0%;transform:translate(-100%)}50%{width:70%;transform:translate(30%)}to{width:100%;transform:translate(100%)}}