:root{--bg: #0b0d12;--card: #141824;--soft: #1b1f30;--inner: #23284a;--accent: #7cf5c8;--accent-2: #7aa7ff;--text: #f1f3f7;--muted: #9aa0b6;--radius: 24px;--success: #4ade80;--warning: #fbbf24}body.light-theme{--bg: #f5f7fa;--card: #ffffff;--soft: #f0f2f5;--inner: #e8eaed;--accent: #00a86b;--accent-2: #4a90e2;--text: #1a1a1a;--muted: #6b7280;--success: #10b981;--warning: #f59e0b}body.light-theme{background:radial-gradient(420px 260px at top,#e8f0f8,transparent),var(--bg)}*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(420px 260px at top,#1b2035,transparent),var(--bg);color:var(--text);padding:12px;overflow-x:hidden;position:relative}.app{max-width:420px;margin:auto;display:flex;flex-direction:column;gap:14px;position:relative}.card{background:linear-gradient(180deg,var(--card),#0f121c);border-radius:var(--radius);padding:18px;animation:fadeInUp .5s ease-out}.block-1{border:2px solid rgba(124,245,200,.3);background:linear-gradient(180deg,rgba(124,245,200,.08) 0%,var(--card) 50%,#0f121c 100%);box-shadow:0 4px 20px #7cf5c826}.block-2{border:2px solid rgba(122,167,255,.3);background:linear-gradient(180deg,rgba(122,167,255,.08) 0%,var(--card) 50%,#0f121c 100%);box-shadow:0 4px 20px #7aa7ff26}.block-3{border:2px solid rgba(250,191,36,.3);background:linear-gradient(180deg,rgba(250,191,36,.08) 0%,var(--card) 50%,#0f121c 100%);box-shadow:0 4px 20px #fabf2426}body.light-theme .block-1{border:2px solid rgba(0,168,107,.4);background:linear-gradient(180deg,rgba(0,168,107,.1) 0%,var(--card) 50%,#f8f9fa 100%);box-shadow:0 4px 20px #00a86b33}body.light-theme .block-2{border:2px solid rgba(74,144,226,.4);background:linear-gradient(180deg,rgba(74,144,226,.1) 0%,var(--card) 50%,#f8f9fa 100%);box-shadow:0 4px 20px #4a90e233}body.light-theme .block-3{border:2px solid rgba(245,158,11,.4);background:linear-gradient(180deg,rgba(245,158,11,.1) 0%,var(--card) 50%,#f8f9fa 100%);box-shadow:0 4px 20px #f59e0b33}body.light-theme .card{background:linear-gradient(180deg,var(--card),#f8f9fa)}body.light-theme .venue-card-content,body.light-theme .card-settings-content,body.light-theme .modal-content{background:var(--card)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.8)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 3px #4ade8033,0 0 0 6px #4ade801a}50%{box-shadow:0 0 0 5px #4ade804d,0 0 0 10px #4ade8026}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes qrScanPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.98)}}.coupon.activating{animation:slideOut .5s ease-in forwards!important;transition:none!important;pointer-events:none}.active-coupon-card.new-coupon{animation:slideInFromRight .5s ease-out}.greeting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-buttons{display:flex;align-items:center;gap:8px}.qr-scan-btn{width:36px;height:36px;border-radius:12px;background:var(--inner);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;padding:0;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.qr-scan-btn:hover{background:var(--accent);transform:scale(1.05)}.qr-scan-btn:active{transform:scale(.95)}.qr-scan-btn img{width:24px;height:24px;object-fit:contain}.theme-toggle-btn{width:36px;height:36px;border-radius:12px;background:var(--inner);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;padding:0;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.theme-toggle-btn:active{transform:scale(.95);background:var(--accent)}.theme-toggle-btn:focus{outline:none;background:var(--inner)}.theme-toggle-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;background:var(--inner)}.greeting{font-size:22px;font-weight:600;flex:1}.card-status-block{background:var(--soft);border-radius:18px;padding:16px;margin-top:12px;display:flex;justify-content:space-between;align-items:center}.card-status-info{flex:1}.card-status-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.card-status-label{font-size:14px;color:var(--muted)}.card-status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;background:var(--success);color:#000}.card-status-badge.active{background:var(--success)}.card-status-badge.inactive{background:var(--muted);color:var(--text)}.card-number-display{display:flex;align-items:center;font-size:18px;font-weight:600}.card-settings-btn{background:var(--inner);border:none;color:var(--text);width:36px;height:36px;border-radius:12px;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.card-settings-btn:hover{background:var(--accent);color:#000}body.light-theme .level-row:before{background:linear-gradient(135deg,#ffffffd9,#f8f9fae6)}.user-level-block{background:var(--soft);border-radius:18px;padding:16px;margin-top:20px;display:flex;align-items:center;gap:14px}.level-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;font-weight:600;font-size:14px;flex-shrink:0}.level-badge.bronze{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.level-badge.gold{background:linear-gradient(135deg,#d4af37,#c9a961);color:#fff;box-shadow:0 2px 8px #d4af374d}.level-badge.platinum{background:linear-gradient(135deg,#e5e4e2,silver);color:#000}.level-icon{font-size:18px}.level-info{flex:1;display:flex;flex-direction:column;gap:6px}.level-description{font-size:13px;color:var(--text);font-weight:500}.level-details-btn{background:none;border:none;color:var(--accent-2);font-size:12px;cursor:pointer;text-align:left;padding:0;transition:opacity .2s}.level-details-btn:hover{opacity:.8;text-decoration:underline}.level-row{background:var(--soft);border-radius:18px;padding:14px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.level-row:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#141824d9,#0f121ce6);z-index:0;transition:opacity .3s;border-radius:18px}.level-row:hover:before{opacity:.7}.level-row:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.level-row>*{position:relative;z-index:1}.company-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.company-logo{width:50px;height:50px;border-radius:12px;object-fit:cover;background:var(--inner);flex-shrink:0;border:2px solid rgba(124,245,200,.2)}.company-name{font-size:15px;font-weight:500}.inner-coupon{margin-top:10px;background:linear-gradient(135deg,var(--inner),#1b2040);border-radius:14px;padding:12px}.inner-coupon strong{display:block;font-size:16px;font-weight:800;color:var(--accent);margin-bottom:4px}.inner-coupon span{font-size:12px;color:var(--accent-2)}.open-all{margin-top:14px;width:100%;background:none;border:none;color:var(--accent-2);font-size:14px;padding:10px 0;cursor:pointer;transition:opacity .2s}.open-all:hover{opacity:.8}.level-card{background:var(--soft);border-radius:18px;padding:20px;border:2px solid transparent;transition:all .3s;position:relative;overflow:hidden}.level-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--muted);opacity:.3}.level-card.bronze:before{background:linear-gradient(90deg,#cd7f32,#b87333)}.level-card.gold:before{background:linear-gradient(90deg,#d4af37,#c9a961)}.level-card.platinum:before{background:linear-gradient(90deg,#e5e4e2,silver)}.level-card.active{border-color:var(--accent);background:linear-gradient(135deg,var(--soft),rgba(124,245,200,.05));box-shadow:0 4px 20px #7cf5c833}.level-card.active:before{opacity:1;height:5px}.level-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.level-card-icon{font-size:32px;line-height:1}.level-card-title{font-size:20px;font-weight:700;flex:1}.level-card.bronze .level-card-title{color:#cd7f32}.level-card.gold .level-card-title{background:linear-gradient(135deg,#d4af37,#e8d5a3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.level-card.platinum .level-card-title{background:linear-gradient(135deg,#e5e4e2,silver);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.level-card-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;background:#ffffff1a;color:var(--muted)}.level-card-badge.current{background:var(--accent);color:#000}.level-card-badge.premium{background:linear-gradient(135deg,#e5e4e2,silver);color:#000}.level-card-range{font-size:13px;color:var(--muted);margin-bottom:8px;font-weight:500}.level-card-limit{font-size:15px;font-weight:600;color:var(--accent);margin-bottom:16px}.level-card-benefits{display:flex;flex-direction:column;gap:8px}.benefit-item{font-size:13px;color:var(--text);display:flex;align-items:center;gap:8px;line-height:1.5}.benefit-item:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.level-card.bronze .benefit-item:before{background:#cd7f32}.level-card.gold .benefit-item:before{background:#d4af37}.level-card.platinum .benefit-item:before{background:silver}.categories{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.category-btn{padding:8px 16px;border-radius:20px;background:var(--soft);border:none;color:var(--muted);font-size:13px;white-space:nowrap;cursor:pointer;transition:all .3s}.category-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#000;font-weight:600}.section-title{font-size:18px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.section-title:before{content:"✨";font-size:20px}.subtitle{font-size:13px;color:var(--muted);margin-bottom:16px;line-height:1.5}.cashback-wrapper{text-align:center;margin-bottom:22px;cursor:pointer;transition:transform .2s}.cashback{font-size:46px;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cashback-sub{font-size:12px;color:var(--muted);display:inline-flex;gap:6px}.cashback-sub:after{content:none}.level{background:var(--soft);border-radius:16px;padding:12px 14px;display:flex;justify-content:space-between;font-size:13px;margin-bottom:16px}.level button{background:none;border:none;color:var(--accent-2);cursor:pointer;transition:opacity .2s}.level button:hover{opacity:.8}.card-row{display:flex;justify-content:space-between;align-items:center}.card-info{font-size:13px;color:var(--muted)}.add-card{padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#000;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.add-card:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.add-card:active:before{width:300px;height:300px}.add-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7cf5c84d}.card-settings-modal{display:none;position:fixed;inset:0;background:#000c;z-index:1000;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s}.card-settings-modal.active{display:flex}.card-settings-content{background:var(--card);border-radius:24px;padding:24px;max-width:380px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s}.card-form{display:flex;flex-direction:column;gap:16px}.card-input{background:var(--soft);border:2px solid transparent;border-radius:12px;padding:12px 14px;color:var(--text);font-size:14px;transition:all .3s;box-sizing:border-box;width:100%}.card-input:focus{outline:none;border-color:var(--accent);background:var(--inner)}.card-input::placeholder{color:var(--muted)}.card-form input[placeholder="MM/YY"],.card-form input[placeholder=CVV]{font-size:13px;padding:12px 10px;text-align:center}.cashback-levels{display:flex;flex-direction:column;gap:12px}.cashback-value{color:var(--accent);font-weight:600}.subscriptions-header{margin-bottom:20px}.collapse-btn{background:var(--soft);border:none;color:var(--accent-2);width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;font-size:14px;padding:0;flex-shrink:0}.collapse-btn:hover{background:var(--inner);color:var(--accent);transform:scale(1.1)}.collapse-btn.collapsed #collapseIcon{transform:rotate(-90deg)}.subscriptions-list.collapsed{display:none}.subscriptions-limit-info{margin-top:12px;padding:12px;background:var(--soft);border-radius:12px;display:flex;flex-direction:column;gap:6px}.limit-badge{font-size:12px;font-weight:600;color:var(--accent)}.limit-hint{font-size:11px;color:var(--muted);line-height:1.4}.subscriptions,.subscriptions-list{display:flex;flex-direction:column;gap:14px}.subscription.hidden-subscription,.level-row.hidden-subscription{display:none!important;visibility:hidden;height:0;overflow:hidden}.level-row.hidden-subscription[style*="display: block"],.subscription.hidden-subscription[style*="display: block"]{display:block!important;visibility:visible!important;height:auto!important;overflow:visible!important;opacity:1;transform:none;animation:slideIn .4s ease-out}.show-all-btn{width:100%;background:none;border:none;color:var(--accent-2);font-size:14px;padding:14px 0;margin-top:8px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:500}.show-all-btn:hover{color:var(--accent);transform:translateY(-2px)}.subscription{background:var(--soft);border-radius:20px;padding:16px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;animation:slideIn .4s ease-out;display:flex;flex-direction:column;background-size:cover;background-position:center;background-repeat:no-repeat}.subscription:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#141824d9,#0f121ce6);z-index:0;transition:opacity .3s;border-radius:20px}.subscription:hover:before{opacity:.75}.subscription:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006}.subscription>*{position:relative;z-index:1}.subscription-header{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.venue-logo{width:60px;height:60px;border-radius:16px;object-fit:cover;background:var(--inner);flex-shrink:0;border:2px solid rgba(124,245,200,.2);transition:border-color .3s}.subscription:hover .venue-logo{border-color:var(--accent)}.venue-info{flex:1}.venue-name{font-size:16px;font-weight:600;margin-bottom:4px}.venue-category{font-size:11px;color:var(--muted);display:inline-block;padding:4px 10px;background:#ffffff12;border-radius:10px;margin-top:6px;white-space:nowrap;line-height:1.2}.venue-status{position:absolute;top:16px;right:16px;width:12px;height:12px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #4ade8033,0 0 0 6px #4ade801a;animation:pulseGlow 2s ease-in-out infinite}.venue-status.inactive{background:var(--muted);box-shadow:0 0 0 3px #9aa0b633,0 0 0 6px #9aa0b61a;animation:none}.subscription-details{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.cashback-info{display:flex;flex-direction:column;gap:4px}.cashback-label{font-size:11px;color:var(--muted)}.cashback-amount{font-size:36px;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2;letter-spacing:-1px;text-shadow:0 0 20px rgba(124,245,200,.3)}body.light-theme .subscription:before{background:linear-gradient(135deg,#ffffffd9,#f8f9fae6)}body.light-theme .subscription-details{border-top:1px solid rgba(0,0,0,.1)}body.light-theme .venue-category{background:#0000000d;color:var(--muted)}body.light-theme .venue-logo{border:2px solid rgba(0,168,107,.2)}body.light-theme .subscription:hover .venue-logo{border-color:var(--accent)}body.light-theme .cashback-amount{text-shadow:0 0 20px rgba(0,168,107,.3)}body.light-theme .active-coupon-card{background:linear-gradient(135deg,var(--card),#f0f2f5)}body.light-theme .active-coupon-card:before{background:linear-gradient(135deg,#ffffffe6,#f8f9faf2)}body.light-theme .active-coupon-placeholder{border:2px dashed rgba(0,168,107,.2)}body.light-theme .active-coupon-logo{border:2px solid rgba(0,168,107,.2)}.active-coupon-box{min-height:120px;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;gap:14px}.active-coupon-placeholder{background:var(--soft);border-radius:18px;padding:32px 20px;text-align:center;border:2px dashed rgba(124,245,200,.2)}.placeholder-icon{font-size:48px;margin-bottom:12px;opacity:.5}.placeholder-text{font-size:16px;font-weight:600;color:var(--text);margin-bottom:8px}.placeholder-hint{font-size:12px;color:var(--muted);line-height:1.5}.active-coupon-card{background:linear-gradient(135deg,var(--card),#0f121c);border-radius:18px;padding:20px;position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.active-coupon-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#141824e6,#0f121cf2);z-index:0}.active-coupon-card>*{position:relative;z-index:1}.active-coupon-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.active-coupon-logo{width:50px;height:50px;border-radius:12px;object-fit:cover;background:var(--inner);flex-shrink:0;border:2px solid rgba(124,245,200,.2)}.active-coupon-venue{font-size:14px;color:var(--muted);margin-bottom:4px}.active-coupon-title{font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.active-coupon-description{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:12px}.active-coupon-actions{display:flex;gap:10px}.active-coupon-actions button{flex:1;padding:10px;border-radius:12px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.active-coupon-actions .cancel-btn{background:var(--soft);color:var(--text)}.active-coupon-actions .cancel-btn:hover{background:var(--inner)}.purchase-history-list{display:flex;flex-direction:column;gap:14px}.purchase-item{background:var(--soft);border-radius:18px;padding:16px;transition:all .3s;animation:slideIn .4s ease-out}.purchase-item:hover{background:var(--inner);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.purchase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.purchase-venue-info{display:flex;align-items:center;gap:12px;flex:1}.purchase-venue-logo{width:48px;height:48px;border-radius:12px;object-fit:cover;background:var(--inner);flex-shrink:0}.purchase-venue-name{font-size:15px;font-weight:600;margin-bottom:4px}.purchase-date{font-size:12px;color:var(--muted)}.purchase-amount{font-size:18px;font-weight:700;color:var(--accent);flex-shrink:0}.purchase-details{padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.purchase-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px}.purchase-label{color:var(--muted)}.purchase-value{color:var(--text);font-weight:500}.purchase-status{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;margin-top:8px}.purchase-status.active{background:#fbbf2433;color:var(--warning)}.purchase-status.completed{background:#4ade8033;color:var(--success)}.purchase-history-btn{width:100%;background:var(--soft);border:none;border-radius:18px;padding:16px;cursor:pointer;transition:all .3s;color:var(--text);text-align:left}.purchase-history-btn:hover{background:var(--inner);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.purchase-history-btn:active{transform:translateY(0)}body.light-theme .coupon:before{background:linear-gradient(135deg,#ffffffd9,#f8f9fae6)}body.light-theme .coupon:hover{box-shadow:0 8px 24px #00a86b33}body.light-theme .tag,body.light-theme .coupon-category{background:#0000000d;color:var(--muted)}body.light-theme .coupon-meta{background:#00000008}body.light-theme .get-btn:hover{box-shadow:0 6px 20px #00a86b66}.coupons{display:flex;flex-direction:column;gap:16px}.coupon{position:relative;border-radius:26px;padding:20px;cursor:pointer;transition:all .3s;animation:slideIn .4s ease-out;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.coupon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1f2440d9,#14192ae6);z-index:0;transition:opacity .3s}.coupon:hover:before{opacity:.75}.coupon:hover{transform:translateY(-4px);box-shadow:0 8px 24px #7cf5c833}.coupon>*{position:relative;z-index:1}.coupon-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.coupon-logo{width:50px;height:50px;border-radius:12px;object-fit:cover;background:var(--inner)}.coupon-brand{font-size:15px;font-weight:600;flex:1}.coupon-category{font-size:11px;color:var(--muted);display:inline-block;padding:4px 10px;background:#ffffff12;border-radius:10px;margin-top:6px;white-space:nowrap;line-height:1.2}.tags{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.tag{font-size:11px;padding:4px 10px;border-radius:999px;background:#ffffff12;color:var(--muted)}.benefit{font-size:24px;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.coupon-description{font-size:13px;line-height:1.5;color:var(--muted);margin-bottom:12px}.coupon-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;padding:10px;background:#ffffff0d;border-radius:10px}.coupon-meta-item{display:flex;justify-content:space-between;align-items:center;font-size:12px}.coupon-meta-label{color:var(--muted)}.coupon-meta-value{color:var(--text);font-weight:500}.coupon-status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.coupon-status-badge[data-status=limited]{background:#7cf5c833;color:var(--accent)}.coupon-status-badge[data-status=always]{background:#7aa7ff33;color:var(--accent-2)}.coupon-status-badge[data-status=one-time]{background:#fbbf2433;color:var(--warning)}.get-btn{width:100%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#000;border:none;padding:14px;border-radius:16px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.get-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.get-btn:hover:before{left:100%}.get-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7cf5c866}.get-btn:active{transform:translateY(0)}.modal{display:none;position:fixed;inset:0;background:#000c;z-index:1000;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s}.modal.active{display:flex!important}body.light-theme .modal-content{background:var(--card)}.modal-content{background:var(--card);border-radius:24px;padding:24px;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s}.modal-close{position:absolute;top:16px;right:16px;background:var(--soft);border:none;color:var(--text);width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;cursor:pointer;font-size:28px;font-weight:300;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;margin:0;text-align:center;box-sizing:border-box;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;flex-shrink:0}.modal-close:hover{background:var(--inner);transform:rotate(90deg)}.modal-image{width:100%;height:200px;border-radius:16px;object-fit:cover;margin-bottom:16px;background:var(--soft)}.modal-title{font-size:22px;font-weight:700;margin-bottom:8px}.modal-subtitle{font-size:14px;color:var(--muted);margin-bottom:20px}.modal-section{margin-bottom:20px}.modal-section-title{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--accent)}.modal-text{font-size:14px;line-height:1.6;color:var(--muted)}.unsubscribe-btn{width:100%;background:#ff4d4d1a;border:2px solid rgba(255,77,77,.3);color:#ff4d4d;padding:12px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.unsubscribe-btn:hover{background:#ff4d4d33;border-color:#ff4d4d80;transform:translateY(-1px)}.levels-container{display:flex;flex-direction:column;gap:16px;margin-top:20px}.unsubscribe-confirm-content{max-width:380px;text-align:center}.unsubscribe-confirm-icon{font-size:64px;margin-bottom:16px;animation:pulse 2s ease-in-out infinite}.unsubscribe-warning{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:12px;padding:16px;margin:20px 0;text-align:left}.warning-item{font-size:13px;color:var(--text);margin-bottom:8px;line-height:1.5}.warning-item:last-child{margin-bottom:0}.unsubscribe-actions{display:flex;gap:12px;margin-top:24px}.unsubscribe-cancel-btn{flex:1;background:var(--soft);border:2px solid transparent;color:var(--text);padding:14px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.unsubscribe-cancel-btn:hover{background:var(--inner);border-color:var(--muted)}.unsubscribe-confirm-btn{flex:1;background:linear-gradient(135deg,#ff4d4d,#ff6b6b);border:none;color:#fff;padding:14px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #ff4d4d4d}.unsubscribe-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4d4d66}.unsubscribe-confirm-btn:active{transform:translateY(0)}.unsubscribe-success-notification{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background:var(--card);border:2px solid var(--success);border-radius:16px;padding:16px 24px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #0006;z-index:2000;opacity:0;transition:all .3s ease-out}.unsubscribe-success-notification.show{opacity:1;transform:translate(-50%) translateY(0)}.success-icon{width:32px;height:32px;border-radius:50%;background:var(--success);color:#000;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.success-text{font-size:14px;font-weight:600;color:var(--text)}.hidden{display:none!important}.image-placeholder{background:linear-gradient(90deg,var(--soft) 0%,var(--inner) 50%,var(--soft) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.stat-card{background:var(--soft);border-radius:16px;padding:14px;text-align:center;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,245,200,.1),transparent);transition:left .5s}.stat-card:hover:before{left:100%}.stat-card:hover{background:linear-gradient(135deg,var(--soft),#252b3f);transform:translateY(-2px);box-shadow:0 4px 12px #7cf5c833}.stat-card:active{transform:translateY(0)}.stat-value{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}.stat-label{font-size:11px;color:var(--muted)}.qr-scanner-modal{display:none;position:fixed;inset:0;background:#000000f2;z-index:2000;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s}.qr-scanner-modal.active{display:flex}.qr-scanner-content{background:var(--card);border-radius:24px;padding:24px;max-width:400px;width:100%;text-align:center;position:relative}.qr-scanner-title{font-size:22px;font-weight:700;margin-bottom:8px}.qr-scanner-subtitle{font-size:14px;color:var(--muted);margin-bottom:24px}.qr-scanner-viewfinder{width:100%;max-width:300px;height:300px;margin:0 auto 24px;border:3px solid var(--accent);border-radius:16px;position:relative;background:var(--soft);display:flex;align-items:center;justify-content:center;overflow:hidden}.qr-scanner-viewfinder:before{content:"";position:absolute;inset:0;border:2px solid var(--accent);border-radius:12px;animation:qrScanPulse 2s ease-in-out infinite}.qr-scanner-viewfinder-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#000;border:none;padding:16px 24px;border-radius:16px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s;z-index:10;box-shadow:0 4px 12px #7cf5c84d}.qr-scanner-viewfinder-btn:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 6px 20px #7cf5c880}.qr-scanner-viewfinder-btn:active{transform:translate(-50%,-50%) scale(.95)}.qr-scanner-loading{display:none;flex-direction:column;align-items:center;gap:16px}.qr-scanner-loading.active{display:flex}.qr-scanner-loading-spinner{width:48px;height:48px;border:4px solid var(--soft);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.qr-scanner-loading-text{font-size:14px;color:var(--muted)}body.light-theme .venue-card-content{background:var(--card)}.venue-card-modal{display:none;position:fixed;inset:0;background:#000c;z-index:2000;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s}.venue-card-modal.active{display:flex}.venue-card-content{background:var(--card);border-radius:24px;padding:24px;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s}.venue-card-image{width:100%;height:200px;border-radius:16px;object-fit:cover;margin-bottom:16px;background:var(--soft)}.venue-card-title{font-size:24px;font-weight:700;margin-bottom:8px}.venue-card-category{font-size:14px;color:var(--muted);margin-bottom:16px;display:inline-block;padding:4px 12px;background:#ffffff12;border-radius:10px}.venue-card-description{font-size:14px;line-height:1.6;color:var(--muted);margin-bottom:20px}.venue-card-features{margin-bottom:20px}.venue-card-feature{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:14px;color:var(--text)}.venue-card-feature:before{content:"✓";color:var(--accent);font-weight:700;font-size:16px}.venue-card-actions{display:flex;gap:10px;margin-top:24px}.venue-card-subscribe-btn{flex:1;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#000;border:none;padding:14px;border-radius:16px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s}.venue-card-subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7cf5c866}.venue-card-subscribe-btn:active{transform:translateY(0)}.venue-card-close-btn{flex:1;background:var(--soft);color:var(--text);border:none;padding:14px;border-radius:16px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s}.venue-card-close-btn:hover{background:var(--inner)}@media(hover:hover){.theme-toggle-btn:hover{background:var(--accent);transform:scale(1.05)}}@media(max-width:480px){.app{gap:12px}.card{padding:16px}.cashback{font-size:40px}.qr-scan-btn,.theme-toggle-btn{width:44px;height:44px}.theme-toggle-btn svg{width:26px;height:26px}.header-buttons{gap:10px}}.modal[data-v-e88cf410]{display:none}.modal.active[data-v-e88cf410]{display:flex}.modal,.card-settings-modal{position:fixed;inset:0;background:#000c;z-index:1000;align-items:center;justify-content:center;padding:20px}.modal.active,.card-settings-modal.active{display:flex!important}