:root{--navy:#0a1628;--navy-light:#152238;--blue:#1b3a5c;--orange:#f47b20;--orange-dark:#d4691a;--orange-light:#ff9f4a;--cream:#f5f7fa;--white:#fff;--gray-light:#e2e8f0;--gray:#94a3b8;--green:#2e7d32;--red:#c62828;--font-heading:"Playfair Display", serif;--font-body:"Lato", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--cream);color:var(--navy);min-height:100vh;line-height:1.6}#root,.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.navbar{background:var(--navy);z-index:100;padding:0 24px;position:sticky;top:0;box-shadow:0 2px 12px #00000040}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;display:flex}.nav-brand{cursor:pointer;align-items:center;gap:10px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--orange), var(--orange-dark));color:#fff;width:36px;height:36px;font-family:var(--font-heading);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.brand-text{color:#ffffffd9;font-family:var(--font-heading);letter-spacing:1px;font-size:15px}.brand-x{color:var(--orange)}.brand-ten{background:linear-gradient(gold,#f47b20);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;font-size:1.3em;font-weight:700}.brand-icon strong{background:linear-gradient(gold,#fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.1em}.nav-links{align-items:center;gap:4px;display:flex}.nav-links button{color:#ffffffd9;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;transition:background .2s;display:flex}.nav-links button:hover{background:#ffffff1a}.nav-links button.active{color:var(--orange);background:#f47b2040}.nav-login-btn{background:var(--orange)!important;color:#fff!important;border-radius:20px!important;padding:8px 20px!important;font-weight:700!important}.nav-logout-btn{opacity:.7}.nav-logout-btn:hover{opacity:1}.mobile-toggle{color:var(--orange);cursor:pointer;background:0 0;border:none;display:none}@media (width<=768px){.mobile-toggle{display:block}.nav-links{background:var(--navy);flex-direction:column;gap:4px;padding:12px;display:none;position:absolute;top:64px;left:0;right:0;box-shadow:0 4px 12px #0003}.nav-links.open{display:flex}.nav-links button{justify-content:center;width:100%}}.btn{font-family:var(--font-body);cursor:pointer;border:2px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--orange);color:#fff;border-color:var(--orange)}.btn-primary:hover{background:var(--orange-dark);border-color:var(--orange-dark)}.btn-outline{color:var(--navy);border-color:var(--navy);background:0 0}.btn-outline:hover{background:var(--navy);color:#fff}.hero-section .btn-outline{color:#fff;border-color:#fff9}.hero-section .btn-outline:hover{background:#ffffff26;border-color:#fff}.btn-disabled{background:var(--gray-light);color:var(--gray);cursor:not-allowed;border-color:var(--gray-light)}.btn-claimed{background:var(--green);color:#fff;cursor:default;border-color:var(--green)}.btn-full{justify-content:center;width:100%}.btn-lg{padding:14px 28px;font-size:16px}.btn-sm{padding:6px 12px;font-size:12px}.page-header{text-align:center;padding:40px 24px 24px}.page-header h1{font-family:var(--font-heading);color:var(--navy);margin-bottom:8px;font-size:32px}.page-header p{color:var(--gray);font-size:16px}.auth-page{background:linear-gradient(135deg, var(--cream) 0%, #e8dfd0 100%);justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:24px;display:flex}.auth-card{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:40px;box-shadow:0 8px 32px #3d2b1a1a}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{background:linear-gradient(135deg, var(--orange), var(--orange-dark));color:#fff;width:56px;height:56px;font-family:var(--font-heading);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:24px;font-weight:700;display:flex}.auth-header h2{font-family:var(--font-heading);color:var(--navy);margin-bottom:4px}.auth-header p{color:var(--gray);font-size:14px}.auth-notice{color:#e65100;text-align:center;background:#fff3e0;border:1px solid #ffb74d;border-radius:8px;margin-bottom:20px;padding:10px 16px;font-size:14px}.auth-footer{text-align:center;color:var(--gray);margin-top:20px;font-size:14px}.link-btn{color:var(--orange);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:700;text-decoration:underline}.form-group{text-align:left;margin-bottom:16px}.form-group label{color:var(--navy);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.form-group input,.form-group select{border:1.5px solid var(--gray-light);width:100%;font-size:14px;font-family:var(--font-body);background:var(--white);border-radius:8px;padding:10px 14px;transition:border .2s}.form-group input:focus,.form-group select:focus{border-color:var(--orange);outline:none}.form-error{color:var(--red);text-align:center;background:#ffebee;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.hero-section{background:linear-gradient(135deg, var(--navy) 0%, var(--blue) 100%);text-align:center;justify-content:center;align-items:center;min-height:420px;padding:60px 24px;display:flex;position:relative}.hero-overlay{z-index:1;position:relative}.hero-title{font-family:var(--font-heading);color:#ffffffd9;letter-spacing:6px;margin-bottom:16px;font-size:42px}.hero-x{color:var(--orange);font-size:1.1em}.hero-ten{background:linear-gradient(gold 0%,#f47b20 40%,#d4691a 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #f47b2066);letter-spacing:-2px;-webkit-background-clip:text;background-clip:text;margin-left:2px;font-size:1.8em;font-weight:700;line-height:1;display:inline-block;position:relative}.hero-tagline{color:var(--orange-light);letter-spacing:3px;opacity:.9;margin-bottom:12px;font-size:16px}.hero-subtitle{color:#fffc;margin-bottom:32px;font-size:18px;line-height:1.8}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.section-title{font-family:var(--font-heading);text-align:center;color:var(--navy);margin-bottom:16px;font-size:28px}.section-subtitle{text-align:center;color:var(--gray);margin-bottom:32px;font-size:15px}.flash-section{z-index:2;justify-content:center;margin-top:24px;padding:0 24px;display:flex;position:relative}.flash-card{border-radius:24px;width:100%;max-width:380px;animation:.6s ease-out flashEntry;position:relative;overflow:hidden}@keyframes flashEntry{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.flash-glow{background:linear-gradient(135deg, var(--orange), gold, var(--orange), #ff6b35);z-index:0;background-size:300% 300%;border-radius:26px;animation:3s infinite glowSpin;position:absolute;inset:-2px}@keyframes glowSpin{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.flash-inner{z-index:1;background:linear-gradient(160deg, var(--navy) 0%, var(--blue) 60%, #1e4d7b 100%);text-align:center;color:#fff;border-radius:22px;padding:28px 24px;position:relative}.flash-badge-row{margin-bottom:12px}.flash-badge{background:var(--orange);color:#fff;letter-spacing:2px;border-radius:20px;align-items:center;gap:5px;padding:4px 14px;font-size:11px;font-weight:700;animation:2s ease-in-out infinite badgePop;display:inline-flex}@keyframes badgePop{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.flash-title{font-family:var(--font-heading);color:#ffffffb3;letter-spacing:1px;margin-bottom:8px;font-size:16px}.flash-value-box{margin-bottom:6px}.flash-value{font-family:var(--font-heading);background:linear-gradient(gold 0%,#f47b20 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 6px #f47b2066);-webkit-background-clip:text;background-clip:text;font-size:38px;font-weight:700;animation:2.5s ease-in-out infinite valueShine}@keyframes valueShine{0%,to{filter:drop-shadow(0 2px 6px #f47b2066)}50%{filter:drop-shadow(0 2px 12px #ffd70099)}}.flash-desc{color:#ffffffb3;margin-bottom:14px;font-size:13px}.flash-timer-row{color:#fff9;justify-content:center;align-items:center;gap:6px;margin-bottom:18px;font-size:13px;display:flex}.flash-countdown{color:#fff;background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-family:monospace;font-size:15px;font-weight:700;display:inline-flex}.flash-btn{background:linear-gradient(135deg, var(--orange), #ff6b35);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:24px;align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 16px #f47b2059}.flash-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f47b2080}.flash-more{color:#fff6;margin-top:12px;font-size:12px}.tiers-section{background:#fff;padding:60px 0;overflow:hidden}.tiers-section .section-title,.tiers-section .section-subtitle{padding:0 24px}.tiers-cta{text-align:center;margin-top:32px;padding:0 24px}.tiers-scroll-hint{text-align:center;color:var(--gray);margin-bottom:16px;font-size:12px;animation:2s ease-in-out infinite hintFade}@keyframes hintFade{0%,to{opacity:.4}50%{opacity:1}}.tiers-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:20px;padding:8px 24px 24px;display:flex;overflow-x:auto}.tiers-scroll::-webkit-scrollbar{display:none}.tier-preview-card{scroll-snap-align:center;border-radius:18px;flex-direction:column;flex:0 0 320px;justify-content:space-between;height:210px;padding:20px;transition:transform .3s;display:flex;position:relative;overflow:hidden}.tier-preview-card:hover{transform:scale(1.03)}.tier-preview-pattern{pointer-events:none;background:radial-gradient(circle at 15% 85%,#ffffff12 0%,#0000 50%),radial-gradient(circle at 85% 15%,#ffffff17 0%,#0000 50%);position:absolute;inset:0}.tier-preview-silver{color:#444;background:linear-gradient(145deg,#8e9aaf 0%,#cbd2d9 40%,#a0aab8 70%,#dee2e6 100%);box-shadow:0 8px 30px #8e9aaf4d}.tier-preview-gold{color:#3d2b1a;background:linear-gradient(145deg,#b8860b 0%,#f4c542 35%,#daa520 60%,gold 85%);box-shadow:0 8px 30px #daa52059}.tier-preview-platinum{color:#fff;background:linear-gradient(145deg,#0a1628 0%,#1b3a5c 30%,#0f2440 60%,#1e4d7b 90%);box-shadow:0 8px 30px #0a162866}.tier-preview-header{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.tier-preview-logo{font-family:var(--font-heading);color:#ffffffd9;font-size:12px;font-weight:700}.tier-preview-silver .tier-preview-logo{color:#555}.tier-preview-gold .tier-preview-logo{color:#5c3d00}.tier-preview-logo span{background:linear-gradient(gold,#f47b20);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:16px}.tier-preview-badge{font-size:11px;font-weight:700;font-family:var(--font-heading);letter-spacing:1px;background:#ffffff2e;border:1px solid #fff3;border-radius:14px;align-items:center;gap:4px;padding:3px 10px;display:flex}.tier-preview-silver .tier-preview-badge,.tier-preview-gold .tier-preview-badge{background:#0000000f;border-color:#0000001a}.tier-preview-chip{z-index:1;background:linear-gradient(135deg,#c9b037,#e8d574,#c9b037);border-radius:5px;width:32px;height:22px;position:relative;box-shadow:inset 0 1px 2px #00000026}.tier-preview-name{letter-spacing:2px;opacity:.5;z-index:1;font-size:14px;font-weight:700;position:relative}.tier-preview-id{letter-spacing:3px;opacity:.35;z-index:1;font-family:monospace;font-size:10px;position:relative}.tier-preview-info{z-index:1;position:relative}.tier-preview-range{opacity:.7;margin-bottom:4px;font-size:11px;font-weight:700}.tier-preview-info ul{opacity:.65;flex-wrap:wrap;gap:2px 12px;font-size:10px;list-style:none;display:flex}.tier-preview-info ul li:before{content:"◆ ";font-size:5px}.preview-section{max-width:100%;padding:60px 0;overflow:hidden}.preview-section .section-title{padding:0 24px}.preview-coupons{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding:8px 24px 24px;display:flex;overflow-x:auto}.preview-coupons::-webkit-scrollbar{display:none}.preview-coupon{text-align:center;scroll-snap-align:center;background:#fff;border-radius:16px;flex-direction:column;flex:0 0 220px;align-items:center;gap:8px;padding:20px;transition:transform .2s;display:flex;box-shadow:0 4px 16px #0a16280f}.preview-coupon:hover{transform:translateY(-4px)}.preview-coupon-type{color:var(--orange);margin-bottom:4px}.preview-coupon-value{font-family:var(--font-heading);color:var(--orange-dark);font-size:36px;font-weight:700}.preview-coupon-name{color:var(--gray);min-height:36px;font-size:13px}.preview-coupon-timer{color:var(--orange-dark);background:#fff8f0;border-radius:8px;justify-content:center;align-items:center;gap:3px;width:100%;padding:6px 12px;font-size:12px;display:flex}.preview-coupon-timer strong{color:var(--navy);font-size:15px}.preview-coupon-timer.timer-urgent{color:#e65100;background:#fff0e0;border:1px solid #ffb74d;animation:2s ease-in-out infinite urgentPulse}.preview-coupon-timer.timer-urgent strong{color:#d84315;font-size:16px}.preview-coupon-timer.timer-very-urgent{color:#c62828;background:#ffebee;border:1.5px solid #ef5350;animation:1s ease-in-out infinite urgentPulse}.preview-coupon-timer.timer-very-urgent strong{color:#b71c1c;font-size:17px}@keyframes urgentPulse{0%,to{opacity:1}50%{opacity:.75}}.preview-coupon.preview-urgent{border:2px solid #ffb74d}.preview-coupon.preview-very-urgent{border:2px solid #ef5350;box-shadow:0 4px 20px #ef535026}.preview-coupon-tiers{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.preview-more{text-align:center;margin-top:8px;padding:0 24px}.footer{background:var(--navy);color:#fffc;text-align:center;padding:48px 24px 32px}.footer-brand{font-family:var(--font-heading);color:var(--orange);letter-spacing:4px;margin-bottom:4px;font-size:28px}.footer-x{color:var(--orange)}.footer-ten{background:linear-gradient(gold,#f47b20);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;font-size:1.5em;font-weight:700}.footer-subtitle{color:#fff9;letter-spacing:1px;margin-bottom:24px;font-size:14px}.footer-social{justify-content:center;gap:12px;margin-bottom:24px;display:flex}.footer-social a{color:#fff;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .2s;display:flex}.footer-social a:hover{background:var(--orange);color:#fff;transform:translateY(-2px)}.footer-line-icon svg{width:18px;height:18px}.footer-contact{flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;display:flex}.footer-contact-item{color:#ffffffb3;align-items:center;gap:8px;font-size:13px;display:flex}.footer-contact-item a{color:var(--orange);text-decoration:none}.footer-contact-item a:hover{text-decoration:underline}.footer-copy{color:#fff6;border-top:1px solid #ffffff1a;padding-top:20px;font-size:12px}.coupons-page{max-width:900px;margin:0 auto;padding:0 24px 60px}.filter-bar{color:var(--gray);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.filter-btn{border:1.5px solid var(--gray-light);cursor:pointer;font-size:13px;font-family:var(--font-body);background:#fff;border-radius:20px;padding:6px 16px;transition:all .2s}.filter-btn.active,.filter-btn:hover{background:var(--orange);color:#fff;border-color:var(--orange)}.coupons-grid{flex-direction:column;gap:16px;display:flex}.coupon-card{background:#fff;border-radius:12px;transition:transform .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000f}.coupon-card:hover{transform:translateY(-2px)}.coupon-inactive{opacity:.5}.coupon-left{color:#fff;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:80px;min-height:100%;display:flex}.coupon-type-icon{font-size:28px;font-weight:700}.coupon-type-label{text-align:center;font-size:10px}.coupon-right{text-align:left;flex:1;padding:16px 20px}.coupon-name{color:var(--navy);margin-bottom:4px;font-weight:700}.coupon-value{font-family:var(--font-heading);color:var(--orange-dark);margin-bottom:8px;font-size:20px}.coupon-meta{color:var(--gray);flex-wrap:wrap;gap:16px;margin-bottom:8px;font-size:12px;display:flex}.coupon-meta span{align-items:center;gap:4px;display:flex}.coupon-tiers{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tier-badge,.tier-badge-sm{border-radius:10px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.tier-badge-sm{padding:1px 6px;font-size:10px}.tier-silver{color:#666;background:#e8e8e8}.tier-gold{color:#8b6f47;background:#fff0d4}.tier-platinum{color:#3a4232;background:#e8ebe4}.coupon-action{margin-top:4px}@media (width<=600px){.coupon-card{flex-direction:column}.coupon-left{flex-direction:row;gap:8px;width:100%;min-height:48px}}.profile-page{max-width:800px;margin:0 auto;padding:0 24px 60px}.card-container{perspective:1200px;cursor:pointer;max-width:460px;margin:0 auto 24px}.card-flipper{width:100%;height:270px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1);position:relative}.card-flipper.flipped{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:24px;display:flex;position:absolute;overflow:hidden}.card-back{transform:rotateY(180deg)}.card-tier-silver{background:linear-gradient(145deg,#8e9aaf 0%,#cbd2d9 40%,#a0aab8 70%,#dee2e6 100%);box-shadow:0 10px 40px #8e9aaf4d,inset 0 1px #ffffff4d}.card-tier-gold{background:linear-gradient(145deg,#b8860b 0%,#f4c542 35%,#daa520 60%,gold 85%,#b8860b 100%);box-shadow:0 10px 40px #daa52059,inset 0 1px #ffffff4d}.card-tier-platinum{background:linear-gradient(145deg,#0a1628 0%,#1b3a5c 30%,#0f2440 60%,#1e4d7b 90%);box-shadow:0 10px 40px #0a162866,inset 0 1px #ffffff14}.card-pattern{pointer-events:none;background:radial-gradient(circle at 20% 80%,#ffffff0f 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14 0%,#0000 50%);position:absolute;inset:0}.card-shine{pointer-events:none;background:linear-gradient(45deg,#0000 40%,#ffffff0d 45%,#ffffff1f 50%,#ffffff0d 55%,#0000 60%);width:200%;height:200%;animation:4s ease-in-out infinite cardShine;position:absolute;top:-50%;left:-50%}@keyframes cardShine{0%,to{transform:translate(-30%)translateY(-30%)}50%{transform:translate(30%)translateY(30%)}}.card-header{z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.card-logo-group{align-items:center;gap:10px;display:flex}.card-logo-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;width:38px;height:38px;font-family:var(--font-heading);background:#ffffff26;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.card-logo-badge span{background:linear-gradient(gold,#f47b20);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:14px}.card-logo-title{color:#fff;font-family:var(--font-heading);letter-spacing:2px;font-size:14px;font-weight:700}.card-logo-sub{color:#ffffff80;letter-spacing:1px;font-size:9px}.card-tier-pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;letter-spacing:1px;font-size:11px;font-weight:700;font-family:var(--font-heading);background:#ffffff26;border:1px solid #fff3;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;display:flex}.card-chip{z-index:1;background:linear-gradient(135deg,#c9b037 0%,#e8d574 30%,#c9b037 50%,#b8a030 70%,#e8d574 100%);border-radius:6px;width:40px;height:28px;margin:8px 0;position:relative;box-shadow:inset 0 1px 2px #00000026}.card-chip:after{content:"";border:1px solid #0000001a;border-radius:3px;position:absolute;inset:4px}.card-body{z-index:1;position:relative}.card-name{letter-spacing:1px;margin-bottom:2px;font-size:20px;font-weight:700}.card-member-id{letter-spacing:3px;opacity:.75;font-family:monospace;font-size:14px}.card-footer-row{z-index:1;justify-content:space-between;align-items:flex-end;display:flex;position:relative}.card-points-row{align-items:baseline;gap:6px;display:flex}.card-points-value{font-size:22px;font-weight:700;font-family:var(--font-heading);color:#fff}.card-points-label{color:#ffffff80;letter-spacing:2px;font-size:10px;font-weight:700}.card-date{opacity:.5;letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-size:9px}.card-qr-wrap{background:#fff;border-radius:8px;padding:4px;box-shadow:0 2px 8px #00000026}.card-flip-hint{text-align:center;opacity:.4;z-index:1;justify-content:center;align-items:center;gap:4px;font-size:10px;display:flex;position:relative}.card-back-top{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.card-back-logo{color:#fff;font-family:var(--font-heading);font-size:14px;font-weight:700}.card-back-logo span{background:linear-gradient(gold,#f47b20);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px}.card-back-title{font-family:var(--font-heading);color:#fff;letter-spacing:2px;font-size:16px}.card-back-divider{z-index:1;background:linear-gradient(90deg,#0000,#ffffff40,#0000);height:1px;margin:8px 0;position:relative}.card-benefits{z-index:1;flex:1;font-size:12px;list-style:none;position:relative}.card-benefits li{align-items:center;gap:6px;padding:2px 0;display:flex}.card-benefits li:before{content:"◆";opacity:.6;font-size:6px}.card-share-btn{border:1.5px solid var(--orange);color:var(--orange);cursor:pointer;font-size:13px;font-family:var(--font-body);background:0 0;border-radius:20px;justify-content:center;align-items:center;gap:6px;margin:16px auto 0;padding:8px 20px;transition:all .2s;display:flex}.card-share-btn:hover{background:var(--orange);color:#fff}.tier-progress{text-align:center;background:#fff;border-radius:12px;max-width:440px;margin:0 auto 32px;padding:20px;box-shadow:0 2px 8px #0000000d}.tier-progress-label{justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.progress-bar{background:var(--gray-light);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--orange), var(--orange-light));border-radius:4px;height:100%;transition:width .3s}.tier-progress-info{color:var(--gray);margin-top:8px;font-size:13px}.tier-max-badge{background:linear-gradient(135deg, var(--navy), var(--blue));color:#f0e8d0;border-radius:20px;padding:12px 24px;font-weight:700;display:inline-block}.profile-tabs{border-bottom:2px solid var(--gray-light);gap:0;margin-bottom:24px;display:flex}.profile-tabs button{font-family:var(--font-body);cursor:pointer;color:var(--gray);background:0 0;border:none;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:14px;transition:all .2s;display:flex}.profile-tabs button.active{color:var(--orange-dark);border-bottom-color:var(--orange)}.my-coupons{flex-direction:column;gap:16px;display:flex}.my-coupon-card{background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000d}.my-coupon-card.status-used{opacity:.6}.my-coupon-card.status-expired{opacity:.4}.my-coupon-info{text-align:left;flex:1;min-width:200px}.my-coupon-name{color:var(--navy);margin-bottom:4px;font-weight:700}.my-coupon-value{font-family:var(--font-heading);color:var(--orange-dark);margin-bottom:8px;font-size:18px}.my-coupon-code{background:var(--cream);border-radius:6px;align-items:center;gap:8px;margin-bottom:8px;padding:6px 12px;display:inline-flex}.code-text{letter-spacing:1px;color:var(--navy);font-family:monospace;font-size:14px;font-weight:700}.copy-btn{cursor:pointer;color:var(--orange-dark);background:0 0;border:none;padding:2px}.my-coupon-expiry{color:var(--gray);align-items:center;gap:4px;margin-bottom:8px;font-size:12px;display:flex}.my-coupon-status{font-size:12px;font-weight:700}.status-badge-active{color:var(--green)}.status-badge-used{color:var(--gray)}.status-badge-expired{color:var(--red)}.my-coupon-qr{text-align:center}.qr-label{color:var(--gray);margin-top:4px;font-family:monospace;font-size:10px}.empty-state{text-align:center;color:var(--gray);flex-direction:column;align-items:center;gap:12px;padding:40px;display:flex}.admin-page{max-width:1100px;margin:0 auto;padding:0 24px 60px}.admin-tabs{border-bottom:2px solid var(--gray-light);gap:0;margin-bottom:24px;display:flex}.admin-tabs button{font-family:var(--font-body);cursor:pointer;color:var(--gray);background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:6px;padding:12px 24px;font-size:14px;transition:all .2s;display:flex}.admin-tabs button.active{color:var(--orange-dark);border-bottom-color:var(--orange)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{text-align:center;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d}.stat-value{font-family:var(--font-heading);color:var(--orange-dark);font-size:32px;font-weight:700}.stat-label{color:var(--gray);margin-top:4px;font-size:13px}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card-v2{border-left:4px solid var(--orange);background:#fff;border-radius:14px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 2px 10px #0000000f}.stat-members{border-left-color:var(--blue)}.stat-coupons-total{border-left-color:var(--orange)}.stat-claimed{border-left-color:var(--green)}.stat-used{border-left-color:#7c3aed}.sv2-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-members .sv2-icon{color:var(--blue);background:#e8eff8}.stat-coupons-total .sv2-icon{color:var(--orange);background:#fff0e0}.stat-claimed .sv2-icon{color:var(--green);background:#e8f5e9}.stat-used .sv2-icon{color:#7c3aed;background:#f3e8ff}.sv2-value{font-family:var(--font-heading);color:var(--navy);font-size:28px;font-weight:700;line-height:1}.sv2-label{color:var(--gray);margin-top:2px;font-size:13px}.stats-section{background:#fff;border-radius:14px;margin-bottom:20px;padding:24px;box-shadow:0 2px 10px #0000000f}.stats-section-title{font-family:var(--font-heading);color:var(--navy);align-items:center;gap:8px;margin-bottom:16px;font-size:18px;display:flex}.tier-distribution{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.tier-dist-card{background:#fafafa;border-radius:10px;padding:16px}.td-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.td-count{color:var(--navy);font-size:15px;font-weight:700}.td-bar-bg{background:#e8e8e8;border-radius:4px;height:8px;overflow:hidden}.td-bar-fill{border-radius:4px;height:100%;transition:width .5s}.tier-dist-silver .td-bar-fill{background:linear-gradient(90deg,#a0a0a0,silver)}.tier-dist-gold .td-bar-fill{background:linear-gradient(90deg,#d4691a,#f0c060)}.tier-dist-platinum .td-bar-fill{background:linear-gradient(90deg,#0a1628,#1b3a5c)}.td-pct{text-align:right;color:var(--gray);margin-top:4px;font-size:12px}.coupon-usage-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.coupon-usage-card{background:#fafafa;border-radius:10px;padding:14px}.cu-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.cu-name{color:var(--navy);margin-bottom:10px;font-size:13px}.cu-bar-wrap{align-items:center;gap:10px;display:flex}.cu-bar-bg{background:#e8e8e8;border-radius:4px;flex:1;height:8px;overflow:hidden}.cu-bar-fill{border-radius:4px;height:100%;transition:width .5s}.cu-usage{color:var(--gray);white-space:nowrap;font-size:12px}.cu-meta{color:var(--gray);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.member-search-bar{margin-bottom:16px}.search-input-wrap{margin-bottom:12px;position:relative}.search-icon{color:var(--gray);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input-v2{border:2px solid var(--gray-light);width:100%;font-size:15px;font-family:var(--font-body);background:#fafafa;border-radius:12px;padding:14px 42px 14px 44px;transition:all .2s}.search-input-v2:focus{border-color:var(--orange);background:#fff;outline:none}.search-clear{background:var(--gray-light);cursor:pointer;width:24px;height:24px;color:var(--gray);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-filters{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{border:1px solid var(--gray-light);cursor:pointer;font-size:13px;font-family:var(--font-body);color:var(--gray);background:#fff;border-radius:20px;padding:6px 14px;transition:all .2s}.filter-chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.filter-chip.filter-silver.active{background:#9e9e9e;border-color:#9e9e9e}.filter-chip.filter-gold.active{background:var(--orange);border-color:var(--orange)}.filter-chip.filter-platinum.active{background:var(--navy);border-color:var(--navy)}.no-results{text-align:center;color:var(--gray);padding:40px}.no-results p{margin-top:12px;font-size:15px}.member-list-v2{flex-direction:column;gap:8px;display:flex}.member-card-v2{border:1px solid var(--gray-light);background:#fafafa;border-radius:12px;transition:all .2s;overflow:hidden}.member-card-v2.expanded{border-color:var(--orange);background:#fff;box-shadow:0 4px 16px #00000014}.mc-main{cursor:pointer;align-items:center;gap:14px;padding:14px 16px;transition:background .15s;display:flex}.mc-main:hover{background:#f47b200a}.avatar-circle{width:44px;height:44px;font-family:var(--font-heading);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.avatar-silver{background:linear-gradient(135deg,#9e9e9e,#bdbdbd)}.avatar-gold{background:linear-gradient(135deg,#d4691a,#f0c060)}.avatar-platinum{background:linear-gradient(135deg,#0a1628,#1b3a5c)}.mc-info{flex:1;min-width:0}.mc-top-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px;display:flex}.mc-name{font-family:var(--font-heading);color:var(--navy);margin:0;font-size:16px}.mc-meta-row{color:var(--gray);flex-wrap:wrap;gap:12px;margin-bottom:4px;font-size:12px;display:flex}.mc-meta-row span{align-items:center;gap:3px;display:flex}.mc-stats-row{flex-wrap:wrap;gap:12px;display:flex}.mc-stat{color:var(--navy);background:#eff3f8;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:flex}.mc-expand-icon{color:var(--gray);flex-shrink:0}.mc-expanded{border-top:1px solid var(--gray-light);padding:0 16px 16px}.mc-detail-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:14px 0;display:grid}.mc-detail-item{text-align:center}.mc-detail-label{color:var(--gray);font-size:11px;display:block}.mc-detail-value{color:var(--navy);font-size:14px;font-weight:700}.tier-text-silver{color:#757575}.tier-text-gold{color:var(--orange-dark)}.tier-text-platinum{color:var(--blue)}.mc-coupons-section,.mc-history-section{margin-top:12px}.mc-coupons-section h5,.mc-history-section h5{font-family:var(--font-heading);color:var(--navy);align-items:center;gap:6px;margin-bottom:10px;font-size:14px;display:flex}.mc-empty{color:var(--gray);font-size:13px;font-style:italic}.mc-coupon-list{flex-direction:column;gap:6px;display:flex}.mc-coupon-item{background:#f5f7fa;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.mci-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mci-coupon-name{color:var(--navy);font-size:12px}.mci-right{align-items:center;gap:8px;display:flex}.mci-date{color:var(--gray);font-size:11px}.coupon-status-pill{border-radius:10px;padding:2px 10px;font-size:11px;font-weight:600}.status-available{color:var(--green);background:#e8f5e9}.status-used{color:var(--blue);background:#e3efff}.status-expired{color:var(--red);background:#ffebee}.status-disabled,.status-gray{color:#757575;background:#e0e0e0}.mc-history-list{flex-direction:column;gap:6px;display:flex}.mc-history-item{background:#f5f7fa;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;display:flex}.mhi-date{color:var(--gray);white-space:nowrap;min-width:80px;font-size:12px}.mhi-info{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.mhi-room{color:var(--navy);font-size:12px}.mhi-amount{align-items:center;gap:8px;font-size:12px;display:flex}.mhi-original{color:var(--gray);text-decoration:line-through}.mhi-discount{color:var(--red);font-weight:600}.mhi-net{color:var(--green);font-weight:700}.admin-form{background:#fff;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 2px 8px #0000000d}.tier-checkboxes{gap:16px;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}.checkbox-label input{accent-color:var(--orange)}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.data-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0000000d}.data-table th{background:var(--navy);color:var(--cream);text-align:left;white-space:nowrap;padding:12px 16px;font-size:13px;font-weight:600}.data-table td{border-bottom:1px solid var(--gray-light);padding:10px 16px;font-size:13px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#faf6f0}.code-badge{background:var(--cream);border-radius:4px;padding:2px 8px;font-family:monospace;font-size:12px;font-weight:700}.text-discount{color:var(--red);font-weight:700}.text-net{color:var(--green);font-weight:700}.text-green{color:var(--green)}.text-gray{color:var(--gray)}.toggle-btn{cursor:pointer;background:0 0;border:none;padding:4px}.history-table-wrapper{overflow-x:auto}.scanner-page{max-width:800px;margin:0 auto;padding:0 24px 60px}.scanner-camera-section{margin-bottom:20px}.btn-camera-start{background:linear-gradient(135deg, var(--navy), #1b3a5c);cursor:pointer;color:#fff;border:2px dashed #ffffff4d;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:100%;padding:32px 24px;transition:all .3s;display:flex}.btn-camera-start:hover{border-color:var(--orange);transform:scale(1.01);box-shadow:0 8px 32px #0a16284d}.camera-icon-wrap{width:80px;height:80px;color:var(--orange);background:#f47b2033;border-radius:50%;justify-content:center;align-items:center;display:flex}.camera-start-text{font-family:var(--font-heading);font-size:20px;font-weight:700}.camera-start-sub{opacity:.7;font-size:13px}.camera-active-area{background:var(--navy);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0003}.camera-header{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.camera-live-badge{color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.live-dot{background:#ef5350;border-radius:50%;width:10px;height:10px;animation:1.2s infinite livePulse}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.3}}.btn-camera-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;align-items:center;gap:4px;padding:8px 16px;font-size:13px;transition:background .2s;display:flex}.btn-camera-close:hover{background:#ef535099}.camera-viewport{aspect-ratio:1;width:100%;max-width:400px;margin:0 auto;position:relative;overflow:hidden}.qr-reader-container{width:100%;height:100%}.qr-reader-container video{object-fit:cover!important;border-radius:0!important;width:100%!important;height:100%!important}#qr-reader{border:none!important}#qr-reader>div:first-child{display:none!important}.camera-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scan-frame{width:220px;height:220px;position:relative}.scan-frame .corner{border-color:var(--orange);border-style:solid;border-width:0;width:30px;height:30px;position:absolute}.corner.tl{border-top-width:4px;border-left-width:4px;border-top-left-radius:8px;top:0;left:0}.corner.tr{border-top-width:4px;border-right-width:4px;border-top-right-radius:8px;top:0;right:0}.corner.bl{border-bottom-width:4px;border-left-width:4px;border-bottom-left-radius:8px;bottom:0;left:0}.corner.br{border-bottom-width:4px;border-right-width:4px;border-bottom-right-radius:8px;bottom:0;right:0}.scan-line-anim{background:linear-gradient(90deg, transparent, var(--orange), transparent);height:3px;animation:2s ease-in-out infinite scanMove;position:absolute;left:10%;right:10%;box-shadow:0 0 12px #f47b2080}@keyframes scanMove{0%{top:10%}50%{top:85%}to{top:10%}}.camera-hint{text-align:center;color:#ffffffb3;padding:12px;font-size:13px}.camera-error{color:var(--red);background:#ffebee;border:1px solid #ef9a9a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:14px 16px;font-size:14px;display:flex}.scanner-divider{align-items:center;margin:24px 0;display:flex}.scanner-divider:before,.scanner-divider:after{content:"";background:var(--gray-light);flex:1;height:1px}.scanner-divider span{color:var(--gray);padding:0 16px;font-size:14px;font-weight:600}.scanner-input-area{margin-bottom:24px}.scanner-input-row{flex-wrap:wrap;gap:8px;display:flex}.scanner-input{border:2px solid var(--gray-light);background:#fff;border-radius:8px;flex:1;min-width:200px;padding:12px 16px;font-family:monospace;font-size:16px}.scanner-input:focus{border-color:var(--orange);outline:none}.scanner-result{text-align:center;border-radius:16px;margin-bottom:32px;padding:32px;animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.result-success{background:#e8f5e9;border:2px solid #66bb6a}.result-error{background:#ffebee;border:2px solid #ef5350}.result-icon{margin-bottom:12px}.result-icon.error{color:var(--red)}.result-success .result-icon{color:var(--green)}.scanner-result h3{font-family:var(--font-heading);margin-bottom:16px;font-size:22px}.result-details{text-align:left;max-width:400px;margin:0 auto 20px}.result-row{border-bottom:1px solid #00000014;justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.result-row span:first-child{color:var(--gray)}.result-error-msg{color:var(--red);margin-bottom:16px;font-size:16px}.status-available{color:var(--green);font-weight:700}.scan-history{margin-top:32px}.scan-history h3{font-family:var(--font-heading);align-items:center;gap:8px;margin-bottom:16px;font-size:18px;display:flex}.text-muted{color:var(--gray);font-size:14px}.scan-history-cards{flex-direction:column;gap:8px;display:flex}.scan-history-card{border:1px solid var(--gray-light);background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.shc-time{color:var(--gray);min-width:70px;font-size:13px;font-weight:600}.shc-info{flex-direction:column;flex:1;gap:2px;display:flex}.shc-member{color:var(--navy);font-size:14px;font-weight:600}.shc-coupon{color:var(--gray);font-size:12px}@media (width<=768px){.camera-viewport{max-width:100%}.scan-frame{width:180px;height:180px}.scanner-input-row{flex-direction:column}.scanner-input{min-width:100%}.scan-history-card{flex-direction:column;align-items:flex-start}}.coupon-wrapper{position:relative}.coupon-unavailable{opacity:.65;pointer-events:none}.coupon-overlay-badge{z-index:10;pointer-events:auto;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;display:flex;position:absolute;top:12px;right:12px}.expired-badge{background:var(--red);color:#fff}.soldout-badge{color:#fff;background:#ff6f00}.btn-soldout{color:#fff!important;background:#ff6f00!important}.archive-header{margin-bottom:20px}.archive-header h3{font-family:var(--font-heading);align-items:center;gap:8px;display:flex}.archive-header p{color:var(--gray);margin-top:4px;font-size:13px}.archive-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.archive-card{border:1px solid var(--gray-light);background:#fff;border-radius:14px;padding:20px;box-shadow:0 2px 8px #0000000a}.arc-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.arc-reason{border-radius:6px;padding:3px 10px;font-size:12px;font-weight:700}.reason-expired{color:var(--red);background:#ffebee}.reason-soldout{color:#e65100;background:#fff3e0}.reason-disabled{color:#616161;background:#e0e0e0}.arc-name{font-family:var(--font-heading);color:var(--navy);margin-bottom:4px;font-size:16px}.arc-value{color:var(--orange);margin-bottom:12px;font-size:20px;font-weight:700}.arc-details{border-top:1px solid var(--gray-light);padding-top:10px}.arc-row{justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.arc-row span:first-child{color:var(--gray)}.arc-members{border-top:1px solid var(--gray-light);margin-top:12px;padding-top:10px}.arc-members h5{color:var(--navy);margin-bottom:8px;font-size:13px}.arc-member-row{flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.arc-actions{border-top:1px solid var(--gray-light);gap:8px;margin-top:14px;padding-top:12px;display:flex}@media (width<=768px){.archive-grid{grid-template-columns:1fr}}.export-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;display:grid}.export-card{border:1px solid var(--gray-light);cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);background:#fafafa;border-radius:12px;align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex}.export-card:hover{border-color:var(--blue);background:#f0f4ff;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.export-card-full{grid-column:1/-1}.export-icon{width:48px;height:48px;color:var(--blue);background:#e8eff8;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.export-orange{color:var(--orange);background:#fff0e0}.export-green{color:var(--green);background:#e8f5e9}.export-purple{color:#7c3aed;background:#f3e8ff}.export-navy{color:var(--navy);background:#e8eff8}.export-info{flex:1}.export-info strong{color:var(--navy);margin-bottom:2px;font-size:14px;display:block}.export-info span{color:var(--gray);font-size:12px}.backup-info{margin-bottom:16px}.backup-status-card{color:var(--navy);background:#f0f4ff;border:1px solid #d0dfff;border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:16px;padding:16px;display:flex}.backup-status-card strong{margin-bottom:6px;font-size:14px;display:block}.backup-status-card ul{color:var(--gray);margin:0;padding-left:0;font-size:13px;list-style:none}.backup-status-card li{margin-bottom:3px}.backup-list{margin-top:16px}.backup-items{flex-direction:column;gap:6px;max-height:300px;display:flex;overflow-y:auto}.backup-item{border:1px solid var(--gray-light);background:#fafafa;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.bi-info{flex:1;min-width:0}.bi-name{color:var(--navy);word-break:break-all;font-family:monospace;font-size:13px;font-weight:600;display:block}.bi-meta{color:var(--gray);font-size:11px}.btn-warning{background:var(--orange);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:background .2s;display:flex}.btn-warning:hover{background:var(--orange-dark)}@media (width<=768px){.export-grid{grid-template-columns:1fr}.export-card-full{grid-column:1}.backup-status-card{flex-direction:column}.backup-item{flex-direction:column;align-items:flex-start;gap:6px}}.modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;padding:32px;overflow-y:auto;box-shadow:0 16px 48px #0003}.modal h3{font-family:var(--font-heading);align-items:center;gap:8px;margin-bottom:12px;display:flex}.modal p{color:var(--gray);margin-bottom:16px;font-size:14px}.modal-actions{gap:8px;margin-top:16px;display:flex}.toast{color:#fff;z-index:300;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;animation:.3s toastIn;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0003}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.toast-success{background:var(--green)}.toast-error{background:var(--red)}.toast-info{background:var(--gold-dark)}.coupon-countdown{background:#fff8f0;border:1px solid #ffd6a5;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;padding:6px 12px;font-size:12px;display:flex}.coupon-countdown.expired{color:var(--red);background:#ffebee;border-color:#ef9a9a}.countdown-label{color:var(--orange);font-weight:600}.countdown-boxes{gap:4px;display:flex}.cd-box{text-align:center;background:#fff;border:1px solid #e8e4de;border-radius:4px;padding:2px 6px;font-size:11px}.cd-box strong{color:var(--navy);font-size:14px;display:block}.text-urgent{font-weight:700;color:var(--red)!important}.coupon-expired{opacity:.5}.form-section-title{font-family:var(--font-heading);color:var(--navy);border-top:1px solid var(--gray-light);align-items:center;gap:8px;margin:20px 0 12px;padding-top:16px;font-size:16px;display:flex}.form-section-title:first-child{border-top:none;margin-top:0;padding-top:0}.time-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.time-active{color:var(--green);background:#e8f5e9}.time-upcoming{color:#e65100;background:#fff3e0}.time-expired{color:var(--red);background:#ffebee}.time-disabled{color:#757575;background:#e0e0e0}.text-small{font-size:11px;line-height:1.4}.table-scroll{overflow-x:auto}.action-btns{align-items:center;gap:4px;display:flex}.icon-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.icon-btn-edit{color:var(--blue)}.icon-btn-edit:hover{color:#0d47a1;background:#e3efff}.icon-btn-delete{color:#b71c1c}.icon-btn-delete:hover{color:#c62828;background:#ffebee}.btn-edit{color:var(--blue);cursor:pointer;background:#e3efff;border:1px solid #bbd6fe;border-radius:8px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;transition:all .2s;display:flex}.btn-edit:hover{background:#c5daff}.btn-delete{color:#c62828;cursor:pointer;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;transition:all .2s;display:flex}.btn-delete:hover{background:#ffcdd2}.btn-danger{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-danger:hover{background:#b71c1c}.admin-cards-mobile{display:none}.admin-coupon-card{border:1px solid var(--gray-light);background:#fff;border-radius:14px;margin-bottom:12px;padding:16px;transition:all .2s;box-shadow:0 2px 10px #0000000f}.admin-coupon-card.card-inactive{opacity:.55;border-color:#ccc}.acc-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.acc-left{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.acc-name{font-family:var(--font-heading);color:var(--navy);margin-bottom:10px;font-size:16px}.acc-details{border-top:1px solid var(--gray-light);padding-top:8px}.acc-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:5px 0;font-size:13px;display:flex}.acc-row:last-child{border-bottom:none}.acc-row span:first-child{color:var(--gray)}.acc-actions{border-top:1px solid var(--gray-light);gap:8px;margin-top:12px;padding-top:12px;display:flex}.modal-lg{max-width:680px;max-height:90vh;overflow-y:auto}.modal-head{border-bottom:1px solid var(--gray-light);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:12px;display:flex}.modal-head h3{font-family:var(--font-heading);align-items:center;gap:8px;margin-bottom:0;display:flex}.modal-lg .admin-form{box-shadow:none;margin-bottom:0;padding:16px 0 0}.modal-delete{text-align:center;max-width:420px}.delete-icon-wrap{color:#e65100;background:#fff3e0;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;display:flex}.modal-delete h3{justify-content:center;font-size:20px}.delete-msg{color:var(--navy)!important;font-size:15px!important}.delete-warn{background:#fff8e1;border-radius:8px;margin-bottom:8px;padding:10px 14px;color:#e65100!important;font-size:13px!important}.modal-delete .modal-actions{justify-content:center;gap:12px}.scanner-hint{color:var(--gray);margin-top:8px;font-size:12px}@media (width<=768px){.admin-table-desktop{display:none}.admin-cards-mobile{display:block}.modal-lg{max-width:100%;margin:0 8px}.modal-lg .form-row{flex-direction:column}.admin-tabs button{padding:10px 14px;font-size:13px}.stats-overview{grid-template-columns:repeat(2,1fr)}.stat-card-v2{gap:10px;padding:14px}.sv2-value{font-size:22px}.sv2-icon{width:40px;height:40px}.tier-distribution,.coupon-usage-grid{grid-template-columns:1fr}.mc-meta-row,.mc-stats-row{gap:6px}.mc-detail-grid{grid-template-columns:1fr;gap:6px}.mc-detail-item{text-align:left;justify-content:space-between;padding:4px 0;display:flex}.mc-coupon-item{flex-direction:column;align-items:flex-start}.mci-right{justify-content:space-between;width:100%}.mc-history-item{flex-direction:column;align-items:flex-start}.mhi-amount{justify-content:space-between;width:100%}.search-filters{gap:6px}.filter-chip{padding:5px 10px;font-size:12px}}@media (width<=600px){.hero-title{letter-spacing:3px;font-size:32px}.hero-subtitle{font-size:15px}.page-header h1{font-size:24px}.card-flipper{height:260px}.card-name{font-size:18px}.my-coupon-card,.scanner-input-row{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.data-table{font-size:12px}.data-table th,.data-table td{padding:8px 10px}}