@charset "UTF-8";.login-container{align-items:center;background-color:#f5f5f5;display:flex;height:100vh;justify-content:center}.login-container:has(.qr-welcome-page){align-items:flex-start;height:auto;min-height:100vh;padding:0}.login-box{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;padding:30px;text-align:center;width:400px}.logo-wrap{display:grid;height:120px;margin:0 auto 15px;place-items:center;width:120px}.logo-skel{animation:logo-pulse 1.2s ease-in-out infinite;background:#eef2f7;border-radius:8px;height:100%;width:100%}@keyframes logo-pulse{0%{opacity:.6}50%{opacity:.9}to{opacity:.6}}.logo{max-height:100%;max-width:100%;object-fit:contain;opacity:0;transition:opacity .25s ease-in}.logo.is-loaded{opacity:1}.zaiko-logo{display:block;height:70px;margin:0 auto 20px;object-fit:contain;width:70px}.login-title{color:#333;font-size:20px;font-weight:700;margin-bottom:24px}.login-subtitle{color:#666;font-size:14px;margin-bottom:30px}.form-group{display:flex;flex-direction:column}.form-label{color:#000;font-size:14px;font-weight:600;margin-bottom:4px;text-align:left}.field-instruction{color:#666;font-size:12px;font-style:italic;line-height:1.3;margin:0 0 8px;text-align:left}.error-text{color:#d32f2f;font-size:14px;margin:10px 0;text-align:center}.mismatch-warning{color:#d32f2f;font-size:12px;margin:3px 0 6px}.login-button{background-color:#036;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:8px;padding:12px;transition:background-color .3s ease;width:100%}.login-button:hover{background-color:#024}.center-link{margin:4px 0 16px;text-align:center;width:100%}.bottom-text{color:#666;font-size:14px;margin-top:20px}.forgot-password,.go-back,.link,.signup-link{color:#036;cursor:pointer;font-size:13px;text-decoration:underline;transition:color .2s ease}.forgot-password:hover,.go-back:hover,.link:hover,.signup-link:hover{color:#024;font-weight:700}.signup-wrapper{align-items:center;background-color:#f5f5f5;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:20px}.signup-wrapper:has(.qr-welcome-page){align-items:flex-start;padding:0}.login-box.multi-step{width:500px}.progress-bar-container{margin-bottom:30px}.progress-bar{background-color:#e0e0e0;margin-bottom:20px}.progress-fill{background-color:#036;transition:width .3s ease}.progress-steps{justify-content:space-between}.progress-steps,.step{align-items:center;display:flex}.step{flex:1 1;flex-direction:column;gap:8px}.step span{align-items:center;background-color:#e0e0e0;border-radius:50%;color:#999;display:flex;font-size:14px;font-weight:700;height:30px;justify-content:center;transition:all .3s ease;width:30px}.step.active span{background-color:#036;color:#fff}.step label{color:#666;font-size:12px;font-weight:500;text-align:center}.step-title,.step.active label{color:#036;font-weight:600}.step-title{font-size:18px;margin-bottom:20px;text-align:center}.step-content{margin-bottom:30px}.step-navigation{display:flex;gap:12px;margin-top:20px}.back-button{align-items:center;background-color:#f8f9fa;border:2px solid #036;border-radius:6px;color:#036;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;justify-content:center;padding:12px;text-align:center;transition:all .3s ease}.back-button:hover{background-color:#e9ecef}.next-button{flex:2 1}.login-button:disabled{background-color:#ccc;cursor:not-allowed}.login-button:disabled:hover{background-color:#ccc}.trial-status{border-radius:8px;font-size:14px;line-height:1.4;margin:20px 0;padding:15px}.trial-status.checking{background:#e3f2fd;border:1px solid #2196f3;color:#1976d2}.trial-status.available{background:#e8f5e8;border:1px solid #4caf50;color:#2e7d32}.trial-status.unavailable{background:#ffebee;border:1px solid #f44336;color:#c62828}.trial-status p{font-weight:500;margin:0 0 10px}.trial-unavailable-actions{margin-top:15px}.trial-unavailable-actions .login-button{font-size:14px;padding:10px;width:100%}@media (max-width:768px){.login-box{padding:20px;width:90%}.login-box.multi-step{width:90%}.login-box button{font-size:14px}.step-navigation{flex-direction:column}.back-button,.next-button{width:100%}}.standard-input,input.standard-input,select.standard-input,textarea.standard-input{background-color:#fff;border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;color:#333;font-family:inherit;font-size:14px;max-width:100%;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.standard-input:focus,input.standard-input:focus,select.standard-input:focus,textarea.standard-input:focus{border-color:#036;box-shadow:0 0 0 3px #0033661a}.standard-input::placeholder,input.standard-input::placeholder,textarea.standard-input::placeholder{color:#999}.standard-input:disabled,input.standard-input:disabled,select.standard-input:disabled,textarea.standard-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}textarea.standard-input{line-height:1.5;min-height:100px;resize:vertical}.standard-input.error,.standard-input.invalid{border-color:#dc3545}.standard-input.error:focus,.standard-input.invalid:focus{box-shadow:0 0 0 3px #dc35451a}.standard-input.success{border-color:#28a745}.standard-input.success:focus{box-shadow:0 0 0 3px #28a7451a}.standard-label{color:#036;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.standard-label .required{color:#dc3545;margin-left:4px}.standard-form-group{box-sizing:border-box;margin-bottom:20px;max-width:100%;width:100%}.standard-help-text{color:#666;font-size:12px;line-height:1.4;margin-top:6px}.standard-error-text{color:#dc3545}.standard-error-text,.standard-success-text{font-size:13px;font-weight:500;margin-top:6px}.standard-success-text{color:#28a745}.standard-password-wrapper{max-width:100%;position:relative;width:100%}.standard-password-wrapper input{padding-right:45px}.standard-password-toggle{align-items:center;color:#036;cursor:pointer;display:flex;font-size:18px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:10}@media (max-width:768px){.standard-input,input.standard-input,select.standard-input,textarea.standard-input{font-size:16px}}*{box-sizing:border-box}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{box-sizing:border-box;max-width:100%}.settings-container{background-color:#f5f5f5;border-bottom:3px solid #ccc;border-radius:10px;box-shadow:0 0 10px #0000001a;margin:40px auto;padding:20px 20px 60px;position:relative;width:80%}.settings-title{color:#333;text-align:center}.settings-form{display:flex;flex-direction:column}.setting-item{margin-bottom:20px}.settings-label{font-size:1.2em;margin-top:20px}.settings-input{border:1px solid #ccc;border-radius:5px;margin-top:5px;padding:10px;width:100%}.button-group{display:flex;justify-content:space-between;margin-top:20px}.logout-button,.submit-button{border:none;border-radius:5px;cursor:pointer;font-size:1em;padding:10px 20px}.logout-button{background-color:#dc3545;color:#fff}.logout-button:hover{background-color:#b02a37}.phone-input-group{display:flex;gap:10px}.add-button{cursor:pointer;padding:8px 12px}.phone-number-list{margin-top:20px}.phone-number-item{align-items:center;border:1px solid #ccc;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:10px;padding:8px}.mismatch-warning{color:#c00;font-size:13px;margin-bottom:0;margin-top:4px;text-align:left}.submit-button:disabled{background-color:#ccc;box-shadow:none;color:#666;cursor:not-allowed;pointer-events:none}.muted-button{background-color:#e0e0e0;border:1px solid #bbb;border-radius:5px;color:#555;cursor:pointer;font-size:.95em;padding:8px 14px;transition:background-color .2s}.muted-button:hover{background-color:#d5d5d5}.invalid{border:1px solid red!important}.error-text{color:red;font-size:13px;margin-top:4px}.info-text{color:#555;font-style:italic;margin-top:.5rem}.welcome-message-section{background-color:#fafafa;border:1px solid #ddd;border-radius:8px;margin:30px 0;padding:20px}.welcome-message-section h2{color:#036;font-size:1.3em;margin-bottom:20px}.welcome-message-preview{background-color:#f0f8ff;border-radius:4px;margin-top:15px}.preview-text{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-top:8px}.primary-button{background-color:#036;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .2s}.primary-button:hover{background-color:#004080}.profile-info{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;margin-bottom:30px;padding:20px}.profile-info h2{color:#036;font-size:1.3em;margin-bottom:15px}.logo-section{margin:30px 0}.current-logo-preview{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:20px 0;padding:15px}.current-logo-preview p{color:#036;margin:0 0 10px}.logo-preview-img{border:2px solid #e9ecef;border-radius:8px;box-shadow:0 2px 6px #0000001a;max-height:200px;max-width:200px}.logo-upload-form{display:flex;flex-direction:column;gap:15px}.file-input-group{position:relative}.file-input{display:none}.file-input-label{align-items:center;background-color:#f8f9fa;border:2px dashed #d0d7de;border-radius:8px;color:#036;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 20px;transition:all .3s ease}.file-input-label:hover{background-color:#e9ecef;border-color:#036}.file-input-label svg{font-size:18px}.upload-info{background-color:#e3f2fd;border-left:4px solid #036;border-radius:4px;color:#555;font-size:13px;line-height:1.5;padding:12px}.upload-message{border-radius:6px;font-size:14px;font-weight:500;padding:10px 15px}.upload-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.upload-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.submit-button{border-radius:6px;font-size:1em;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.submit-button:hover:not(:disabled){background-color:#004080;box-shadow:0 4px 8px #0363;transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:translateY(0)}@media (max-width:768px){.settings-container{margin:20px auto;padding:15px;width:95%}.logo-preview-img{max-height:150px;max-width:150px}.button-group{flex-direction:column;gap:10px}.logout-button,.submit-button{width:100%}}*{font-family:Arial,sans-serif}.app-container{max-width:100%}.app-container,.main-content,.navbar{box-sizing:border-box;margin:0 auto;width:100%}.navbar{align-items:center;background-color:#fff;border-bottom:2px solid #036;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;padding:15px 20px;position:relative}.navbar-logo img{height:50px}.navbar-links ul{display:flex;list-style-type:none;margin:0;padding:0}.navbar-links ul li{margin:0 20px;position:relative}.navbar-links ul li a{color:#036;display:inline-block;font-size:16px;font-weight:700;padding:10px 15px;text-decoration:none;transition:color .3s ease}.navbar-links ul li a:hover{color:#024}.navbar-links ul li a.active{color:#036;position:relative}.navbar-links ul li a.active:after{background-color:#036;border-radius:2px;bottom:-5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:50%}.hamburger{cursor:pointer;display:none;flex-direction:column}.bar{background-color:#036;height:4px;margin:5px 0;transition:.4s;width:30px}.hamburger .bar.open:first-child{transform:rotate(45deg) translate(10px,10px)}.hamburger .bar.open:nth-child(2){opacity:0}.hamburger .bar.open:nth-child(3){transform:rotate(-45deg) translate(10px,-10px)}@media (max-width:768px){.hamburger{display:flex}.navbar{width:90%}.navbar-links{background-color:#fff;border-bottom:2px solid #036;box-shadow:0 4px 6px #0000001a;display:none;flex-direction:column;left:0;position:absolute;top:60px;width:100%;z-index:1000}.navbar-links.mobile-menu{display:flex}.navbar-links ul{flex-direction:column;padding:0;width:100%}.navbar-links ul li{border-bottom:1px solid #e0e0e0;padding:15px 0;text-align:center}.navbar-links ul li:last-child{border-bottom:none}}.footer{background-color:#036;bottom:0;box-shadow:0 -2px 5px #0000001a;color:#fff;font-size:14px;left:0;padding:15px 0;position:fixed;right:0;text-align:center;width:100%;z-index:1000}.feedback-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:40px auto;max-width:700px;padding:30px}.feedback-title{color:#036;font-size:1.8em;font-weight:600;margin-bottom:10px;text-align:center}.feedback-subtitle{color:#444;font-size:1.2em;margin-bottom:30px;text-align:center}.feedback-form{gap:20px}.feedback-form,.feedback-label{display:flex;flex-direction:column}.feedback-label{color:#333;font-weight:500}.feedback-input,.feedback-select{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px;resize:vertical;transition:border-color .3s ease;width:100%}.feedback-textarea{height:200px;min-height:200px;resize:vertical}.feedback-input:focus,.feedback-select:focus{border-color:#036;outline:none}.actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-end}.submit-button{background-color:#036;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 24px;transition:background-color .3s ease}.submit-button:hover{background-color:#024}.cancel-button{background-color:#6c757d;border:none;border-radius:8px;cursor:pointer;font-size:16px;padding:10px 24px;transition:background-color .3s ease}.cancel-button:hover{background-color:#5a6268}.confirm-text{font-size:1em}.confirm-text,.resubscribe-note{color:#555;margin-top:20px;text-align:center}.resubscribe-note{font-size:.95em;font-style:italic}@media (max-width:600px){.feedback-container{padding:20px}.actions{align-items:stretch;flex-direction:column}.cancel-button,.submit-button{width:100%}}.loyalty-analytics-container{box-sizing:border-box;margin:0 auto 50px;max-width:1200px;padding:20px 0;width:100%}.loyalty-analytics-header{margin-bottom:40px}.title-group{align-items:center;display:flex;flex-direction:column;gap:12px;margin:20px;text-align:center}.title-group h1{color:#036;font-size:2.2rem;font-weight:700;margin:0}.title-group p{color:#666;font-size:1.1rem;margin:0}.company-logo{border-radius:8px;height:auto;margin-bottom:10px;object-fit:contain;width:80px}.analytics-content{padding:0 20px}.trial-status-banner{align-items:center;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;border-radius:12px;box-shadow:0 2px 8px #ffc10733;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.trial-info h4{color:#856404;font-size:1.2rem;font-weight:700;margin:0 0 8px}.trial-info p{color:#856404;font-size:.95rem;line-height:1.4;margin:0}.upgrade-btn{background:linear-gradient(135deg,#036,#004080);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-left:20px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.upgrade-btn:hover{background:linear-gradient(135deg,#024,#036);box-shadow:0 4px 12px #0033664d;transform:translateY(-1px)}.stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;gap:20px;padding:25px;transition:transform .2s ease}.stat-card:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:60px;justify-content:center;width:60px}.stat-card.primary .stat-icon{background:linear-gradient(135deg,#036,#004080)}.stat-card.success .stat-icon{background:linear-gradient(135deg,#28a745,#20c997)}.stat-card.warning .stat-icon{background:linear-gradient(135deg,#ffc107,#fd7e14)}.stat-card.info .stat-icon{background:linear-gradient(135deg,#17a2b8,#6f42c1)}.stat-content h3{color:#666;font-size:1rem;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-number{color:#036;font-size:2.5rem;font-weight:700;margin-bottom:4px}.stat-content p{color:#888;font-size:.9rem;margin:0}.timeseries-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-top:10px;padding:20px}.timeseries-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.timeseries-header h2{color:#036;font-size:1.2rem;font-weight:700;margin:0}.legend{align-items:center;display:inline-flex;gap:14px}.legend-item{color:#333;font-size:.9rem;padding-left:18px;position:relative}.legend-item:before{border-radius:2px;content:"";height:10px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:10px}.legend-subscribers:before{background:#1f6feb}.legend-sent:before{background:#10b981}.chart-wrap{width:100%}.chart-svg{display:block;height:260px;width:100%}.chart-empty{color:#6b7280;font-size:.95rem;padding:28px 8px;text-align:center}.insights-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:30px;padding:30px}.insights-section h2{align-items:center;color:#036;display:flex;font-size:1.5rem;font-weight:700;gap:12px;margin:0 0 25px}.section-icon{color:#036;font-size:1.3rem}.insights-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-card{background:#f8f9fa;border-left:4px solid #036;border-radius:8px;padding:20px}.insight-card h3{color:#036;font-size:1.1rem;font-weight:600;margin:0 0 10px}.insight-value{color:#036;font-size:2rem;font-weight:700;margin-bottom:8px}.insight-card p{color:#666;font-size:.9rem;margin:0 0 15px}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{border-radius:4px;height:100%;transition:width .8s ease}.progress-fill.retention{background:linear-gradient(90deg,#28a745,#20c997)}.progress-fill.growth{background:linear-gradient(90deg,#17a2b8,#6f42c1)}.quick-actions{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:25px}.quick-actions h3{color:#036;font-size:1.3rem;font-weight:700;margin:0 0 20px}.action-buttons{display:flex;flex-wrap:wrap;gap:15px}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.action-btn.primary{background:linear-gradient(135deg,#036,#004080);box-shadow:0 2px 8px #0363;color:#fff}.action-btn.primary:hover{background:linear-gradient(135deg,#024,#036);box-shadow:0 4px 12px #0033664d;transform:translateY(-1px)}.action-btn.secondary{background:#f8f9fa;border:2px solid #036;color:#036}.action-btn.secondary:hover{background:#036;color:#fff;transform:translateY(-1px)}.error-state{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:40px 20px;padding:60px 20px;text-align:center}.error-state h2{color:#dc3545;margin-bottom:15px}.error-state p{color:#666;font-size:1.1rem;margin-bottom:25px}.retry-button{background:linear-gradient(135deg,#036,#004080);border-radius:8px;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.retry-button:hover{background:linear-gradient(135deg,#024,#036)}@media (max-width:768px){.loyalty-analytics-container{padding:15px 0}.title-group{margin:20px 15px}.title-group h1{font-size:1.8rem}.company-logo{width:60px}.analytics-content{padding:0 15px}.trial-status-banner{flex-direction:column;gap:15px;text-align:center}.upgrade-btn{margin-left:0;width:100%}.stats-grid{gap:15px;grid-template-columns:1fr}.stat-card{padding:20px}.stat-number{font-size:2rem}.insights-section,.quick-actions{padding:20px}.insights-grid{gap:15px;grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-btn{justify-content:center;width:100%}}@media (max-width:480px){.title-group h1{font-size:1.6rem}.stat-card{flex-direction:column;gap:15px;text-align:center}.stat-icon{font-size:20px;height:50px;width:50px}.insight-value{font-size:1.8rem}}@media (max-width:768px){.chart-svg{height:220px}.legend{gap:10px}}@media (max-width:480px){.chart-svg{height:180px}}.chart-wrap{position:relative}.chart-tooltip{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 6px 16px #00000014;min-width:160px;padding:10px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:2}.chart-tooltip .tt-date{color:#111827;font-size:12px;font-weight:700;margin-bottom:6px}.chart-tooltip .tt-row{align-items:center;color:#374151;display:flex;font-size:12px;gap:10px;justify-content:space-between;margin:2px 0}.chart-tooltip .tt-swatch{border-radius:2px;display:inline-block;height:10px;margin-right:6px;width:10px}.chart-tooltip .tt-swatch.subs{background:#1f6feb}.chart-tooltip .tt-swatch.sent{background:#10b981}.chart-tooltip .tt-val{color:#111827;font-weight:800}.campaign-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-top:22px;padding:22px}.campaign-title{color:#036;font-size:1.4rem;font-weight:800;margin:0 0 14px}.campaign-table-wrap{overflow-x:auto}.campaign-table{border:2px solid #d9d9d9;border-collapse:initial;border-radius:10px;border-spacing:0}.campaign-table tbody tr+tr{border-top:1px solid #eceff1}.campaign-table tbody td{background:#fff;padding:12px 14px;vertical-align:middle}.campaign-table .col-name{font-weight:600}.campaign-table .col-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.campaign-empty{color:#6b7280;padding:18px;text-align:center}.col-status{font-weight:600}.col-status.active{color:#198754}.col-status.paused{color:#d97706}.col-status.archived,.col-status.inactive{color:#6b7280}.checkbox{align-items:center;display:inline-flex;height:18px;justify-content:center;position:relative;width:18px}.checkbox input{cursor:pointer;height:18px;margin:0;opacity:0;position:absolute;width:18px}.checkbox span{background:#fff;border:2px solid #cbd5e1;border-radius:4px;box-sizing:border-box;display:inline-block;height:18px;width:18px}.checkbox input:checked+span{background:#0ea5e9;border-color:#0ea5e9;box-shadow:inset 0 0 0 2px #fff}@media (max-width:768px){.campaign-title{font-size:1.2rem}.campaign-table tbody td,.campaign-table thead th{padding:10px 12px}}.campaign-card .campaign-table thead tr{background:#073b6f}.campaign-card .campaign-table thead th{border:0;color:#fff;font-size:16px;font-weight:700;line-height:1.2;padding:14px 16px;text-align:left}.th-button{appearance:none;-webkit-appearance:none;background:#0000;border:0;border-radius:0;color:#fff;cursor:pointer;font:inherit;line-height:1.2;margin:0;outline:none;padding:0}.th-button:focus{box-shadow:none;outline:none}.sort-arrow{margin-left:0}.campaign-card .campaign-table thead th:first-child{border-top-left-radius:10px}.campaign-card .campaign-table thead th:last-child{border-top-right-radius:10px}.campaign-card .campaign-table thead .checkbox span{border-color:#fffc}.campaign-card .campaign-table thead .checkbox input:checked+span{background:#fff;box-shadow:inset 0 0 0 2px #073b6f}.sort-arrow{display:inline-block;height:12px;margin-left:4px;position:relative;vertical-align:middle;width:10px}.sort-arrow:after,.sort-arrow:before{border-left:4px solid #0000;border-right:4px solid #0000;content:"";left:50%;position:absolute;transform:translateX(-50%)}.sort-arrow:before{border-bottom:5px solid #ffffff8c;top:0}.sort-arrow:after{border-top:5px solid #ffffff8c;bottom:0}.sort-arrow.active.asc:before{border-bottom-color:#fff}.sort-arrow.active.asc:after{border-top-color:#ffffff4d}.sort-arrow.active.desc:before{border-bottom-color:#ffffff4d}.sort-arrow.active.desc:after{border-top-color:#fff}.campaign-card .campaign-table tbody td{background:#fff;border-bottom:1px solid #e5e7eb;color:#111827;padding:14px 16px}.campaign-card .campaign-table .col-status.active{color:#10b981;font-weight:700}.campaign-card .campaign-table .col-status.inactive{color:#9ca3af;font-weight:700}.campaign-card .campaign-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.campaign-table thead th.col-num{text-align:right}.campaign-table td.col-check,.campaign-table th.col-check{text-align:center}.campaign-table tbody td,.campaign-table thead th{padding:14px 16px}.campaign-table-wrap{width:100%}.campaign-table{min-width:100%;table-layout:fixed;width:100%}.campaign-table:has(.campaign-empty) thead{position:static}.th-filter{display:inline-block}.filter-btn{align-items:center;color:#fff;gap:6px}.filter-btn .filter-icon{opacity:.9}.filter-btn .filter-caret-ico{opacity:.75}.filter-btn.open .filter-caret-ico{transform:rotate(180deg)}.filter-pop{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 14px 40px #0206172e;color:#111827;left:0;max-height:320px;min-width:220px;overflow:auto;padding:8px;position:absolute;top:calc(100% + 8px);z-index:10}.filter-pop-hd{align-items:center;display:flex;font-size:13px;font-weight:700;justify-content:space-between;padding:6px 4px 8px}.pop-close{background:#0000;border:0;color:#6b7280;cursor:pointer;padding:6px}.pop-close:hover{color:#111827}.filter-list{grid-gap:6px;display:grid;gap:6px;padding:4px}.filter-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:6px 4px}.filter-item:hover{background:#f3f4f6}.filter-item input{height:16px;width:16px}.filter-actions{display:flex;gap:8px;justify-content:space-between;padding:10px 4px 4px}.btn-link{background:#0000;border:0;color:#036;cursor:pointer;font-weight:600}.btn-link:hover{text-decoration:underline}.btn-primary{background:#036;border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:8px 12px}.btn-primary:hover{background:#00264d}.th-button{align-items:center;display:inline-flex;gap:6px;white-space:nowrap}.filter-btn.right-ico .filter-icon{margin-left:2px;opacity:.9}.filter-dot{background:#22d3ee;border-radius:999px;height:8px;margin-left:4px;width:8px}.filter-btn .filter-caret-ico{display:none!important}.filter-list .filter-item span{color:#111827}.filter-list .filter-item input[type=checkbox]{accent-color:#036;height:16px;width:16px}.filter-list .filter-item:hover{background:#f3f4f6}.campaign-card .campaign-table thead{overflow:visible}.th-filter{position:relative}.col-status .th-button,.col-type .th-button{justify-content:center;padding-right:24px;position:relative;width:100%}.filter-btn.abs-ico .filter-icon{opacity:.9;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.th-label{display:inline-block}.col-status,.col-type{text-align:center}.filter-pop.portal{max-height:60vh;overflow:auto}.filter-pop-backdrop{background:#0000;inset:0;overscroll-behavior:contain;position:fixed;touch-action:none;z-index:9998}.filter-pop.portal{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 18px 48px #02061738;overscroll-behavior:contain;padding:8px;position:absolute;z-index:9999}@media (max-width:768px){.campaign-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.campaign-table{min-width:640px}.campaign-card .campaign-table thead .th-button,.campaign-card .campaign-table thead th{white-space:nowrap}.campaign-card .campaign-table thead th{overflow:hidden}.campaign-card .campaign-table thead .th-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.range-row{-webkit-overflow-scrolling:touch;justify-content:flex-start!important;overflow-x:auto;padding-left:15px!important;padding-right:15px!important}.range-row>*{flex:0 0 auto}.range-row{flex-wrap:wrap;gap:8px;justify-content:flex-start!important;padding-left:15px!important;padding-right:15px!important}.range-row:after{content:"";flex-basis:100%;order:5}.range-row>*{flex:0 0 auto}.range-row>.btn,.range-row>a.btn,.range-row>button{margin-top:2px;order:10}}.loading-page{background-color:#fff;height:100vh;padding:20px;text-align:center}.loader-container,.loading-page{align-items:center;display:flex;flex-direction:column;justify-content:center}.loader-container{max-width:90%;width:100%}p{color:#333;font-size:18px;font-weight:600;line-height:1.5;margin-top:20px;text-shadow:1px 1px 2px #00000014}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__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-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.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:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.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{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.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){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.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{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.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{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;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;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.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{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.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{background-color:#f0f0f0;cursor:pointer}.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{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.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,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.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{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted: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{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays: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{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected: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{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.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__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__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__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__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__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__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__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{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-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-year-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__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.campaign-container{box-sizing:border-box;margin:0 auto;max-width:1200px;min-height:100vh;padding:40px 20px}.campaign-header{margin-bottom:50px}.campaign-header h1{color:#036;font-size:2.5rem;font-weight:700;margin:0 0 15px;text-align:center}.campaign-header p{color:#666;font-size:1.1rem;line-height:1.6;margin:0;text-align:center}.campaign-header .back-btn{display:inline-flex;margin-bottom:25px}.back-btn:hover{background-color:#024;box-shadow:0 2px 4px #0000001a}.engagement-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:40px}.engagement-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:35px 30px;position:relative;text-align:center;transition:all .3s ease}.engagement-card:before{background:linear-gradient(135deg,#036,#004080);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.engagement-card:hover{box-shadow:0 8px 30px #00336626;transform:translateY(-5px)}.engagement-card:hover:before{opacity:1}.card-icon-wrapper{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:32px;height:80px;justify-content:center;margin-bottom:25px;position:relative;transition:all .3s ease;width:80px}.message-icon{background:linear-gradient(135deg,#036,#004080);box-shadow:0 4px 15px #0033664d}.welcome-icon{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a7454d}.coupon-icon{background:linear-gradient(135deg,#ffc107,#fd7e14);box-shadow:0 4px 15px #ffc1074d}.engagement-card:hover .card-icon-wrapper{transform:scale(1.1) rotate(5deg)}.engagement-card h3{color:#036;font-size:1.5rem;font-weight:700;margin:0 0 15px}.engagement-card p{color:#666;flex-grow:1;font-size:1rem;line-height:1.6;margin:0 0 25px}.card-action-btn{background:linear-gradient(135deg,#036,#004080);border:none;border-radius:8px;box-shadow:0 2px 8px #0363;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:14px 28px;text-transform:uppercase;transition:all .3s ease;width:100%}.card-action-btn:hover{background:linear-gradient(135deg,#024,#036);box-shadow:0 4px 12px #0033664d;transform:translateY(-2px)}.card-action-btn:active{transform:translateY(0)}.subheading{color:#036;font-size:1.05rem;font-weight:700;margin:0 0 12px}.template-picker{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:16px}.template-toolbar{grid-gap:12px;display:grid;gap:12px;grid-template-columns:220px 1fr;margin-bottom:14px}.tpl-search,.tpl-select{background:#fff;border:1px solid #d0d7de;border-radius:6px;font-size:.95rem;height:38px;padding:8px 10px}.template-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;max-height:260px;overflow:auto;padding-right:4px}.tpl-item{background:#f8f9fa;border:1px solid #e1e5ea;border-radius:8px;cursor:pointer;padding:12px;text-align:left;transition:background .15s ease,border-color .15s ease,transform .05s ease;width:100%}.tpl-item:hover{background:#f1f5f9;border-color:#cfd7e3}.tpl-item:active{transform:translateY(1px)}.tpl-item.is-active{background:#e9f2ff;border-color:#99c2ff;box-shadow:inset 0 0 0 2px #0066cc14}.tpl-title{color:#036;font-weight:700;margin:0 0 4px}.tpl-preview{color:#667085;font-size:.9rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tpl-meta{color:#888;font-size:.85rem;margin-top:6px}.template-customize{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:16px}.tpl-vars-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(220px,1fr));margin-bottom:14px}.tpl-var label{color:#036;display:block;font-size:.9rem;font-weight:600;margin-bottom:6px;text-transform:capitalize}.tpl-var input{border:1.5px solid #d0d7de;border-radius:6px;font-size:.95rem;height:38px;padding:8px 10px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.tpl-var input:focus{border-color:#036;box-shadow:0 0 0 3px #0033661a;outline:none}.welcome-message-preview{background:#f0f8ff;border-left:4px solid #036;border-radius:0 6px 6px 0;margin:20px 0;padding:15px}.welcome-message-preview label{color:#036;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.preview-text{background:#fff;border:1px solid #e0e8f0;border-radius:6px;color:#333;font-size:14px;line-height:1.4;max-height:96px;overflow:auto;overflow-wrap:anywhere;padding:12px;white-space:normal;word-break:break-word}.preview-text strong{color:#036;font-style:normal;font-weight:700}.preview-placeholder{color:#888;font-size:14px;font-style:italic}.preview-actions{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:10px}.character-counter{color:#666;display:flex;font-size:.9rem;justify-content:flex-end;margin-top:5px}.character-counter .over-limit{color:#e74c3c;font-weight:600}.character-counter .warning{color:#b45309;font-weight:600}.section-divider{background:#edf2f7;border:0;height:1px;margin:18px 0 0}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.muted{color:#888;font-style:italic;padding:10px 0}.form-group{margin-bottom:20px}.form-group label{color:#036;display:block;font-size:1.1rem;font-weight:600;margin-bottom:8px}.form-input{background-color:#fff;border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-input:focus{border-color:#036;box-shadow:0 0 0 3px #0033661a;outline:none}.form-input::placeholder{color:#6c757d}.message-textarea{border:2px solid #ccc;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:1rem;min-height:120px;padding:12px;resize:vertical;transition:border-color .3s ease;width:100%}.message-textarea:focus{border-color:#036;box-shadow:0 0 0 3px #0033661a;outline:none}.message-textarea::placeholder{color:#888}.welcome-message-textarea{word-wrap:break-word;border:2px solid #ddd;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.4;max-width:100%;min-height:100px;overflow-wrap:break-word;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.welcome-message-textarea:focus{border-color:#036;box-shadow:0 0 0 3px #0033661a;outline:none}.section-description{margin-bottom:20px}.section-description code{background:#f1f3f4;border-radius:4px;color:#036;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.send-button{min-width:160px}.save-button{background:#036;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.save-button:hover:not(:disabled){background:#004080;transform:translateY(-1px)}.save-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.reset-button{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:14px;padding:12px 24px;transition:all .2s}.reset-button:hover{background:#e9e9e9;border-color:#bbb;transform:translateY(-1px)}.secondary-button{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;cursor:pointer;font-weight:600;padding:10px 16px;transition:background .15s ease,transform .05s ease,box-shadow .15s ease}.secondary-button:hover{background:#e2e8f0;box-shadow:0 2px 6px #0000000f}.secondary-button:active{transform:translateY(1px)}.secondary-button:disabled{cursor:not-allowed;opacity:.6}.template-action-row{align-items:center;justify-content:space-between;margin-top:10px}.template-action-buttons,.template-action-row{display:flex;gap:12px}.coupon-form{display:flex;flex-direction:column;gap:20px}.form-help-text{color:#666;display:block;font-size:.85rem;font-style:italic;margin-top:6px}.coupon-info-note{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#495057;margin-top:15px;padding:12px 16px}.coupon-info-note small{font-size:.9rem;line-height:1.4}.date-picker-input{cursor:pointer;width:100%}.react-datepicker-wrapper,.react-datepicker__input-container{display:block;width:100%}.react-datepicker{border:2px solid #036;border-radius:8px;box-shadow:0 4px 12px #00000026;font-family:inherit}.react-datepicker__header{background:linear-gradient(135deg,#036,#004080);border-bottom:none;border-radius:6px 6px 0 0;padding-top:12px}.react-datepicker__current-month,.react-datepicker__day-name{color:#fff;font-weight:600}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:#036;border-radius:6px;color:#fff;font-weight:600}.react-datepicker__day:hover{background-color:#e3f2fd;border-radius:6px}.react-datepicker__day--disabled{color:#ccc;cursor:not-allowed}.react-datepicker__day--disabled:hover{background-color:initial}.react-datepicker__navigation{top:14px}.react-datepicker__navigation--previous{border-right-color:#fff}.react-datepicker__navigation--previous:hover{border-right-color:#e3f2fd}.react-datepicker__navigation--next{border-left-color:#fff}.react-datepicker__navigation--next:hover{border-left-color:#e3f2fd}@media (max-width:992px){.template-toolbar,.tpl-vars-grid{grid-template-columns:1fr}}@media (max-width:768px){.campaign-container{padding:20px 15px}.campaign-header h1{font-size:2rem}.campaign-header p{font-size:1rem}.engagement-grid{gap:20px;grid-template-columns:1fr}.engagement-card{padding:30px 25px}.card-icon-wrapper{font-size:28px;height:70px;width:70px}.engagement-card h3{font-size:1.3rem}.detail-card{padding:25px 20px}.template-list{max-height:220px}.preview-text{max-height:72px}.form-actions{flex-direction:column}.reset-button,.save-button,.send-button{width:100%}.back-to-dashboard{justify-content:center;width:100%}.template-action-row{align-items:stretch}.template-action-buttons,.template-action-row{flex-direction:column}.template-action-buttons button{width:100%}}@media (max-width:480px){.campaign-header h1{font-size:1.75rem}.engagement-card{padding:25px 20px}.card-icon-wrapper{font-size:24px;height:60px;margin-bottom:20px;width:60px}.engagement-card h3{font-size:1.2rem}.engagement-card p{font-size:.95rem}.detail-card{padding:20px 15px}.react-datepicker{font-size:.9rem}}.back-btn{align-self:flex-start!important;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#111827;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;line-height:1;margin:0 0 8px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:8px 12px;transition:background .15s ease;width:auto!important}.back-btn:hover{background:#f9fafb}.back-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.back-btn svg{display:block}.back-btn-row{display:flex;justify-content:flex-start}.template-builder-container{box-sizing:border-box;margin:0 auto;max-width:1200px;min-height:100vh;padding:40px 20px 80px}.template-builder-header{margin-bottom:50px}.template-builder-header h1{color:#036;font-size:2.5rem;font-weight:700;margin:0 0 15px;text-align:center}.template-builder-header p{color:#666;font-size:1.1rem;line-height:1.6;margin:0;text-align:center}.template-builder-header .back-btn{display:inline-flex;margin-bottom:25px}.template-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:40px}.template-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:35px 30px;position:relative;text-align:center;transition:all .3s ease}.template-card:before{background:linear-gradient(135deg,#036,#004080);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.template-card:hover{box-shadow:0 8px 30px #00336626;transform:translateY(-5px)}.template-card:hover:before{opacity:1}.template-card .card-icon-wrapper{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:32px;height:80px;justify-content:center;margin-bottom:25px;position:relative;transition:all .3s ease;width:80px}.template-card .qr-icon{background:linear-gradient(135deg,#6f42c1,#8b5cf6);box-shadow:0 4px 15px #6f42c14d}.template-card .welcome-icon{background:linear-gradient(135deg,#17a2b8,#20c997);box-shadow:0 4px 15px #17a2b84d}.template-card:hover .card-icon-wrapper{transform:scale(1.1) rotate(5deg)}.template-card h3{color:#036;font-size:1.5rem;font-weight:700;margin:0 0 15px}.template-card p{color:#666;flex-grow:1;font-size:1rem;line-height:1.6;margin:0 0 25px}.template-card .card-action-btn{background:linear-gradient(135deg,#036,#004080);border:none;border-radius:8px;box-shadow:0 2px 8px #0363;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:14px 28px;text-transform:uppercase;transition:all .3s ease;width:100%}.template-card .card-action-btn:hover{background:linear-gradient(135deg,#024,#036);box-shadow:0 4px 12px #0033664d;transform:translateY(-2px)}.template-card .card-action-btn:active{transform:translateY(0)}.detail-view-content{margin:0 auto;max-width:920px}.detail-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:35px}.section-description{color:#666;font-size:14px;line-height:1.5;margin-bottom:25px}.qr-generator-wrapper,.welcome-preview-section{margin-top:20px}.preview-header-controls{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.preview-heading{color:#036;font-size:1.2rem;font-weight:700;margin:0 0 8px}.preview-toggle-buttons{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;display:flex;gap:8px;padding:4px}.preview-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#667085;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.preview-toggle-btn svg{flex-shrink:0}.preview-toggle-btn:hover{background:#0033660d;color:#036}.preview-toggle-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#036}.wp-preview__empty,.wp-preview__loading{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;color:#667085;font-size:14px;padding:30px;text-align:center}.wp-preview__empty p{color:#666;margin:8px 0}.wp-preview__card{background:#fff;border:1px solid #10182814;border-radius:12px;box-shadow:0 1px 2px #1018280a,0 8px 24px #1018280f;margin-bottom:20px;padding:20px}.wp-preview__title{color:#036;font-size:20px;font-weight:800;margin-bottom:15px;text-align:left}.wp-preview__gallery{-webkit-overflow-scrolling:touch;background:#fafbfc;border:1px solid #1018280f;border-radius:10px;display:flex;gap:10px;margin-bottom:15px;overflow-x:auto;padding:10px 4px;scroll-snap-type:x proximity}.wp-preview__gallery img{aspect-ratio:4/3;background:#e9eef5;border-radius:10px;flex:0 0 auto;max-width:50vw;object-fit:cover;scroll-snap-align:start;width:220px}.wp-preview__body{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-top:15px}@media (min-width:800px){.wp-preview__body{grid-template-columns:1fr 1fr}}.wp-preview__block{background:#f8f9fa;border:1px solid #1018280f;border-radius:10px;padding:15px}.wp-preview__heading{color:#036;font-size:16px;font-weight:700;margin-bottom:8px}.wp-preview__text{color:#667085;font-size:14px;line-height:1.6;margin:0}.wp-preview__note{background:#f8f9fa;border-left:4px solid #036;border-radius:8px;color:#98a2b3;font-size:13px;margin-bottom:20px;padding:15px}.form-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.send-button{background:linear-gradient(135deg,#036,#004080);border:2px solid #036;border-radius:8px;box-shadow:0 4px 12px #0363;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;min-width:200px;padding:14px 28px;text-transform:uppercase;transition:all .3s ease}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#024,#036);box-shadow:0 6px 16px #0033664d;transform:translateY(-2px)}.send-button:active:not(:disabled){box-shadow:0 2px 8px #0033664d;transform:translateY(0)}.send-button:disabled{background:#6c757d;border-color:#6c757d;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.alert{border-radius:6px;font-weight:500;margin-bottom:20px;padding:12px 16px}.alert-error{align-items:center;background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;display:flex;gap:15px;justify-content:space-between}.retry-button{background:#721c24;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.retry-button:hover{background:#5a151d;transform:translateY(-1px)}@media (max-width:768px){.template-builder-container{padding:20px 15px}.template-builder-header h1{font-size:2rem}.template-builder-header p{font-size:1rem}.template-grid{gap:20px;grid-template-columns:1fr}.template-card{padding:30px 25px}.template-card .card-icon-wrapper{font-size:28px;height:70px;width:70px}.template-card h3{font-size:1.3rem}.detail-card{padding:25px 20px}.wp-preview__body{grid-template-columns:1fr}.form-actions{flex-direction:column}.send-button{width:100%}}@media (max-width:480px){.template-builder-header h1{font-size:1.75rem}.template-card{padding:25px 20px}.template-card .card-icon-wrapper{font-size:24px;height:60px;margin-bottom:20px;width:60px}.template-card h3{font-size:1.2rem}.template-card p{font-size:.95rem}.detail-card{padding:20px 15px}.wp-preview__gallery img{width:180px}}.preview-subheading{color:#667085;font-size:.95rem;font-weight:400;margin:-10px 0 20px}.qr-preview-frame{background:linear-gradient(180deg,#f7f3ee,#f4efe9 30%,#f2ece5 60%,#efe7df);border:2px solid #e1e5e9;border-radius:16px;box-shadow:0 8px 24px #0000001a;margin:0 auto 20px;max-width:420px;overflow:hidden}.qr-preview-content{display:flex;flex-direction:column;width:100%}.qr-preview-gallery{background:#f9f5f0;height:240px;overflow:hidden;position:relative;width:100%}.qr-preview-gallery img{height:100%;object-fit:cover;width:100%}.qr-preview-indicators{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;border-radius:16px;bottom:12px;display:flex;gap:6px;left:50%;padding:6px 10px;position:absolute;transform:translateX(-50%)}.qr-preview-dot{background:#ffffff80;border-radius:50%;height:6px;transition:all .3s ease;width:6px}.qr-preview-dot.active{background:#fff;border-radius:3px;width:20px}.qr-preview-hero{background:linear-gradient(180deg,#f1e6d8,#eadfcc);border-bottom:1px solid #78583c14;padding:16px;text-align:center}.qr-preview-logo-placeholder{align-items:center;background:#fff6;border:1px solid #78583c1f;border-radius:8px;color:#7b6759;display:flex;font-size:10px;font-weight:600;height:48px;justify-content:center;margin:0 auto 8px;width:60px}.qr-preview-title{color:#6b4f3a;font-size:18px;font-weight:800;margin:6px 0 4px}.qr-preview-subtitle{color:#7b6759;font-size:11px;line-height:1.4;margin:0}.qr-preview-main{display:flex;flex-direction:column;gap:12px;padding:14px 12px}.qr-preview-signup{background:#fff;border:1px solid #78583c1a;border-radius:10px;order:-1;padding:14px 12px}.qr-preview-signup h2{color:#6b4f3a;font-size:14px;font-weight:800;margin:0 0 4px;text-align:center}.qr-preview-signup-sub{color:#746355;font-size:11px;margin:0 0 10px;text-align:center}.qr-preview-field{margin-bottom:10px}.qr-preview-field label{color:#7a5d47;display:block;font-size:10px;font-weight:700;margin-bottom:4px}.qr-preview-input{background:#fff;border:1.5px solid #dccfc2;border-radius:8px;box-sizing:border-box;color:#999;font-size:12px;padding:8px 10px;width:100%}.qr-preview-consent{align-items:flex-start;background:#faf6f1;border:1px solid #78583c14;border-radius:8px;display:flex;gap:8px;margin-bottom:10px;padding:8px}.qr-preview-checkbox{background:#fff;border:2px solid #dccfc2;border-radius:3px;flex-shrink:0;height:14px;margin-top:1px;width:14px}.qr-preview-consent span{color:#5f5147;font-size:10px;line-height:1.3}.qr-preview-button{background:linear-gradient(180deg,#c9a27b,#b9916a);border-radius:8px;color:#fff;font-size:12px;font-weight:800;padding:10px;text-align:center;width:100%}.qr-preview-cards{display:flex;flex-direction:column;gap:10px}.qr-preview-card{background:#fff;border:1px solid #78583c1a;border-radius:10px;padding:12px 10px}.qr-preview-card h3{color:#6b4f3a;font-size:13px;font-weight:800;margin:0 0 6px}.qr-preview-card p{color:#5f5147;font-size:11px;line-height:1.5;margin:0 0 6px}.qr-preview-card p:last-child{margin-bottom:0}.qr-preview-card strong{font-weight:700}@media (max-width:480px){.qr-preview-frame{border-radius:12px;max-width:100%}}.mobile-preview-frame{background:#fff;border:2px solid #e1e5e9;border-radius:16px;box-shadow:0 8px 24px #0000001a;margin:0 auto 20px;max-width:420px;overflow:hidden;position:relative;width:100%}.mobile-preview-frame:before{background:#000;border-radius:0 0 20px 20px;content:"";height:28px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:140px;z-index:10}.mobile-preview-iframe{background:#fff;border:none;display:block;height:740px;width:100%}.desktop-preview-frame{background:#fff;border:2px solid #e1e5e9;border-radius:12px;box-shadow:0 8px 24px #0000001a;margin:0 auto 20px;max-width:100%;overflow:auto;position:relative;width:100%}.desktop-preview-iframe{background:#fff;border:none;display:block;height:1000px;min-height:1000px;overflow:visible;width:100%}@media (max-width:480px){.mobile-preview-frame{border-radius:12px;max-width:100%}.mobile-preview-frame:before{display:none}.desktop-preview-iframe,.mobile-preview-iframe{height:600px}.preview-header-controls{align-items:stretch;flex-direction:column}.preview-toggle-buttons{justify-content:stretch;width:100%}.preview-toggle-btn{flex:1 1;justify-content:center}}.qr-display-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:600px;padding:40px;text-align:center}.qr-display,.qr-display-card{align-items:center;display:flex;flex-direction:column}.qr-display{gap:20px;margin-bottom:25px;width:100%}.qr-code-image{background:#fff;border:4px solid #f8f9fa;border-radius:12px;box-shadow:0 4px 12px #0000001a;height:280px;object-fit:contain;width:280px}.qr-link-display{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px 20px;text-align:left;width:100%}.qr-link-label{color:#036;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.qr-link{color:#1f6feb;display:block;font-size:14px;text-decoration:none;transition:color .2s ease;word-break:break-all}.qr-link:hover{color:#036;text-decoration:underline}.qr-info{margin-bottom:25px;width:100%}.qr-info h3{color:#036;font-size:1.5rem;font-weight:700;margin:0 0 8px}.qr-info p{color:#666;font-size:14px;margin:0}.qr-actions{flex-wrap:wrap;gap:12px;width:100%}.action-button,.qr-actions{display:flex;justify-content:center}.action-button{align-items:center;background:linear-gradient(135deg,#036,#004080);border:none;border-radius:8px;box-shadow:0 2px 8px #0363;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;min-width:140px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.action-button:hover{background:linear-gradient(135deg,#024,#036);box-shadow:0 4px 12px #0033664d;transform:translateY(-2px)}.action-button:active{transform:translateY(0)}.action-button svg{font-size:16px}.print-button{background:linear-gradient(135deg,#17a2b8,#20c997);flex:1 1 auto}.print-button:hover{background:linear-gradient(135deg,#138496,#1aa179)}@media (max-width:768px){.qr-display-card{padding:30px 20px}.qr-code-image{height:240px;width:240px}.qr-actions{flex-direction:column}.action-button{width:100%}}@media (max-width:480px){.qr-display-card{padding:25px 15px}.qr-code-image{height:200px;width:200px}.qr-info h3{font-size:1.3rem}}.promo-page-outer{box-sizing:border-box;margin:40px auto;max-width:920px;width:90%}.promo-page-form-container{align-items:stretch;background-color:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:60px;padding:40px 40px 60px;position:relative}@media (min-width:769px){.promo-page-outer{max-width:920px;width:90%}.promo-page-form-container{padding:40px}}.page-title{color:#036;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0 0 30px;text-align:center}.input-label{align-items:center;color:#036;display:flex;margin-bottom:8px;margin-top:20px}.input-label h2{color:#036;font-size:1rem;font-weight:600;letter-spacing:0;margin:0}.generate-button-wrapper{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:30px}.generate-button{align-items:center;background:linear-gradient(135deg,#036,#004080);border:none;border-radius:8px;box-shadow:0 2px 8px #0363;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;min-width:200px;padding:14px 28px;text-transform:uppercase;transition:all .3s ease}.generate-button:hover{background:linear-gradient(135deg,#024,#036);box-shadow:0 4px 12px #0033664d;transform:translateY(-2px)}.generate-button:active{transform:translateY(0)}.generate-button svg{font-size:16px}@media (max-width:768px){.promo-page-outer{margin:20px auto;max-width:100%;width:95%}.promo-page-form-container{padding:30px 20px 60px}.generate-button-wrapper{flex-direction:column}.generate-button{width:100%}}@media (max-width:480px){.promo-page-outer{width:95%}.promo-page-form-container{padding:25px 15px 60px}.input-label h2{font-size:1.3rem}}@media (max-width:768px){.input-label{background:#fff;border:none;border-bottom:1px solid #e9ecef;cursor:pointer;justify-content:space-between;padding:16px}.input-label,.input-label h2{align-items:center;display:flex;margin:0}.input-label h2{font-size:1.1rem;gap:10px}}.page{gap:16px;min-height:100vh;padding:24px}.content,.page{align-items:center;display:flex;flex-direction:column}.content{aspect-ratio:1/1.414;background:linear-gradient(180deg,#10b981 0,#fff);border:1px solid #94a3b8;box-sizing:border-box;justify-content:space-between;margin:0 auto;max-width:720px;padding-bottom:20px;padding-top:20px;text-align:center;width:90%}.content h1{font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.1;margin:0}.content h2{display:block;margin:0;text-align:center;width:75%}.qr-caption{font-size:.95rem;line-height:1.3;margin:0;width:75%}.content img{display:block;height:256px;object-fit:contain;width:256px}.benefits{align-self:stretch;display:flex;flex-wrap:nowrap;gap:40px;justify-content:center;margin:0 20px}.benefit-col{align-items:flex-start;display:flex;flex-direction:column;gap:16px;text-align:left}.benefit-col h4{line-height:1.3;margin:0;padding-left:1.25em;position:relative}.benefit-col h4:before{content:"•";font-size:1.1em;left:0;line-height:1;position:absolute;top:.05em}.download-button-wrapper{display:flex;gap:12px;justify-content:center;margin-bottom:max(20px,env(safe-area-inset-bottom))}.download-button{align-items:center;background-color:#036;border:none;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.download-button:hover{background-color:#024;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.nav-wrapper{align-items:center;display:flex;justify-content:flex-start;margin:0 auto;max-width:720px;width:90%}input[type=file]{margin-top:10px}button{background-color:#036;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:10px 0;padding:10px 20px;transition:background-color .3s ease,opacity .3s ease}button:hover{background-color:#024;opacity:.9}.delete-button{background:none;border:none;border-radius:3px;color:#ff5722;cursor:pointer;font-size:15px;margin-left:5px;min-width:auto;padding:4px 6px;width:auto}.invoice-button{background-color:#4a5568;border:none;color:#fff;cursor:pointer;margin-left:30px;padding:6px 10px}.invoice-button:hover{background-color:#2d3748}.invoice-button:disabled{cursor:not-allowed;opacity:.5}.duplicate-warning-banner{background-color:#ffe0e0;border:1px solid #f5c6cb;border-radius:4px;color:#a94442;font-weight:500;margin-bottom:12px;padding:10px 16px}.no-invoice-text{color:gray;display:block;font-size:.9rem;text-align:center}.file-list-container{flex-direction:column;gap:6px;margin-top:12px}.file-list-container,.file-wrapper{align-items:center;display:flex;width:100%}.file-wrapper{gap:8px;justify-content:space-between;max-width:420px;padding:0}.file-item{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;color:#333;flex:1 1;font-size:.85rem;overflow:hidden;padding:0 12px;text-overflow:ellipsis;white-space:nowrap}.file-item,.remove-file-button{align-items:center;display:flex;height:28px}.remove-file-button{background:#0000!important;border:none!important;cursor:pointer;justify-content:center;line-height:1;margin:0;padding:0!important;width:28px}.remove-file-button:hover{background-color:initial!important;box-shadow:none!important}.remove-icon svg{color:#999;font-size:.9rem;transition:color .2s ease}.remove-file-button:hover .remove-icon svg{color:#c00}.cancel-button{background-color:#9e9e9e;color:#fff}.file-upload-container{background-color:#fff;color:#333;text-align:center;transition:background-color .3s,box-shadow .3s}.file-upload-container:hover{background-color:#e0f7fa;box-shadow:0 4px 12px #0000001a}.inventory-table{box-shadow:0 2px 8px #0000001a}.inventory-table th{background-color:#036;color:#fff;font-size:14px;padding:12px;text-align:left}.inventory-table td{border-bottom:1px solid #ddd;padding:10px;text-align:left}.inventory-table tr:nth-child(2n){background-color:#f9fafb}.inventory-table tr:hover{background-color:#e0f7fa}.add-or-upload-container{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.file-upload-container,.manual-add-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.inventory-container{margin:0 auto;max-width:100%;overflow-x:hidden;padding-bottom:50px;padding-top:20px}.manual-add-button{background-color:#036;border:none;border-radius:5px;cursor:pointer;padding:10px 20px}.divider-or{color:#333;font-size:18px;font-weight:700;margin:0 20px}.file-upload-container{align-items:center;background-color:#fafafa;border:2px dashed #036;border-radius:12px;box-shadow:0 4px 12px #0000001a;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;margin-bottom:20px;max-width:100%;padding:30px;position:relative;transition:background-color .3s ease,box-shadow .3s ease}.file-upload-container.drag-over{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fffc;border-color:#007bff;transform:scale(1.05);transition:all .3s ease-in-out}.file-upload-container:hover{background-color:#f0f0f0;box-shadow:0 6px 18px #00000026}.custom-file-upload{align-items:center;color:#036;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;position:relative;text-align:center;width:100%}.custom-file-upload input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.upload-box{color:#333;font-size:18px;font-weight:700;text-align:center}.file-name{color:#036;font-size:16px;font-style:italic;margin-left:10px}.add-inventory-button{background-color:#036;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-right:10px;margin-top:10px;padding:12px 24px;transition:background-color .3s ease,box-shadow .3s ease}.add-inventory-button:hover{background-color:#024;opacity:.9}.cancel-upload-button{background-color:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-right:10px;margin-top:10px;padding:12px 24px;transition:background-color .3s ease,box-shadow .3s ease}.cancel-upload-button:hover{background-color:#565d63;opacity:.9}.file-upload-container .file-name{color:#666;font-size:16px;font-style:italic;margin-left:10px}.inventory-table-wrapper{align-items:flex-start;display:flex;justify-content:center;margin:0 30px 50px;max-width:100%;overflow-x:auto}.inventory-container h1{color:#036;font-size:2rem;font-weight:700;margin-bottom:4px;margin-left:15px;padding-left:20px}.inventory-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:0 35px}.inventory-header h1{margin:0;padding:0}.loyalty-actions{gap:12px}.loyalty-actions,.loyalty-btn{align-items:center;display:flex}.loyalty-btn{background:linear-gradient(135deg,#036,#004080);border:none;border-radius:8px;box-shadow:0 2px 8px #00336626;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 18px;text-decoration:none;transition:all .3s ease}.loyalty-btn:hover{background:linear-gradient(135deg,#024,#036);box-shadow:0 4px 12px #00336640;color:#fff;transform:translateY(-1px)}.loyalty-btn:active{box-shadow:0 2px 6px #0363;transform:translateY(0)}.loyalty-btn span{font-size:14px;white-space:nowrap}.loyalty-btn svg{flex-shrink:0;font-size:16px}.table-container{align-items:center;display:flex;justify-content:center;width:100%}.inventory-table{border-collapse:collapse;box-shadow:0 0 10px #0000001a;margin-top:20px;max-width:100%;white-space:nowrap;width:100%}td,th{border-bottom:1px solid #ddd;padding:8px;text-align:left}th{background-color:#036;color:#fff;font-size:14px}tbody tr:nth-child(odd){background-color:#f5f5f5}tbody tr:hover{background-color:#ddd;cursor:pointer}td:first-child{width:10%}td:nth-child(10),td:nth-child(11),td:nth-child(12),td:nth-child(2),td:nth-child(3),td:nth-child(4),td:nth-child(5),td:nth-child(6),td:nth-child(7),td:nth-child(8),td:nth-child(9){width:8%}.action-cell{text-align:center!important;vertical-align:middle!important}.action-cell button{align-items:center;background-color:#036;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;min-height:30px;min-width:30px;padding:5px;transition:background-color .3s ease}.action-cell button:hover{background-color:#024}.inventory-actions{display:flex;justify-content:flex-start;margin-bottom:20px;margin-left:30px}.inventory-actions button{border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:10px;padding:10px 20px}.inventory-actions button.cancel-button{background-color:#9e9e9e}.inventory-actions button:hover{opacity:.9}.search-container{align-items:center;display:flex;justify-content:center;margin:20px auto;max-width:500px;position:relative}.search-input{border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px #0000001a;font-size:16px;padding:10px;transition:border-color .3s ease;width:400px}.search-input:focus{border-color:#036}.clear-search{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;margin:0;padding:0;position:absolute;right:12px;top:35%;transform:translateY(-50%);width:20px;z-index:10}.clear-search:hover{background-color:#9e9e9e;color:#fff}.modal{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;left:50%;max-width:90%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:400px;z-index:1000}.modal-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding-bottom:10px}.modal-header h2{font-size:1.25rem;margin:0}.modal-body{margin-top:20px}.distributor-input-container{position:relative;width:100%}.distributor-input-container input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:16px;padding:10px;width:100%}.distributor-suggestions{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 6px #0000001a;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;width:90%;z-index:10}.suggestion-item{border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:14px;padding:8px 10px}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#f0f0f0}.modal-footer{display:flex;justify-content:flex-end;justify-content:space-between;margin-top:20px}.invoice-modal-overlay{align-items:center;background-color:#000000d9;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.invoice-modal{background:#fff;border-radius:0;display:flex;flex-direction:column;height:100vh;margin:0;overflow:hidden;padding:0;position:relative;width:100vw}.invoice-modal-content{border:none;flex-grow:1;height:100%;object-fit:contain;width:100%}.invoice-modal-close{background:#0000;border:none;color:#333;cursor:pointer;font-size:2rem;position:absolute;right:16px;top:10px;z-index:10000}.invoice-download-button{background-color:#1e88e5;border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;left:16px;padding:8px 14px;position:absolute;text-decoration:none;top:10px;z-index:10000}.view-toggle-wrapper{display:flex;justify-content:center;margin:20px 0;padding:0}.view-toggle-buttons{border:none;border-radius:6px;display:flex;overflow:hidden}.toggle-btn{background-color:#fff;border:none;border-right:1px solid #036;color:#036;cursor:pointer;font-size:13px;font-weight:700;padding:6px 12px;transition:all .2s ease}.toggle-btn:last-child{border-right:none}.toggle-btn.active,.toggle-btn.active:hover{background-color:#036;color:#fff}.toggle-btn:hover:not(.active){background-color:#f0f0f0;color:#036}.toggle-btn:focus{box-shadow:none;outline:none}.chart-wrapper{margin:auto;max-width:800px;padding:20px;width:90%}.group-by-select{align-items:center;display:inline-flex;gap:8px;margin-bottom:1rem;padding-left:10px;white-space:nowrap}.group-label{color:#036;font-size:14px;font-weight:700}.group-dropdown{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #036;border-radius:5px;color:#036;cursor:pointer;font-size:13px;font-weight:700;height:32px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:6px 12px;width:auto}.group-dropdown:focus{box-shadow:none;outline:none}.group-dropdown:hover{background-color:#f0f0f0}.flex.justify-end.gap-2{column-gap:6px;display:flex;flex-wrap:wrap;justify-content:flex-end;padding-right:0;row-gap:6px}.flex.justify-end.gap-2 button{margin:0 3px}.flex.justify-end.gap-2 button:last-child{margin-right:2}.floating-tooltip{padding:4px 8px;transition:opacity .15s ease-in-out;z-index:1000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.inventory-filter-section{align-items:center;background-color:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;margin:20px 30px 16px;padding:16px 24px}.filter-controls{flex-wrap:wrap;gap:20px}.filter-controls,.filter-group{align-items:center;display:flex}.filter-group{gap:10px;min-width:0}.filter-label{color:#036;font-size:14px;font-weight:600;margin:0;white-space:nowrap}.filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23374151" d="m0,1 2,2 2,-2z"/></svg>');background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#374151;cursor:pointer;font-size:14px;font-weight:500;min-width:140px;padding:8px 32px 8px 12px;transition:border-color .2s ease,box-shadow .2s ease}.filter-select:focus{border-color:#036;box-shadow:0 0 0 3px #0033661a;outline:none}.export-actions,.export-btn{align-items:center;display:flex;gap:8px}.export-btn{background-color:#036;border:none;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.export-btn:hover{background-color:#024;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.export-btn.qr-btn{background-color:#036}.export-btn.qr-btn:hover{background-color:#024}.export-btn.message-btn{background-color:#036}.export-btn.message-btn:hover{background-color:#024}.export-btn.premium-feature{opacity:.7;position:relative}.export-btn.premium-feature:after{align-items:center;background-color:gold;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;color:#036;content:"★";display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.floating-tooltip{background-color:#333;border-radius:4px;color:#fff;font-size:12px;opacity:0;padding:6px 10px;pointer-events:none;position:fixed;transition:opacity .2s ease;white-space:nowrap;z-index:9999}.expanded-row{background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.expanded-cell{border-left:4px solid #036;padding:16px 24px}.expanded-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.expanded-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:12px 16px}.expanded-label{color:#6c757d;font-size:.75em;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.expanded-value{color:#495057;font-size:.95em;font-weight:500}.expanded-value.selling-price{color:#28a745;font-weight:600}@media (min-width:769px) and (max-width:1024px){.inventory-container{padding-bottom:100px}.detail-edit-view,.overview-cards-list{padding-bottom:80px}}@media (max-width:768px){.inventory-container{margin:0;padding:20px 8px 80px}.inventory-header{align-items:center;flex-direction:column;gap:15px;margin-bottom:25px;padding:0 8px}.inventory-header h1{font-size:1.5rem;text-align:center}.loyalty-actions{gap:8px;justify-content:center;width:100%}.loyalty-btn{flex:1 1;max-width:160px;min-width:auto;padding:10px 14px}.loyalty-btn,.loyalty-btn span{font-size:13px}.loyalty-btn svg{font-size:14px}.detail-edit-view{margin:5px auto 0;max-width:100%;padding:0 8px}.add-or-upload-container{flex-direction:column;margin:0 8px}.search-container{align-items:center;flex-direction:column;margin:20px 8px;max-width:100%}.search-input{margin-bottom:10px;width:100%}.clear-search{right:20px}.inventory-toolbar{justify-content:center;margin:16px auto}.inventory-table-wrapper{margin:0 16px 40px;overflow-x:auto}.inventory-table{white-space:nowrap;width:100%}.inventory-table td,.inventory-table th,td,th{font-size:14px;padding:8px 4px}.inventory-container h1{font-size:1.5em;margin-bottom:20px;margin-left:0;padding-left:0;text-align:center;width:100%}table{border-collapse:collapse;margin:0;width:100%}.file-upload-container{box-sizing:border-box;margin:10px 8px;width:calc(100% - 16px)}.flex.justify-end.gap-2{column-gap:6px;display:flex;flex-wrap:wrap;justify-content:flex-end;padding-right:0;row-gap:6px}.flex.justify-end.gap-2 button{margin:0 3px}.invoice-button{font-size:15px;margin-left:20px;width:50px}.pagination{text-align:center}.pagination button{margin:5px}.footer{text-align:center}.back-button-wrapper{padding:15px 0 10px}.back-button-wrapper .back-button{font-size:.85em;margin-left:10px;max-width:150px;padding:8px 12px;position:static;width:auto;z-index:100}}@media (max-width:480px){.inventory-header{margin-bottom:20px;padding:0 10px}.inventory-header h1{font-size:1.3rem}.loyalty-actions{flex-direction:column;gap:10px;width:100%}.loyalty-btn{max-width:200px;padding:12px 16px;width:100%}.search-container{align-items:center;flex-direction:column;max-width:100%;padding:0 10px}.search-input{margin-bottom:10px;padding-right:40px;width:100%}.clear-search{right:20px}.inventory-table-wrapper{margin-bottom:50px;overflow-x:auto}.inventory-table{white-space:nowrap;width:100%}.inventory-table td,.inventory-table th{font-size:12px;padding:6px}.search-input,.select-element{font-size:14px;padding:4px}}.invoice-download-button:hover{background-color:#1565c0}.invoice-button{font-size:15px;margin-left:20px;width:50px}.invoice-summary-container{margin:20px 0}.invoice-summary-header{margin-bottom:24px;text-align:center}.invoice-summary-title{color:#036;font-size:24px;font-weight:700;margin:0 0 8px}.invoice-summary-subtitle{color:#6b7280;font-size:14px;margin:0}.invoice-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:0 20px}.invoice-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px;transition:box-shadow .2s ease,transform .2s ease}.invoice-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.invoice-card-header{border-bottom:1px solid #f3f4f6;margin-bottom:16px;padding-bottom:16px}.distributor-info{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.distributor-name{flex:1 1;font-size:18px;margin:0;min-width:0}.product-count{background-color:#f0f9ff;border-radius:20px;color:#0369a1;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.invoice-card-body{margin-bottom:20px}.invoice-detail{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.invoice-detail:last-child{margin-bottom:0}.detail-label{color:#6b7280;font-size:14px;font-weight:500;min-width:80px}.detail-value{color:#374151;flex:1 1;font-size:14px;text-align:right}.invoice-link{color:#036;font-weight:500;text-decoration:none;transition:color .2s ease}.invoice-link:hover{color:#024;text-decoration:underline}.no-invoice{color:#9ca3af;font-style:italic}.invoice-card-footer{border-top:1px solid #f3f4f6;display:flex;justify-content:center;padding-top:16px}.view-products-btn{background-color:#036;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;max-width:200px;padding:10px 24px;transition:background-color .2s ease,transform .1s ease;width:100%}.view-products-btn:hover{background-color:#024;transform:translateY(-1px)}.view-products-btn:active{transform:translateY(0)}.filter-group-select{align-items:flex-start;display:flex;flex-direction:column;font-family:inherit;margin:20px 30px 0}.filter-group-select label{color:#036;font-size:14px;font-weight:600;margin-bottom:6px}.filter-group-select select{background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 6px #0000000d;color:#036;cursor:pointer;font-size:14px;font-weight:500;padding:10px 12px;transition:border-color .3s ease,box-shadow .3s ease}.filter-group-select select:focus{border-color:#036;box-shadow:0 0 0 3px #0363;outline:none}@media (max-width:768px){.filter-group-select{margin:20px auto 10px;padding:0 16px;width:100%}.filter-group-select label{font-size:13px}.filter-group-select select{font-size:14px;width:100%}.inventory-filter-section{align-items:stretch;flex-direction:column;gap:20px;margin:16px;padding:16px}.filter-controls{flex-direction:column;gap:16px;justify-content:center;width:100%}.filter-group{align-items:stretch;flex-direction:column;gap:8px;text-align:center}.filter-label{font-size:13px;margin-bottom:4px}.filter-select{background-position:right 12px center;background-size:14px;font-size:14px;min-width:auto;padding:10px 36px 10px 12px;width:100%}.export-actions,.export-btn{justify-content:center;width:100%}.export-btn{font-size:14px;max-width:200px;padding:12px 20px}.invoice-summary-title{font-size:20px}.invoice-grid{gap:16px;grid-template-columns:1fr;padding:0 8px}.invoice-card{padding:16px}.distributor-info{align-items:flex-start;flex-direction:column;gap:12px}.product-count{align-self:flex-start}.invoice-detail{align-items:flex-start;flex-direction:column;gap:4px}.detail-value{text-align:left}}.invoice-view-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:20px 30px 16px;padding:16px 20px}.back-to-invoices{align-items:center;background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9em;font-weight:500;gap:6px;padding:8px 16px;transition:background-color .2s ease}.back-to-invoices:hover{background-color:#5a6268}.current-invoice-info{align-items:center;display:flex;font-size:1em;gap:8px}.viewing-label{color:#6c757d;font-weight:500}.distributor-name{color:#036;font-size:1.1em;font-weight:600}.delivery-date{color:#6c757d;font-size:.95em;font-weight:500;margin-left:8px}@media (max-width:768px){.invoice-view-header{gap:12px;margin:16px;padding:16px}.current-invoice-info,.invoice-view-header{align-items:flex-start;flex-direction:column}.current-invoice-info{gap:4px;text-align:left}.back-to-invoices{font-size:.85em;padding:8px 12px}}.upload-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px;padding:0 16px}.upload-buttons button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.9em;font-weight:600;justify-content:center;max-width:140px;min-width:100px;padding:12px 16px;text-align:center;transition:all .2s ease;white-space:nowrap}@media (max-width:768px){.upload-buttons{flex-direction:column;gap:10px;margin-top:20px;padding:0 20px}.upload-buttons button{align-items:center;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;font-size:1em;justify-content:center;max-width:none;padding:14px 20px;text-align:center;width:100%}.cancel-upload-button{background-color:#6c757d!important;color:#fff;order:3}.cancel-upload-button:hover{background-color:#5a6268!important}.add-inventory-button{background-color:#036!important;color:#fff}.add-inventory-button:hover{background-color:#024!important}.add-inventory-button:first-of-type{background-color:#28a745!important;order:1}.add-inventory-button:first-of-type:hover{background-color:#218838!important}.add-inventory-button:last-of-type{order:2}}.inventory-overview{margin-top:20px}.detail-view-header{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;justify-content:space-between;margin:20px 0;padding:20px}.back-button,.back-to-overview-btn{align-items:center;background-color:#6c757d;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:.9em;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.back-button:hover,.back-to-overview-btn:hover{background-color:#565e64;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.back-icon,.skip-icon{font-size:.85em;margin-right:0}.back-button-wrapper{padding:20px 0 10px;position:relative;width:100%;z-index:100}.back-button-wrapper .back-button{margin-left:20px;position:static;z-index:100}.detail-view-header h2{color:#036;font-size:1.4em;margin:0}.save-item-btn{background-color:#036;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9em;font-weight:600;padding:10px 20px;transition:background-color .2s ease}.save-item-btn:hover{background-color:#024}.save-item-btn:disabled{background-color:#6c757d;cursor:not-allowed}.detail-edit-view,.overview-cards-list{margin:20px auto 0;max-width:1200px;padding:0 20px}.sorting-controls{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:20px}.sorting-controls h3{color:#333;font-size:1.1em;margin:0 0 15px}.sort-buttons{display:flex;flex-wrap:wrap;gap:10px}.sort-btn{align-items:center;background-color:#e9ecef;border:1px solid #ced4da;border-radius:4px;color:#495057;cursor:pointer;display:flex;font-size:.9em;gap:5px;margin:0;padding:8px 16px;transition:all .2s ease}.sort-btn:hover{background-color:#036;border-color:#036;color:#fff}.sort-btn:active{background-color:#024;border-color:#024}.no-data-message{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#666;font-size:1.1em;padding:40px 20px;text-align:center}.google-pagination-container{align-items:center;display:flex;justify-content:center;margin:20px 0;padding:30px 20px}.google-pagination{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:50px;box-shadow:0 2px 10px #00000014;display:flex;gap:8px;padding:8px}.pagination-nav-btn{align-items:center;background-color:#fff;border:none;border-radius:24px;color:#036;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.pagination-nav-btn:hover:not(:disabled){background-color:#f0f4f8;color:#024}.pagination-nav-btn:disabled{color:#bbb;cursor:not-allowed;opacity:.5}.pagination-nav-btn svg{flex-shrink:0}.pagination-numbers{gap:4px}.pagination-numbers,.pagination-page-btn{align-items:center;display:flex;padding:0 8px}.pagination-page-btn{background-color:#fff;border:none;border-radius:50%;color:#5f6368;cursor:pointer;font-size:14px;font-weight:500;height:40px;justify-content:center;min-width:40px;transition:all .2s ease}.pagination-page-btn:hover{background-color:#f0f4f8;color:#036}.pagination-page-btn.active{background-color:#036;box-shadow:0 2px 8px #0033664d;color:#fff;font-weight:600}.pagination-page-btn.active:hover{background-color:#024}.pagination-ellipsis{align-items:center;color:#5f6368;display:flex;font-size:14px;padding:0 8px;-webkit-user-select:none;user-select:none}@media (max-width:1024px){.google-pagination-container{padding:25px 16px}.google-pagination{gap:6px;padding:6px}.pagination-nav-btn{font-size:13px;padding:9px 14px}.pagination-page-btn{font-size:13px;height:38px;min-width:38px}}@media (max-width:768px){.google-pagination-container{margin:16px 0;padding:20px 12px}.google-pagination{border-radius:40px;box-shadow:0 2px 8px #0000001a;gap:4px;padding:6px}.pagination-nav-btn{font-size:13px;gap:4px;padding:8px 12px}.pagination-nav-btn span{display:inline}.pagination-numbers{gap:2px;padding:0 4px}.pagination-page-btn{font-size:13px;height:36px;min-width:36px}.pagination-ellipsis{font-size:13px;padding:0 4px}}@media (max-width:480px){.google-pagination-container{padding:16px 8px}.google-pagination{border-radius:32px;flex-wrap:nowrap;gap:3px;padding:5px}.pagination-nav-btn{font-size:12px;min-width:32px;padding:7px 10px}.pagination-nav-btn span{display:none}.pagination-nav-btn svg{margin:0}.pagination-numbers{gap:2px;padding:0 2px}.pagination-page-btn{font-size:12px;height:32px;min-width:32px;padding:0 4px}.pagination-ellipsis{font-size:12px;padding:0 2px}}@media (max-width:768px){.contacts-table-actions .export-btn,.export-actions .export-btn{background-color:#036!important;color:#fff!important}.contacts-table-actions .export-btn:hover,.export-actions .export-btn:hover{background-color:#024!important}.export-actions .export-btn:disabled{background-color:#6c757d!important;opacity:.7!important}.inventory-table-wrapper{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 8px 40px;overflow:visible}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.inventory-table table{font-size:13px;margin-top:0;min-width:960px;width:-webkit-max-content;width:max-content}.inventory-table td,.inventory-table th{display:table-cell!important;padding:12px 8px;vertical-align:top;white-space:nowrap}.inventory-table th{font-size:12px;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.inventory-table td:nth-child(2),.inventory-table th:nth-child(2){min-width:120px}.inventory-table td:nth-child(3),.inventory-table th:nth-child(3){min-width:110px}.inventory-table .contacts-table-actions{align-items:center;display:flex;flex-direction:column;gap:4px}.inventory-table .contacts-table-actions button{border-radius:4px;font-size:11px;min-width:auto;padding:6px 8px}.contacts-tags-mobile{display:flex;flex-wrap:wrap;gap:2px;max-width:100px}.contacts-tags-mobile span{border-radius:8px!important;font-size:10px!important;padding:2px 4px!important}}@media (max-width:480px){.inventory-table table{font-size:12px}.inventory-table td,.inventory-table th{padding:8px 4px}.inventory-table td:nth-child(6),.inventory-table td:nth-child(7),.inventory-table th:nth-child(6),.inventory-table th:nth-child(7){display:none}}@media (min-width:769px) and (max-width:1024px){.inventory-table-wrapper{margin:0 20px 50px}.inventory-table td,.inventory-table th{font-size:14px;padding:14px 10px}.contacts-table-actions button{font-size:12px;padding:8px 10px}}.contact-tag{border:1px solid;border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin:2px;min-width:50px;padding:4px 8px;text-align:center;text-transform:uppercase;transition:all .2s ease}.contact-tag.light-bg{background-color:#fff;border-color:#333;color:#333}.contact-tag.dark-bg{background-color:#333;border-color:#333;color:#fff}.tag-assignment-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e1e5e9;border-radius:12px;min-height:80px;padding:16px}.tag-assignment-grid{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.tag-toggle-btn{background:#fff;border:2px solid;border-radius:20px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.tag-toggle-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.tag-toggle-btn.assigned{box-shadow:0 4px 12px #0003;transform:scale(1.02)}.tag-toggle-btn.assigned:after{content:" ✓";font-weight:700}.no-tags-message{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;font-style:italic;padding:20px;text-align:center}.contact-edit-section{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;padding:20px}.contact-edit-section h4{align-items:center;color:#036;display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:16px}.contact-edit-section h4:before{content:"🏷️";font-size:18px}.contacts-modal .form-group{margin-bottom:20px}.contacts-modal .form-group label{color:#036;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.contacts-modal .form-input{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.contacts-modal .form-input:focus{border-color:#036;box-shadow:0 0 0 3px #0033661a;outline:none;transform:translateY(-1px)}.contacts-modal .modal-actions{border-top:1px solid #e1e5e9;margin-top:30px;padding-top:20px}.tag-loading{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#036;display:inline-block;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.tag-assignment-container{min-height:60px;padding:12px}.tag-toggle-btn{font-size:12px;padding:6px 12px}.contact-edit-section{margin-bottom:16px;padding:16px}.contact-edit-section h4{font-size:15px}}.wpb{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px 20px 60px}.wpb__header{margin-bottom:30px;max-width:1400px;position:relative;width:100%}.wpb__header .back-btn{margin-bottom:20px}.wpb__title{margin-top:0}.wpb__hint,.wpb__title{text-align:center}.wpb__container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;max-width:1400px;overflow:visible;width:100%}.wpb__card,.wpb__container{max-height:calc(100vh - 200px)}.wpb__card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;padding:30px}.wpb__card,.wpb__card--form,.wpb__card--gallery{overflow-y:auto}.wpb__section-title{border-bottom:2px solid #e9ecef;color:#036;font-size:1.3rem;font-weight:700;margin:0 0 25px;padding-bottom:15px}.wpb__field{margin-bottom:25px}.wpb__label{color:#036;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.wpb__label .required{color:#dc3545;margin-left:4px}.wpb__input,.wpb__textarea{background-color:#fff;border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;color:#333;font-family:inherit;font-size:14px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.wpb__textarea{line-height:1.5;min-height:100px;resize:vertical}.wpb__input:focus,.wpb__textarea:focus{border-color:#036;box-shadow:0 0 0 3px #0033661a;outline:none}.wpb__input::placeholder,.wpb__textarea::placeholder{color:#999}.wpb__help{color:#666;font-size:12px;line-height:1.4;margin-top:6px}.wpb__file-wrapper{position:relative}.wpb__file{display:none}.wpb__file-label{align-items:center;background:linear-gradient(135deg,#036,#004080);border:none;border-radius:8px;box-shadow:0 2px 8px #0363;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.wpb__file-label:hover{background:linear-gradient(135deg,#024,#036);box-shadow:0 4px 12px #0033664d;transform:translateY(-2px)}.wpb__file-label:active{transform:translateY(0)}.wpb__file-label svg{height:20px;width:20px}.wpb__preview-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:15px}.wpb__preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.wpb__preview-title{color:#036;font-size:14px;font-weight:600}.wpb__preview-note{color:#666;font-size:12px;font-style:italic}.wpb__gallery{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:10px 0}.wpb__gallery--new{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.wpb__gallery--server{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.wpb__upload-box{align-items:center;aspect-ratio:4/3;background:#f0f4f8;border:2px dashed #036;border-radius:10px;color:#036;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;position:relative;transition:all .3s ease}.wpb__upload-box:hover{background:#e3f2fd;border-color:#024;box-shadow:0 4px 12px #00336626;transform:scale(1.02)}.wpb__upload-box svg{stroke-width:2.5;opacity:.8}.wpb__upload-box span{font-size:13px;font-weight:600;letter-spacing:.3px}.wpb__thumb{aspect-ratio:4/3;background:#e9eef5;border-radius:10px;cursor:grab;overflow:hidden;position:relative;transition:all .2s ease}.wpb__thumb:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.02)}.wpb__thumb.is-dragging{cursor:grabbing;opacity:.5;transform:scale(.95)}.wpb__thumb img{display:block;height:100%;object-fit:cover;width:100%}.wpb__thumb--new{border:2px solid #28a745;cursor:default}.wpb__thumb-badge{background:#28a745;border-radius:4px;font-size:11px;left:8px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.wpb__thumb-badge,.wpb__thumb-delete,.wpb__thumb-remove{color:#fff;font-weight:700;position:absolute;top:8px;z-index:10}.wpb__thumb-delete,.wpb__thumb-remove{align-items:center;background:#dc3545e6;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;line-height:1;right:8px;transition:all .2s ease;width:28px}.wpb__thumb-delete:hover,.wpb__thumb-remove:hover{background:#dc3545;transform:scale(1.1)}.wpb__thumb-overlay{background:linear-gradient(180deg,#0000004d 0,#0000 40%,#0000 60%,#0000004d);bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease}.wpb__thumb:hover .wpb__thumb-overlay{opacity:1}.wpb__thumb-overlay>*{pointer-events:auto}.wpb__thumb-handle{background:#000000b3;border-radius:12px;bottom:8px;color:#fff;cursor:grab;font-size:16px;left:50%;letter-spacing:2px;padding:4px 12px;position:absolute;transform:translateX(-50%);-webkit-user-select:none;user-select:none}.wpb__thumb:active .wpb__thumb-handle{cursor:grabbing}.wpb__gallery-tip{align-items:center;background:#e3f2fd;border-left:4px solid #036;border-radius:4px;color:#555;display:flex;font-size:13px;gap:8px;margin-bottom:15px;padding:12px 16px}.wpb__gallery-tip svg{color:#036;flex-shrink:0}.wpb__empty{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.wpb__empty svg{color:#ccc;margin-bottom:20px}.wpb__empty p{color:#666;font-size:1.1rem;font-weight:600;margin:0 0 8px}.wpb__empty span{color:#999;font-size:14px}.wpb__reorder-banner{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;color:#856404;display:flex;gap:15px;justify-content:space-between;margin-top:15px;padding:12px 16px}.wpb__message,.wpb__reorder-banner{border-radius:8px;font-size:14px;font-weight:500}.wpb__message{margin:20px 0;padding:14px 18px}.wpb__message--success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.wpb__message--error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.wpb__actions{display:flex;gap:12px;margin-top:25px}.wpb__btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:14px 28px;text-transform:uppercase;transition:all .3s ease}.wpb__btn--primary{background:linear-gradient(135deg,#036,#004080);box-shadow:0 4px 12px #0363;color:#fff}.wpb__btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#024,#036);box-shadow:0 6px 16px #0033664d;transform:translateY(-2px)}.wpb__btn--primary:active:not(:disabled){transform:translateY(0)}.wpb__btn--primary:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.wpb__btn--secondary{background:#f8f9fa;border:2px solid #036;color:#036}.wpb__btn--secondary:hover{background:#036;color:#fff;transform:translateY(-1px)}@media (max-width:1200px){.wpb__container{grid-template-columns:1fr;max-height:none}.wpb__card{max-height:none;overflow-y:visible}}@media (max-width:768px){.wpb{padding:15px}.wpb__title{font-size:1.5rem}.wpb__hint{font-size:.9rem}.wpb__card{padding:20px}.wpb__section-title{font-size:1.1rem}.wpb__gallery{gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.wpb__gallery--server{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.wpb__reorder-banner{align-items:stretch;flex-direction:column}.wpb__reorder-banner button{width:100%}.wpb__actions{flex-direction:column}.wpb__btn{width:100%}}@media (max-width:480px){.wpb__gallery,.wpb__gallery--server{grid-template-columns:repeat(2,1fr)}.wpb__file-label{justify-content:center;width:100%}}.wpb__card--preview{max-height:calc(100vh - 40px);position:-webkit-sticky;position:sticky;top:20px}.wpb__preview-subtitle{color:#666;font-size:13px;margin:-15px 0 20px}.wpb__preview-frame{background:linear-gradient(180deg,#f7f3ee,#f4efe9 30%,#f2ece5 60%,#efe7df);border:2px solid #e1e5e9;border-radius:12px;max-height:calc(100vh - 220px);overflow-y:auto}.wpb__preview-content{min-height:400px}.wpb__preview-gallery{background:#f9f5f0;height:180px;overflow:hidden;width:100%}.wpb__preview-photo{height:100%;object-fit:cover;width:100%}.wpb__preview-header{background:linear-gradient(180deg,#f1e6d8,#eadfcc);border-bottom:1px solid #78583c14;padding:20px 16px;text-align:center}.wpb__preview-logo-box{align-items:center;background:#ffffff8c;border:1px solid #78583c1f;border-radius:8px;display:flex;height:60px;justify-content:center;margin:0 auto 10px;width:80px}.wpb__preview-logo-placeholder{color:#7b6759;font-size:11px;font-weight:600}.wpb__preview-title{color:#6b4f3a;font-size:18px;font-weight:800;margin:8px 0 4px}.wpb__preview-subtitle-text{color:#7b6759;font-size:12px;line-height:1.4;margin:0}.wpb__preview-cards{display:flex;flex-direction:column;gap:12px;padding:16px}.wpb__preview-card{background:#fff;border:1px solid #78583c1a;border-radius:8px;padding:12px}.wpb__preview-card h3{color:#6b4f3a;font-size:14px;font-weight:800;margin:0 0 6px}.wpb__preview-card p{color:#5f5147;font-size:12px;line-height:1.5;margin:0}.wpb__preview-card--signup{background:#fff}.wpb__preview-input{background:#fff;border:1.5px solid #dccfc2;border-radius:6px;color:#999;font-size:11px;margin:10px 0;padding:8px 10px}.wpb__preview-checkbox{background:#faf6f1;border:1px solid #78583c14;border-radius:6px;color:#5f5147;font-size:10px;margin:10px 0;padding:8px}.wpb__preview-button{background:linear-gradient(180deg,#c9a27b,#b9916a);border-radius:6px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.3px;margin-top:10px;padding:10px;text-align:center}.wpb__photo-count{color:#036;font-weight:600}@media (max-width:1200px){.wpb__preview-frame{max-height:600px}.wpb__card--preview{max-height:none;position:relative}}@media (max-width:768px){.wpb{padding-bottom:72px}}.subscription-page{font-family:inherit;padding:60px 20px;text-align:center}.subscribe-button{background-color:#036;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 24px;transition:background-color .3s ease}.subscribe-button:hover{background-color:#024}.qr-welcome-page{background:#f5f5f5;display:flex;flex-direction:column;margin:0;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:env(safe-area-inset-left,0) env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0);position:relative;width:100%}@media (max-width:820px){.qr-welcome-page{-webkit-overflow-scrolling:touch;height:auto;min-height:100vh;overflow-x:hidden}}.qr-hero{background:linear-gradient(180deg,#f1e6d8,#eadfcc);border-bottom:1px solid #78583c14;border-radius:12px 12px 0 0;margin-left:20px;margin-right:20px;margin-top:20px;padding:28px 16px 36px}@media (max-width:820px){.qr-hero{margin-left:12px;margin-right:12px;margin-top:20px;padding:12px 16px 16px}}.qr-hero-inner{margin:0 auto;max-width:1180px;text-align:center}.qr-logo-wrap{align-items:center;background:#0000;border:none;border-radius:14px;display:flex;justify-content:center;margin:0 auto 12px;min-height:84px;width:min(360px,80vw)}@media (max-width:820px){.qr-logo-wrap{margin-bottom:6px;min-height:48px}}.qr-logo{display:block;max-height:72px;object-fit:contain;opacity:0;transition:opacity .25s ease;width:auto}@media (max-width:820px){.qr-logo{max-height:44px}}.qr-logo.is-loaded{opacity:1}.qr-logo-skel{background:#fff6;border-radius:10px;height:64px;width:180px}.qr-title{color:#6b4f3a;font-size:clamp(20px,3.5vw,28px);font-weight:800;margin:10px 0 6px}@media (max-width:820px){.qr-title{font-size:20px;margin:4px 0 3px}}.qr-subtitle{color:#7b6759;font-size:14.5px;line-height:1.5;margin:0 auto;max-width:720px}@media (max-width:820px){.qr-subtitle{font-size:12px;line-height:1.3;margin-bottom:0}}.qr-gallery-wrap{background:#f9f5f0;border-bottom:1px solid #78583c0f;border-top:1px solid #78583c0f;margin-left:20px;margin-right:20px}.qr-gallery-inner{margin:0 auto;max-width:1180px;padding:16px}@media (max-width:820px){.qr-welcome-page{display:flex;flex-direction:column}.qr-gallery-wrap{background:#0000;border-top:none;margin-left:12px;margin-right:12px;margin-top:20px;order:0;padding-top:0}.qr-gallery-inner{margin:0;max-width:100%;padding:0}.qr-gallery-item{padding:0}.qr-gallery-item img{border:none;border-radius:12px 12px 0 0;height:200px;object-fit:cover;width:100%}.qr-gallery-indicators{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;border-radius:20px;bottom:16px;left:50%;margin:0;padding:8px 12px;position:absolute;transform:translateX(-50%)}.qr-hero{border-radius:0;margin-top:0;order:1}.qr-main{order:3}.qr-footer,.qr-main{margin-left:12px;margin-right:12px}.qr-footer{margin-bottom:20px;order:4}}.qr-gallery-carousel{overflow:hidden;position:relative;width:100%}.qr-gallery-item,.qr-gallery-track{display:flex;width:100%}.qr-gallery-item{align-items:center;flex:0 0 100%;justify-content:center;min-width:100%;padding:0 8px;position:relative}.qr-gallery-item img{border:1px solid #78583c1a;border-radius:10px;height:160px;object-fit:cover;width:100%}@media (min-width:821px){.qr-gallery-item{flex:0 0 33.333%;min-width:33.333%;width:33.333%}}.qr-gallery-indicators{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:12px;padding-bottom:4px}.qr-gallery-indicator{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .3s ease;width:8px}.qr-gallery-indicator:hover{background:#ffffffb3;transform:scale(1.2)}.qr-gallery-indicator.active{background:#fff;border-radius:4px;width:24px}@media (min-width:821px){.qr-gallery-indicator{background:#78583c4d}.qr-gallery-indicator:hover{background:#78583c80}.qr-gallery-indicator.active{background:#78583ccc}.qr-gallery-indicators{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;padding:0}}.qr-main{background:linear-gradient(180deg,#f9f5f0,#f7f3ee);margin-left:20px;margin-right:20px}.qr-main-inner{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 380px;margin:0 auto;max-width:1180px;padding:24px 16px 40px}.qr-card{background:#fff;border:1px solid #78583c1a;border-radius:12px;padding:18px 16px}.qr-card h2{color:#6b4f3a;font-size:18px;font-weight:800;margin:0 0 8px}.qr-card p{color:#5f5147;line-height:1.65;margin:0 0 10px}.qr-card em{background:#faf6f1;border-left:3px solid #c9a27b;border-radius:6px;color:#5f5147;display:block;font-style:normal;margin-top:8px;padding:10px 12px}.qr-info-col{display:flex;flex-direction:column;gap:16px;min-width:0}.qr-signup-col{min-width:0;position:-webkit-sticky;position:sticky;top:16px}.qr-signup{background:#fff;border:1px solid #78583c1a;border-radius:14px;padding:20px 18px}.qr-signup h2{color:#6b4f3a;font-size:20px;font-weight:900;margin:0 0 6px;text-align:center}.qr-signup-sub{color:#746355;font-size:14px;margin:0 0 14px;text-align:center}.qr-field{margin-bottom:14px}.qr-field label{color:#7a5d47;display:block;font-size:13px;font-weight:700;margin-bottom:6px}.qr-field input[type=tel]{background:#fff;border:1.5px solid #dccfc2;border-radius:10px;font-size:16px;padding:12px 14px;width:100%}.qr-field input[type=tel]:focus{border-color:#c9a27b;box-shadow:0 0 0 3px #c9a27b33;outline:none}.qr-consent{align-items:flex-start;background:#faf6f1;border:1px solid #78583c14;border-radius:10px;color:#5f5147;display:flex;gap:10px;margin-bottom:14px;padding:10px}.qr-consent input{height:18px;margin-top:2px;width:18px}.qr-cta{background:linear-gradient(180deg,#c9a27b,#b9916a);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:800;letter-spacing:.2px;padding:13px 14px;width:100%}.qr-cta:disabled{background:#d8d1ca;cursor:not-allowed}.qr-msg{border-radius:10px;font-size:14px;margin-bottom:12px;padding:12px}.qr-msg.ok{background:#e7f5ec;border:1px solid #c8ead5;color:#275b39}.qr-msg.err{background:#fae9e9;border:1px solid #f1caca;color:#7c2828}.qr-footer{background:#f7f3ee;border-radius:0 0 12px 12px;border-top:1px solid #78583c0f;margin-bottom:20px;margin-left:20px;margin-right:20px;padding:20px 16px 28px;text-align:center}.qr-footer p{align-items:center;color:#7b6759;display:flex;font-size:13px;gap:6px;justify-content:center;margin:0}.qr-footer-logo{height:28px;object-fit:contain;vertical-align:middle;width:auto}.qr-brand{color:#036;font-weight:800;letter-spacing:.5px}@media (max-width:1024px){.qr-main-inner{gap:16px;grid-template-columns:1fr}.qr-signup-col{order:-1;position:static}}@media (max-width:820px){.qr-main-inner{padding:12px 16px 28px}.qr-signup-col{margin-bottom:12px}}@media (max-width:768px){.qr-hero{padding:22px 12px 28px}.qr-gallery-inner{padding:12px}.qr-gallery img{height:140px}.qr-main-inner{padding:18px 12px 28px}.qr-card,.qr-signup{padding:16px 14px}}@media (max-width:820px){.qr-signup h2{font-size:18px;margin-bottom:4px}.qr-signup-sub{font-size:12px}.qr-consent,.qr-field,.qr-signup-sub{margin-bottom:10px}.qr-consent{font-size:11px;padding:8px}.qr-cta{font-size:15px;padding:11px 12px}}.qr-card,.qr-footer,.qr-gallery-wrap,.qr-main,.qr-signup{overflow:visible}.treasure-overlay{align-items:center;animation:treasure-bg-glow 3s ease-in-out infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(135deg,#1a1410,#2d2318 50%,#1a1410);bottom:0;cursor:pointer;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100vw;will-change:opacity;z-index:9999}.treasure-box.scroll-unfolding~.treasure-overlay,.treasure-overlay.animating{animation:overlay-fade-out 2.5s ease-out forwards;animation-delay:1s}@keyframes overlay-fade-out{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes treasure-bg-glow{0%,to{background:linear-gradient(135deg,#1a1410,#2d2318 50%,#1a1410)}50%{background:linear-gradient(135deg,#2d2318,#3d3120 50%,#2d2318)}}.treasure-instruction{animation:treasure-instruction-glow 2s ease-in-out infinite;color:#d4af37;font-family:Georgia,serif;font-size:22px;font-weight:700;letter-spacing:1px;padding:0 20px;position:absolute;text-align:center;text-shadow:0 0 10px #d4af3780,0 0 20px #d4af374d,2px 2px 4px #000c;top:20%}@keyframes treasure-instruction-glow{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:1;text-shadow:0 0 15px #d4af37cc,0 0 30px #d4af3780,2px 2px 4px #000c;transform:translateY(-5px)}}.treasure-box{animation:treasure-box-float 3s ease-in-out infinite,treasure-box-entrance 1s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;filter:drop-shadow(0 20px 40px rgba(0,0,0,.8));height:220px;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0);width:280px;will-change:transform,opacity}@keyframes treasure-box-entrance{0%{opacity:0;transform:scale(.3) translateY(-100px)}60%{transform:scale(1.1) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes treasure-box-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-15px) rotate(1deg)}}.treasure-box-body{bottom:0;height:140px;left:50%;position:absolute;transform:translateX(-50%);width:240px}.box-front{background:linear-gradient(180deg,#8b4513,#654321 50%,#3d2817);border:4px solid #5d3a1a;border-radius:8px;box-shadow:inset 0 -10px 20px #00000080,inset 0 10px 10px #8b45134d;height:100%;position:relative;width:100%}.box-front:before{background:repeating-linear-gradient(90deg,#0000,#0000 3px,#0000001a 0,#0000001a 6px);border-radius:4px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.lock-detail{background:linear-gradient(180deg,gold,#daa520 50%,#b8860b);border:3px solid #8b7500;border-radius:8px 8px 12px 12px;box-shadow:0 4px 8px #0009,inset 0 2px 4px #ffffff4d;height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.lock-detail:before{background:#3d2817;border-radius:50%;box-shadow:inset 0 2px 4px #000c;height:12px;top:15px;width:12px}.lock-detail:after,.lock-detail:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.lock-detail:after{background:linear-gradient(180deg,#3d2817,#2d2010);border-radius:2px;bottom:8px;height:15px;width:6px}.hinge{background:linear-gradient(90deg,silver,grey 50%,#a9a9a9);border:2px solid #696969;border-radius:4px;box-shadow:inset 0 2px 4px #fff6,0 2px 6px #00000080;height:15px;width:30px}.hinge,.hinge:after,.hinge:before{position:absolute;top:50%;transform:translateY(-50%)}.hinge:after,.hinge:before{background:#4a4a4a;border-radius:50%;box-shadow:inset 0 1px 2px #0009;content:"";height:6px;width:6px}.hinge:before{left:4px}.hinge:after{right:4px}.hinge-left{left:-15px}.hinge-right{right:-15px}.treasure-box-lid{height:80px;left:50%;position:absolute;top:0;transform:translateX(-50%);transform-origin:bottom center;width:240px;z-index:2}.lid-top{background:linear-gradient(180deg,#654321,#8b4513 50%,#654321);border:4px solid #5d3a1a;border-radius:12px 12px 0 0;box-shadow:inset 0 5px 10px #8b451366,0 -5px 15px #00000080;height:100%;position:relative;width:100%}.lid-top:before{background:repeating-linear-gradient(90deg,#0000,#0000 3px,#0000001a 0,#0000001a 6px);border-radius:8px 8px 0 0;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.lid-detail{background:linear-gradient(90deg,gold,orange 50%,gold);border:2px solid #daa520;border-radius:4px;box-shadow:0 2px 6px #0006,inset 0 1px 3px #ffffff80;height:12px;left:10%;right:10%}.lid-detail,.lid-detail:after,.lid-detail:before{position:absolute;top:50%;transform:translateY(-50%)}.lid-detail:after,.lid-detail:before{background:linear-gradient(135deg,gold,#daa520);border:2px solid #b8860b;border-radius:50%;box-shadow:0 2px 4px #00000080,inset 0 1px 2px #ffffff80;content:"";height:20px;width:20px}.lid-detail:before{left:-10px}.lid-detail:after{right:-10px}.treasure-overlay:active .treasure-box{animation:treasure-box-click .3s ease-out}@keyframes treasure-box-click{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.treasure-box-lid.opening{animation:lid-open 1s cubic-bezier(.68,-.55,.27,1.55) forwards;transform-origin:bottom center}@keyframes lid-open{0%{transform:translateX(-50%) rotateX(0deg)}60%{transform:translateX(-50%) rotateX(-120deg) translateY(-20px)}to{transform:translateX(-50%) rotateX(-110deg) translateY(-15px)}}.treasure-box.opening .box-front,.treasure-box.scroll-emerging .box-front,.treasure-box.scroll-unfolding .box-front{animation:box-glow 2s ease-in-out infinite;box-shadow:inset 0 -10px 20px #00000080,inset 0 10px 10px #8b45134d,0 0 30px #ffd70066,inset 0 0 40px #ffd70033}@keyframes box-glow{0%,to{box-shadow:inset 0 -10px 20px #00000080,inset 0 10px 10px #8b45134d,0 0 30px #ffd70066,inset 0 0 40px #ffd70033}50%{box-shadow:inset 0 -10px 20px #00000080,inset 0 10px 10px #8b45134d,0 0 50px #ffd70099,inset 0 0 60px #ffd7004d}}.treasure-overlay.animating{pointer-events:none}.golden-treasure{animation:treasure-emerge .5s ease-out forwards;bottom:30px;height:120px;left:50%;position:absolute;transform:translateX(-50%);transform-origin:bottom center;width:120px;z-index:10}@keyframes treasure-emerge{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(0)}50%{opacity:1}to{opacity:1;transform:translateX(-50%) translateY(-100px) scale(1)}}.treasure-glow{animation:glow-pulse 2s ease-in-out infinite;background:radial-gradient(circle,#ffd70099 0,#ffd7004d 30%,#ffa50033 50%,#0000 70%);border-radius:50%;filter:blur(15px);height:150px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px}@keyframes glow-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.golden-coin{animation:coin-float 3s ease-in-out infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:120px;margin:0 auto;perspective:1000px;position:relative;width:120px;will-change:transform}@keyframes coin-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.coin-face{animation:coin-spin 4s linear infinite;background:radial-gradient(circle at 30% 30%,#fff8dc 0,gold 20%,orange 40%,#daa520 60%,#b8860b 80%,#8b6914 100%);border-radius:50%;box-shadow:0 10px 30px #0009,inset -5px -5px 15px #8b691480,inset 5px 5px 15px #fff8dc80,0 0 50px #ffd700cc;height:120px;position:absolute;transform-style:preserve-3d;width:120px}@keyframes coin-spin{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.coin-outer-ring{border:4px solid #b8860b;border-radius:50%;bottom:8px;box-shadow:inset 0 2px 5px #fff9,inset 0 -2px 5px #0006,0 0 10px #b8860b80;left:8px;position:absolute;right:8px;top:8px}.coin-outer-ring:before{background:repeating-conic-gradient(from 0deg,#daa520 0deg 3deg,#b8860b 3deg 6deg);border-radius:50%;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px;z-index:-1}.coin-inner-circle{align-items:center;background:radial-gradient(circle,#fff8dc 0,#ffe4b5 30%,gold 60%,#daa520 100%);border:2px solid #b8860b;border-radius:50%;box-shadow:inset 0 3px 10px #ffffffb3,inset 0 -3px 10px #0000004d,0 2px 8px #0000004d;display:flex;height:70px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:70px}.coin-logo{border-radius:50%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));max-height:50px;max-width:50px;object-fit:contain}.coin-shine{animation:shine-pulse 2s ease-in-out infinite;background:radial-gradient(circle,#fff9 0,#ffffff4d 30%,#0000 70%);border-radius:50%;filter:blur(8px);height:40%;left:15%;position:absolute;top:10%;width:40%}@keyframes shine-pulse{0%,to{opacity:.6}50%{opacity:1}}.golden-treasure.expanding{animation:treasure-expand 2.5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes treasure-expand{0%{opacity:1;transform:translateX(-50%) translateY(-100px) scale(1)}30%{opacity:1;transform:translateX(-50%) translateY(-150px) scale(1.5)}60%{opacity:.8;transform:translateX(-50%) translateY(-300px) scale(3)}to{opacity:0;transform:translateX(-50%) translateY(-50vh) scale(20)}}.parchment-scroll-animation{animation:page-reveal 1.5s ease-out forwards;opacity:1!important;position:relative;transform:scale(1)!important;transform-origin:center center}@keyframes page-reveal{0%{opacity:0;transform:scale(.95)}50%{opacity:.5;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@media (max-width:820px){.parchment-scroll-animation{animation:page-reveal 1.5s ease-out forwards;max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.parchment-scroll-animation *{max-width:100%}.parchment-scroll-animation .qr-gallery-inner,.parchment-scroll-animation .qr-hero-inner,.parchment-scroll-animation .qr-main-inner{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}@keyframes golden-glow-pulse{0%,to{box-shadow:0 0 40px #ffd70033,inset 0 0 30px #ffd7000d}50%{box-shadow:0 0 60px #ffd7004d,inset 0 0 40px #ffd7001a}}@media (prefers-reduced-motion:reduce){.treasure-overlay{animation:none}.treasure-box{animation:treasure-box-entrance 1s ease-out}.coin-face,.coin-shine,.golden-coin,.treasure-glow{animation:none}.parchment-scroll-animation{animation:page-reveal-simple 1s ease-out forwards!important}@keyframes page-reveal-simple{0%{opacity:0}to{opacity:1}}}@supports (-webkit-touch-callout:none) and (not (translate:none)){.coin-face,.golden-coin,.treasure-box{animation-duration:2s}.treasure-overlay{animation:none;background:#1a1410}}.qr-gallery-carousel{touch-action:pan-y}.qr-gallery-carousel,.qr-gallery-item,.qr-gallery-item img,.qr-gallery-track{-webkit-user-drag:none;touch-action:pan-y;-webkit-user-select:none;user-select:none}.qr-gallery-indicators button{touch-action:manipulation}.qr-card p{white-space:pre-line}.coupon.container{box-sizing:border-box;margin:0 auto;max-width:920px;padding:16px}.brand{display:block;height:auto;margin:0 auto 16px;max-height:80px;max-width:120px;object-fit:contain;width:auto}.page-header{text-align:center}.page-title{margin:8px 0 16px}.ticket-list{grid-gap:18px;gap:18px;list-style:none;margin:16px 0}.ticket,.ticket-list{display:grid;padding:0}.ticket{grid-gap:0;align-items:stretch;background:#fff;border:1px solid #cbd5e1;border-radius:16px;box-shadow:0 10px 24px #0206170f;gap:0;grid-template-columns:.95fr 1.65fr;overflow:hidden;position:relative}.ticket,.ticket-left,.ticket-right{min-width:0}.notch{background:#f8fafc;border-radius:50%;box-shadow:inset 0 0 0 1px #e2e8f0;height:26px;position:absolute;top:50%;transform:translateY(-50%);width:26px;z-index:2}.notch-left{left:-13px}.notch-right{right:-13px}.ticket-divider{border-left:2px dashed #d1d5db;bottom:12px;opacity:.9;position:absolute;top:12px;width:0;z-index:1}.ticket-left{align-content:center;background:#fffdf7;box-sizing:border-box;justify-items:center;padding:18px 16px}.promo-label{color:#64748b;font-size:12px;font-weight:800;letter-spacing:1.5px;margin-bottom:8px}.promo-code{background:#fff;border:2px dashed #cbd5e1;border-radius:12px;font-size:clamp(18px,4.6vw,22px);font-weight:900;letter-spacing:3px;min-width:160px;padding:10px 14px;text-align:center}.ticket-right{grid-gap:8px;box-sizing:border-box;display:grid;gap:8px;padding:18px 20px}.ticket-title{color:#0b1b33;font-size:clamp(20px,4.8vw,28px)}.ticket-sub{color:#3b82f6;font-weight:700;margin:0 0 4px}.ticket-expiry{color:#0f766e;font-weight:800;margin-top:4px}.ticket-fine{color:#64748b;font-size:12px;margin-top:4px}.note{color:#b45309;font-size:12px;margin-top:10px}@media (max-width:480px){.ticket{grid-template-columns:1fr}.notch-left,.notch-right,.ticket-divider{display:none}.ticket-left{border-bottom:2px dashed #d1d5db}}.coupon.container{max-width:640px}.ticket-list{gap:8px}.ticket{border-radius:10px;box-shadow:0 4px 10px #0206170d;grid-template-columns:.85fr 1.4fr}.ticket-divider{bottom:6px;left:36.5%;top:6px}.notch{height:14px;width:14px}.notch-left{left:-7px}.notch-right{right:-7px}.ticket-left{padding:8px 10px}.promo-label{font-size:10px;letter-spacing:1px;margin-bottom:2px}.promo-code{border-radius:8px;font-size:14px;letter-spacing:2px;min-width:110px;padding:6px 8px}.ticket-right{gap:4px;padding:8px 10px}.ticket-title{font-size:18px;font-weight:900;line-height:1.15;margin:0}.ticket-sub{font-size:14px;line-height:1.2;margin:0}.ticket-expiry{font-size:13px;line-height:1.2;margin-top:0}.ticket-fine{font-size:10.5px;line-height:1.25;margin-top:0}@media (max-width:480px){.ticket{grid-template-columns:1fr}.notch-left,.notch-right,.ticket-divider{display:none}.ticket-left{border-bottom:2px dashed #d1d5db;padding:8px}.ticket-right{padding:8px}}.ticket{--tile:120px;--sidepad:14px;--left-col:calc(var(--tile) + var(--sidepad)*2);grid-template-columns:var(--left-col) 1fr}.ticket-divider{left:var(--left-col)}.ticket-left{background:#eaf3ff;display:grid;padding:var(--sidepad);place-items:center}.logo-tile{background:#0000;border-radius:16px;box-shadow:none;display:grid;height:var(--tile);overflow:hidden;place-items:center;width:var(--tile)}.ticket-logo{border-radius:0;height:100%;object-fit:cover;width:100%}.ticket-cta{display:flex;justify-content:space-between;margin-top:8px;min-width:0}.powered-by,.ticket-cta{align-items:center;gap:8px}.powered-by{display:inline-flex;opacity:.7;-webkit-user-select:none;user-select:none;white-space:nowrap}.by-text{color:#64748b;font-size:13px;font-weight:600;line-height:1}.powered-logo{height:22px;object-fit:contain;width:22px}@media (max-width:480px){.ticket-cta{gap:8px}.powered-logo{height:18px;width:18px}}.btn-redeem{background:#036;border:1px solid #036;border-radius:10px;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:30px;line-height:1;margin:0;padding:4px 12px;transition:background-color .15s ease,border-color .15s ease,transform .05s ease}.btn-redeem:hover:not(:disabled){background:#024;border-color:#024;transform:translateY(-1px)}.btn-redeem:disabled{background:#6b7280;border-color:#6b7280;color:#fff;cursor:not-allowed;opacity:.7;transform:none}.modal-backdrop{background:#0f172a66;display:grid;inset:0;place-items:center;position:fixed;z-index:1000}.modal-card{background:#fff;border-radius:14px;box-shadow:0 20px 60px #02061740;padding:18px 20px;width:min(92vw,420px)}.modal-card h3{font-size:18px;margin:0}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.btn-danger{background:#22c55e;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:8px 12px;transition:background-color .15s ease,transform .05s ease}.btn-danger:active,.btn-danger:focus,.btn-danger:hover{background:#16a34a!important;box-shadow:none;color:#fff!important;outline:none;transform:translateY(-1px)}.btn-secondary{background:#e2e8f0;border:none;border-radius:10px;color:#0f172a;cursor:pointer;padding:8px 12px;transition:background-color .15s ease,transform .05s ease}.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background:#d5dce6;background:#d5dce6!important;box-shadow:none;color:#0f172a;color:#0f172a!important;outline:none;transform:translateY(-1px)}.coupon-section{margin-bottom:32px}.section-title{border-bottom:2px solid #e2e8f0;color:#0b1b33;font-size:20px;font-weight:700;margin:0 0 12px;padding-bottom:8px}.empty{color:#64748b;font-size:14px;font-style:italic;padding:20px;text-align:center}.ticket.is-redeemed{filter:grayscale(1) brightness(.96);position:relative}.ticket.is-redeemed .ticket-left,.ticket.is-redeemed .ticket-right{opacity:.7}.ticket.is-redeemed .btn-redeem{color:#fff;cursor:not-allowed;transform:none}.ticket.is-redeemed .btn-redeem,.ticket.is-redeemed .btn-redeem:hover{background:#6b7280;border-color:#6b7280}.ticket.is-redeemed .powered-by{opacity:.55}.ticket.is-redeemed:after{align-items:center;color:#0f172a2e;content:"REDEEMED";display:flex;font-size:clamp(28px,7vw,64px);font-weight:900;inset:0;justify-content:center;letter-spacing:.35em;mix-blend-mode:multiply;pointer-events:none;position:absolute;text-transform:uppercase;transform:rotate(-18deg);z-index:3}.ticket.is-expired{filter:grayscale(.8) brightness(.92);opacity:.75;position:relative}.ticket.is-expired .ticket-left,.ticket.is-expired .ticket-right{opacity:.6}.ticket.is-expired .ticket-expiry{color:#dc2626;font-weight:800}.ticket.is-expired .btn-redeem{color:#fff;cursor:not-allowed;transform:none}.ticket.is-expired .btn-redeem,.ticket.is-expired .btn-redeem:hover{background:#9ca3af;border-color:#9ca3af}.ticket.is-expired .powered-by{opacity:.45}.ticket.is-expired:after{align-items:center;color:#dc262626;content:"EXPIRED";display:flex;font-size:clamp(28px,7vw,64px);font-weight:900;inset:0;justify-content:center;letter-spacing:.35em;mix-blend-mode:multiply;pointer-events:none;position:absolute;text-transform:uppercase;transform:rotate(-18deg);z-index:3}.ticket-redeemed-date{color:#6b7280;font-size:12px;font-style:italic;font-weight:600;margin-top:4px}
/*# sourceMappingURL=main.ce4ca64c.css.map*/