.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:linear-gradient(#00000080,#00000080),url(/images/nitalogin.jpg) center/cover no-repeat;margin:0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000}.forgot-password-link{text-align:right;margin-top:-.5rem}.forgot-password-link a{color:#ffffffe6;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;padding:.25rem .5rem;border-radius:4px;display:inline-block}.forgot-password-link a:hover{color:#fff;background:#ffffff1a;transform:translateY(-1px)}.btn-login{background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:.875rem 1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000004d;position:relative;overflow:hidden}.btn-login:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-login:hover:before{width:300px;height:300px}.btn-login:hover:not(:disabled){background:#000c;border-color:#fff6;transform:translateY(-2px);box-shadow:0 6px 20px #0006}.btn-login:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #0000004d}.btn-login:disabled{opacity:.5;cursor:not-allowed;background:#0006}@media (max-width: 480px){.auth-card{padding:2rem 1.5rem;border-radius:16px}.form-group input,.btn-login{padding:.75rem 1rem}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:linear-gradient(#00000080,#00000080),url(/images/nitalogin.jpg) center/cover no-repeat;margin:0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000}.auth-card{background:#ffffff1a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px #0006,inset 0 1px #fff3;max-width:420px;width:100%;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.auth-card:hover:before{left:100%}.auth-card h1{text-align:center;color:#fff;margin-bottom:.5rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.3)}.auth-card .subtitle{text-align:center;color:#fffffff2!important;margin-bottom:3rem!important;font-weight:500;text-shadow:0 1px 5px rgba(0,0,0,.3)}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group input{padding:.875rem 1rem;border:1px solid rgba(255,255,255,.25);border-radius:10px;font-size:1rem;transition:all .3s ease;background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-weight:500;box-shadow:inset 0 2px 5px #0000001a}.form-group input:focus{outline:none;border-color:#ffffff80;background:#ffffff26;box-shadow:0 0 0 3px #ffffff1a,inset 0 2px 5px #0000001a;transform:translateY(-1px)}.form-group input::placeholder{color:#fff9;font-weight:400}.btn-register{background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:.875rem 1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000004d;position:relative;overflow:hidden}.btn-register:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-register:hover:before{width:300px;height:300px}.btn-register:hover:not(:disabled){background:#000c;border-color:#fff6;transform:translateY(-2px);box-shadow:0 6px 20px #0006}.btn-register:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #0000004d}.btn-register:disabled{opacity:.5;cursor:not-allowed;background:#0006}.auth-footer{text-align:center;margin-top:1.5rem;color:#fffffff2;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.3)}.auth-footer a{color:#fff;text-decoration:none;font-weight:700;padding:.25rem .5rem;border-radius:4px;transition:all .3s ease;display:inline-block}.auth-footer a:hover{background:#ffffff1a;transform:translateY(-1px)}.error-message{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:16px;border-radius:12px;margin-bottom:16px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 480px){.auth-card{padding:2rem 1.5rem;border-radius:16px}.form-group input,.btn-register{padding:.75rem 1rem}}.Home .main-content{max-width:600px;margin:88px auto 0!important;padding:0 20px 100px!important;background:#000;min-height:calc(100vh - 88px)}@media (max-width: 768px){.Home .main-content{margin-top:56px!important;padding:0 15px 100px!important}}.hero{text-align:center;margin-bottom:30px;padding:0;margin-top:0}.hero h1{font-size:28px;font-weight:600;color:#fff;margin-bottom:8px;margin-top:0}.hero .subtitle{font-size:14px;color:#a0a0a0;margin-bottom:20px}.nita-pattern{display:flex;justify-content:center;gap:15px;margin-top:20px;opacity:.3}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:25px}.stat-card{background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid #4C763b;border-radius:14px;padding:24px;text-align:center;transition:all .3s ease;box-shadow:0 0 12px #4c763b99;animation:pulseGlow 3s infinite}.stat-card:nth-child(3){grid-column:1 / -1}.stat-label{font-size:15px;color:#fff;font-weight:500;text-transform:capitalize}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px}.action-buttons .btn-primary{background:linear-gradient(135deg,#4c763b,#3a5a2d);color:#fff;padding:16px 20px;border-radius:12px;text-decoration:none;text-align:center;font-weight:600;font-size:15px;border:2px solid rgba(76,118,59,.3);transition:all .3s ease;box-shadow:0 4px 15px #4c763b33}.action-buttons .btn-primary:hover{background:linear-gradient(135deg,#5a8a47,#4c763b);transform:translateY(-2px);box-shadow:0 6px 20px #4c763b4d;border-color:#4c763b80}.action-buttons .btn-primary:active{transform:translateY(0)}.slideshow{margin-bottom:35px;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #0006}.swiper{width:100%;height:300px;border-radius:16px}.swiper-slide{display:flex;justify-content:center;align-items:center;background:#1a1a1a}.swiper-slide img{width:100%;height:100%;object-fit:cover;display:block}.visit-us{text-align:center;margin-bottom:25px;padding:25px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px}.visit-us h3{font-size:20px;font-weight:600;color:#fff;margin-bottom:12px}.visit-us p{font-size:13px;color:#b0b0b0;line-height:1.6}.connect-section{text-align:center;margin-bottom:30px}.connect-section h3{font-size:20px;font-weight:600;color:#fff;margin-bottom:20px}.social-links{display:flex;justify-content:center;gap:20px;padding:0}.social-links a{color:#b0b0b0;text-decoration:none;font-size:28px;transition:all .3s ease;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:0;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%}.social-links a:hover{color:#4c763b;background:#4c763b1a;border-color:#4c763b4d;transform:translateY(-3px) scale(1.05);box-shadow:0 0 15px #4c763b66}.page-title{font-size:28px;font-weight:700;color:#fff;text-align:center;margin-bottom:15px}.subtitle{font-size:14px;color:#a0a0a0;text-align:center;margin-bottom:30px}.btn-primary{display:inline-block;background:linear-gradient(135deg,#4c763b,#3a5a2d);color:#fff;padding:14px 28px;border-radius:12px;text-decoration:none;font-weight:600;font-size:15px;border:2px solid rgba(76,118,59,.3);transition:all .3s ease;box-shadow:0 4px 15px #4c763b33;text-align:center;width:100%;max-width:300px;margin:0 auto}.btn-primary:hover{background:linear-gradient(135deg,#5a8a47,#4c763b);transform:translateY(-2px);box-shadow:0 6px 20px #4c763b4d}@media (max-width: 768px){.Home .main-content{margin-top:80px;padding:15px 15px 100px}.hero h1{font-size:24px}.stat-value{font-size:28px}.swiper{height:250px}.action-buttons{grid-template-columns:1fr}.social-links{gap:15px}.social-links a{width:55px;height:55px;font-size:24px}}@media (max-width: 480px){.hero h1{font-size:22px}.stat-value{font-size:24px}.swiper{height:200px}.visit-us p{font-size:12px}.social-links{gap:12px}.social-links a{width:50px;height:50px;font-size:22px}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.LoyaltyCard .main-content{max-width:600px;margin:88px auto 0!important;padding:0 20px 100px!important;background:#000;min-height:calc(100vh - 88px)}@media (max-width: 768px){.LoyaltyCard .main-content{margin-top:56px!important;padding:0 15px 80px!important}}.page-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:20px;text-align:center}.loyalty-card{background:#0009;border:2px solid #4C763b;border-radius:20px;padding:24px;box-shadow:0 0 12px #4c763b99;animation:pulseGlow 3s infinite}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tier-badge{background:linear-gradient(135deg,#4c763b,#3a5a2d);color:#fff;padding:6px 12px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 0 10px #4c763b66}.progress-section{margin-bottom:30px;text-align:center}.stamp-count-display{font-size:3rem;font-weight:700;color:#4c763b;text-shadow:0 0 12px rgba(76,118,59,.8);margin-bottom:5px}.stamp-count-label{font-size:.9rem;color:#a0a0a0;margin-bottom:15px}.progress-bar{background:#ffffff1a;border-radius:10px;height:12px;overflow:hidden;margin-bottom:8px}.progress-fill{background:#4c763b;height:100%;transition:width .4s ease;box-shadow:0 0 10px #4c763bb3}.progress-percentage{font-size:.85rem;color:#4c763b;margin-top:8px;text-align:center}.progress-label{font-size:13px;color:#fff;text-align:center;margin-top:8px}.stamps-grid-circular{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0;padding:0 10px}.stamp-circle{position:relative;width:100%;aspect-ratio:1;min-height:85px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease}.stamp-circle.empty{background:transparent;border:3px solid #4C763b}.stamp-circle.filled{background:#4c763b;border:3px solid #4C763b;animation:stampPop .5s ease}.stamp-circle.reward{border:4px solid #D4A574}.stamp-circle.reward.empty{background:transparent;border:4px solid #D4A574}.stamp-circle.reward.filled{background:#4c763b;border:4px solid #D4A574}.stamp-circle:hover{transform:scale(1.05)}.stamp-icon{font-size:3rem;color:#fff;display:flex;align-items:center;justify-content:center;line-height:1}.stamp-icon svg{color:currentColor}.stamp-circle.empty .stamp-icon{color:#4c763b}.stamp-circle.empty .stamp-icon svg{color:currentColor}.reward-label{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);background:#d4a574;color:#000;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:700;text-align:center;line-height:1.1;text-shadow:none;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}@keyframes stampPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}.next-reward-info{background:#0009;border:2px solid #4C763b;border-radius:12px;padding:16px 20px;margin-top:20px;text-align:center;box-shadow:0 0 12px #4c763b99;animation:pulseGlow 3s infinite}.next-reward-info p{color:#fff;font-size:1rem;margin:0}.next-reward-info strong{color:#4c763b;text-shadow:0 0 8px rgba(76,118,59,.7)}.qr-section{text-align:center;margin:20px 0}.qr-code{background:#111;border:2px solid #4C763b;border-radius:12px;padding:12px;display:inline-block;box-shadow:0 0 12px #4c763b99;width:100%;max-width:400px;height:auto;aspect-ratio:1}.qr-id{font-size:13px;color:#a0a0a0;margin-top:8px}.btn-secondary{background:#ffffff0d;color:#fff;padding:12px 20px;border-radius:12px;border:2px solid #4C763b;font-size:14px;font-weight:600;transition:all .3s ease;width:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary svg{font-size:16px;color:currentColor}.btn-secondary:hover{background:#4c763b33;transform:translateY(-2px);box-shadow:0 0 15px #4c763b66}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat-card{background:#0009;border:2px solid #4C763b;border-radius:14px;padding:20px;text-align:center;box-shadow:0 0 12px #4c763b99;animation:pulseGlow 3s infinite}.stat-value{font-size:28px;font-weight:700;color:#4c763b;margin-bottom:8px;text-shadow:0 0 8px rgba(76,118,59,.7)}.stat-label{font-size:13px;color:#fff}.action-card{display:flex;align-items:center;background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;box-shadow:0 0 8px #4c763b4d;margin-bottom:12px}.action-icon{font-size:20px;margin-right:12px;color:#4c763b}.action-icon svg{color:currentColor}.action-content h3{color:#fff;margin:0;font-size:14px}.action-content p{color:#a0a0a0;font-size:13px;margin:4px 0 0}.empty-history{color:#888;text-align:center;padding:24px}.reward-card{background:#0009;border:2px solid #4C763b;border-radius:14px;padding:16px;margin-bottom:12px;box-shadow:0 0 12px #4c763b99}.reward-header{display:flex;align-items:center;margin-bottom:10px}.reward-icon{font-size:22px;margin-right:10px;color:#4c763b}.reward-info h3{color:#fff;margin:0;font-size:16px}.reward-info p{color:#a0a0a0;font-size:13px;margin:4px 0 0}.reward-cost{font-size:13px;color:#fff}.reward-cost span{color:#4c763b;font-weight:600}.section-title{font-size:18px;font-weight:600;margin-bottom:16px;color:#fff}.loading{color:#fff;text-align:center;padding:40px;font-size:16px}@media (max-width: 768px){.stamp-count-display{font-size:2.5rem}.stamps-grid-circular{gap:16px;padding:0 8px}.stamp-circle{min-height:70px}.stamp-icon{font-size:2.5rem}.reward-label{font-size:.65rem;padding:3px 8px;bottom:-10px}.next-reward-info{padding:12px 16px}.next-reward-info p{font-size:.9rem}.stat-value{font-size:24px}.stats-grid{grid-template-columns:1fr;gap:12px}.qr-code{width:100%;max-width:400px;height:auto;aspect-ratio:1;margin:0 auto}.reward-info h3{font-size:15px}.reward-info p{font-size:12px}.page-title{font-size:20px}.loyalty-card{padding:20px}}@media (max-width: 480px){.stamp-count-display{font-size:2rem}.stamps-grid-circular{gap:12px;padding:0 5px}.stamp-circle{min-height:60px}.stamp-icon{font-size:2.2rem}.reward-label{font-size:.6rem;padding:3px 7px;bottom:-9px}.next-reward-info p{font-size:.85rem}.stat-value{font-size:20px}.tier-badge{font-size:12px;padding:4px 10px}.qr-code{width:100%;max-width:350px;height:auto;aspect-ratio:1}.progress-label{font-size:12px}.reward-info h3{font-size:14px}.reward-info p{font-size:11px}.btn-secondary{font-size:13px;padding:10px 16px}.page-title{font-size:18px}.loyalty-card{padding:16px}}@media (prefers-reduced-motion: reduce){.stamp-circle{transition:none}.stamp-circle.filled,.pulseGlow{animation:none}.btn-secondary{transition:none}}.Rewards .main-content{max-width:600px;margin:88px auto 0!important;padding:0 20px 100px!important;background:#000;min-height:calc(100vh - 88px)}@media (max-width: 768px){.Rewards .main-content{margin-top:56px!important;padding:0 15px 100px!important}}.page-title{font-size:28px;font-weight:700;color:#fff;text-align:center;margin-top:0;margin-bottom:25px}.stamps-summary{background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid #4C763b;border-radius:14px;padding:40px 24px;text-align:center;margin-bottom:25px;box-shadow:0 0 12px #4c763b99;animation:pulseGlow 3s infinite}.summary-label{font-size:15px;color:#fff;margin-top:12px;margin-bottom:8px;font-weight:600}.summary-value{font-size:72px;font-weight:700;color:#4c763b;text-shadow:0 0 12px rgba(76,118,59,.8);line-height:1;margin-bottom:0}.summary-note{font-size:13px;color:#b0b0b0;font-weight:500}.info-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:20px}.info-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:12px;display:flex;align-items:center;gap:8px}.section-icon{font-size:20px;color:#4c763b}.info-list{font-size:14px;color:#b0b0b0;line-height:1.8;padding-left:20px;margin:0}.info-list li{margin-bottom:6px}.info-list strong{color:#4c763b}.history-toggle-btn{width:100%;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-icon{font-size:18px;color:#4c763b}.history-count{color:#d4a574}.history-toggle-btn:hover{background:#ffffff14;border-color:#4c763b4d;transform:translateY(-2px)}.section-heading{font-size:18px;font-weight:600;color:#fff;margin-bottom:16px;margin-top:8px;display:flex;align-items:center;gap:8px}.history-section{margin-bottom:30px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;display:flex;gap:16px;align-items:flex-start;transition:all .3s ease}.history-item:hover{background:#ffffff14;border-color:#4c763b4d;transform:translate(4px)}.history-icon{font-size:28px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#4c763b33;border-radius:10px;flex-shrink:0;color:#4c763b}.history-content{flex:1}.history-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.history-desc{font-size:14px;color:#b0b0b0;margin-bottom:6px}.history-date{font-size:12px;color:#d4a574;font-weight:500}.empty-history{color:#888;text-align:center;padding:40px 20px;font-size:15px}.rewards-list{display:flex;flex-direction:column;gap:16px;margin-bottom:30px}.reward-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px;transition:all .3s ease}.reward-card.claimed{border-color:#4c763b4d;background:#4c763b0d}.reward-card:hover{background:#ffffff14;transform:translateY(-2px)}.reward-card.claimed:hover{background:#4c763b14}.reward-header{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px}.reward-icon{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#4c763b33;border-radius:12px;flex-shrink:0;color:#4c763b}.reward-card.claimed .reward-icon{background:#4c763b4d;color:#4c763b}.reward-info{flex:1}.reward-name{font-size:17px;font-weight:600;color:#fff;margin-bottom:6px}.reward-desc{font-size:14px;color:#b0b0b0;line-height:1.5}.reward-progress{margin-bottom:16px}.progress-label{font-size:13px;color:#a0a0a0;margin-bottom:8px;font-weight:500}.progress-bar-container{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#4c763b,#5a8a47);border-radius:4px;transition:width .3s ease;box-shadow:0 0 8px #4c763b99}.reward-action{margin-top:12px}.status-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;text-align:center;transition:all .3s ease}.badge-icon{font-size:16px;flex-shrink:0}.claimed-badge{background:#4c763b33;color:#4c763b;border:1px solid rgba(76,118,59,.4)}.ready-badge{background:#d4a57433;color:#d4a574;border:1px solid rgba(212,165,116,.4);animation:pulse 2s ease-in-out infinite}.ready-badge .badge-icon{color:#d4a574}.locked-badge{background:#ffffff0d;color:#ffffff80;border:1px solid rgba(255,255,255,.1)}.locked-badge .badge-icon{color:#fff6}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.98)}}.tip-card{background:#d4a5741a;border:1px solid rgba(212,165,116,.3);border-radius:12px;padding:16px;font-size:14px;color:#fff;margin-bottom:30px;line-height:1.6}.tip-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tip-icon{font-size:20px;color:#d4a574;flex-shrink:0}.tip-card strong{color:#d4a574}.tip-card p{margin:0;color:#e0e0e0}.faq-section{margin-top:32px}.faq-item{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:18px;margin-bottom:12px}.faq-question{font-size:15px;font-weight:600;color:#fff;margin-bottom:10px}.faq-answer{font-size:14px;color:#b0b0b0;line-height:1.6;margin:0}.faq-answer strong{color:#4c763b}@media (max-width: 768px){.Rewards .main-content{margin-top:80px;padding:15px 15px 100px}.page-title{font-size:24px}.summary-value{font-size:64px}.reward-header{gap:12px}.reward-icon{width:50px;height:50px;font-size:28px}.history-icon{width:45px;height:45px;font-size:24px}.section-icon{font-size:18px}.btn-icon{font-size:16px}.badge-icon{font-size:14px}.tip-icon{font-size:18px}}@media (max-width: 480px){.page-title{font-size:22px}.summary-value{font-size:56px}.reward-name{font-size:16px}.reward-icon{width:45px;height:45px;font-size:26px}.history-icon{width:40px;height:40px;font-size:22px}.status-badge{font-size:13px;padding:10px 14px}.badge-icon{font-size:13px}}html,body{margin:0;padding:0;background:#000;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.notifications-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px 16px 100px;background:#000}.page-title{color:#fff;margin:0;padding:8px 0;font-size:22px;font-weight:700;text-align:center;line-height:1.2}.mark-all-container{display:flex;justify-content:center;margin:12px 0 16px}.mark-all-read-btn{background:linear-gradient(135deg,#4c763b,#3a5a2d);color:#fff;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;border:2px solid rgba(76,118,59,.3);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4c763b4d}.mark-all-read-btn:hover{background:linear-gradient(135deg,#5a8a47,#4c763b);transform:translateY(-2px);box-shadow:0 6px 20px #4c763b80}.mark-all-read-btn:active{transform:translateY(0)}.notification-list{width:100%;max-width:600px}.notification-item{display:flex;align-items:flex-start;gap:14px;border-radius:12px;padding:16px;margin-bottom:12px;transition:all .3s ease;cursor:pointer;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0006}.notification-item.unread{border-left:4px solid #4C763b;background:#4c763b14;box-shadow:0 0 15px #4c763b4d}.notification-item.unread:hover{background:#4c763b1f;transform:translateY(-2px);box-shadow:0 6px 20px #4c763b66}.notification-item.read{opacity:.7}.notification-item.read:hover{opacity:.85;transform:translateY(-1px);box-shadow:0 4px 15px #ffffff1a}.notification-icon{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;background:#4c763b33;border-radius:8px;padding:6px}.hero-icon{width:20px;height:20px;color:#4c763b}.notification-content{flex:1;min-width:0}.notification-content h4{font-size:16px;font-weight:600;margin:0 0 6px;color:#fff;line-height:1.3}.notification-content p{font-size:14px;color:#b0b0b0;margin:0 0 8px;line-height:1.4}.notification-time{font-size:12px;color:#888;font-weight:500}.notifications-empty{text-align:center;padding:60px 20px;color:#fff;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1);max-width:400px;margin:40px auto}.notifications-empty-icon{font-size:64px;margin-bottom:16px;opacity:.4}.notifications-empty-text{font-size:20px;font-weight:600;margin-bottom:8px;color:#fff}.notifications-empty-subtext{font-size:14px;color:#b0b0b0;line-height:1.5}.loading{display:flex;justify-content:center;align-items:center;min-height:50vh;color:#b0b0b0;font-size:16px}@media (max-width: 768px){.notifications-container{padding:16px 12px 100px}.page-title{font-size:20px}.notification-item{padding:14px;gap:12px}.notification-content h4{font-size:15px}.notification-content p{font-size:13px}.notification-time{font-size:11px}.mark-all-read-btn{padding:10px 20px;font-size:14px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notification-item{animation:fadeInUp .3s ease}.BaristaScanner .main-content{max-width:600px;margin:88px auto 0!important;padding:0 20px 100px!important;background:#000;min-height:calc(100vh - 88px);display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.BaristaScanner .main-content{margin-top:56px!important;padding:0 15px 80px!important}}.title-section{text-align:center;margin-bottom:30px;width:100%;max-width:600px}.page-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px}.title-icon{font-size:32px;color:#4c763b}.subtitle{color:#b0b0b0;font-size:14px;margin:0}.button-container{width:100%;max-width:400px;margin:0 auto 40px;display:flex;justify-content:center}.btn-primary{width:100%;background:linear-gradient(135deg,#4c763b,#3a5a2d);color:#fff;padding:16px 24px;border-radius:12px;border:2px solid rgba(76,118,59,.3);font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4c763b4d;display:flex;align-items:center;justify-content:center;gap:10px}.btn-icon{font-size:20px;flex-shrink:0}.btn-primary:hover{background:linear-gradient(135deg,#5a8a47,#4c763b);transform:translateY(-2px);box-shadow:0 6px 20px #4c763b80;border-color:#4c763b99}.btn-primary:active{transform:translateY(0)}.scanner-container{width:100%;display:flex;flex-direction:column;align-items:center}.scanner-section{text-align:center;margin:32px 0;width:100%;display:flex;flex-direction:column;align-items:center}.scanner-frame{width:100%;max-width:500px;height:auto;margin:0 auto 20px;border:3px solid #4C763b;border-radius:12px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#4c763b0d;box-shadow:0 0 20px #4c763b99;overflow:visible;padding:15px}.scanner-corner{position:absolute;width:30px;height:30px;border:4px solid #4C763b;z-index:10}.scanner-corner.tl{top:-3px;left:-3px;border-right:none;border-bottom:none;border-top-left-radius:12px}.scanner-corner.tr{top:-3px;right:-3px;border-left:none;border-bottom:none;border-top-right-radius:12px}.scanner-corner.bl{bottom:-3px;left:-3px;border-right:none;border-top:none;border-bottom-left-radius:12px}.scanner-corner.br{bottom:-3px;right:-3px;border-left:none;border-top:none;border-bottom-right-radius:12px}.scanner-text{color:#b0b0b0;font-size:14px;margin-top:20px;text-align:center}#qr-reader{border:none!important;width:100%!important;max-width:470px!important;margin:0 auto!important}#qr-reader video{border-radius:8px!important;width:100%!important;height:auto!important;max-width:470px!important;object-fit:cover!important}#qr-reader__dashboard{margin-top:10px!important;margin-bottom:16px!important;padding:0!important}#qr-reader__dashboard_section{margin:5px 0!important;padding:8px!important;background:#ffffff1a!important;border-radius:8px!important}#qr-reader__dashboard_section select{width:100%!important;padding:8px 12px!important;background:#ffffff26!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:6px!important;color:#fff!important;font-size:14px!important;cursor:pointer!important}#qr-reader__dashboard_section button{padding:8px 16px!important;background:#4c763b!important;border:none!important;border-radius:6px!important;color:#fff!important;font-weight:600!important;cursor:pointer!important;margin:5px!important}#qr-reader__dashboard_section button:hover{background:#5a8a47!important}.scanner-result-success{background:#4c763b1a;border:2px solid #4C763b;border-radius:16px;padding:32px 24px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:20px 0;width:100%;max-width:500px}.result-icon-wrapper{margin-bottom:20px}.result-icon{font-size:64px}.result-icon.success{color:#4c763b}.scanner-result-success h2{font-size:22px;font-weight:600;margin-bottom:20px;color:#fff}.scanner-result-details{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:24px}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 0}.detail-row:last-child{margin-bottom:0}.detail-label{color:#b0b0b0;font-size:14px;font-weight:500}.detail-value{color:#fff;font-size:14px;font-weight:600}.detail-value.highlight{color:#4c763b;font-size:18px;font-weight:700}.scanner-result-error{background:#f443361a;border:2px solid rgba(244,67,54,.3);border-radius:16px;padding:32px 24px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:20px 0;width:100%;max-width:500px}.result-icon.error{color:#f44336}.scanner-result-error h2{font-size:22px;font-weight:600;margin-bottom:16px;color:#f44336}.error-message{color:#f44336;margin-bottom:24px;font-size:15px}.scanner-instructions{margin-top:40px;width:100%;max-width:600px}.scanner-instructions h3{font-size:18px;font-weight:600;margin-bottom:16px;color:#fff;text-align:center}.instructions-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:20px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:16px}.instructions-box ol{padding-left:20px;line-height:1.8;font-size:14px;color:#b0b0b0;margin:0}.instructions-box ol li{margin-bottom:8px}.important-rules{background:#d4a5741a;border:1px solid rgba(212,165,116,.3);padding:16px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.important-rules h4{font-size:14px;font-weight:600;margin-bottom:12px;color:#d4a574}.important-rules ul{padding-left:20px;line-height:1.8;font-size:14px;color:#b0b0b0;margin:0}.important-rules ul li{margin-bottom:8px}@media (max-width: 768px){.page-title{font-size:24px}.title-icon{font-size:28px}.btn-primary{font-size:15px;padding:14px 20px}.btn-icon{font-size:18px}.scanner-frame{max-width:95vw}#qr-reader{max-width:calc(95vw - 60px)!important}#qr-reader video{max-width:calc(95vw - 60px)!important}.result-icon{font-size:56px}.scanner-result-success h2,.scanner-result-error h2{font-size:20px}}@media (max-width: 480px){.page-title{font-size:22px}.title-icon{font-size:26px}.btn-primary{font-size:14px;padding:12px 18px}.btn-icon{font-size:16px}.scanner-frame{max-width:95vw;padding:12px}#qr-reader{max-width:calc(95vw - 50px)!important}#qr-reader video{max-width:calc(95vw - 50px)!important}.scanner-text{font-size:13px}.result-icon{font-size:48px}.scanner-result-success,.scanner-result-error{padding:24px 20px}.scanner-result-success h2,.scanner-result-error h2{font-size:18px}.detail-row{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 360px){.scanner-frame{max-width:95vw;padding:10px}#qr-reader{max-width:calc(95vw - 40px)!important}#qr-reader video{max-width:calc(95vw - 40px)!important}.scanner-text{font-size:12px}}.admin-container{max-width:1400px;margin:88px auto 0;padding:20px 20px 100px;background:#000;min-height:calc(100vh - 88px)}@media (max-width: 768px){.admin-container{margin-top:56px;padding:15px 15px 100px}}.admin-header{text-align:center;margin-bottom:30px}.admin-header h1{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px}.admin-header .subtitle{font-size:14px;color:#a0a0a0;font-weight:500}.admin-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}@media (max-width: 1024px){.admin-layout{grid-template-columns:1fr}}.admin-tabs{position:sticky;top:100px;display:flex;flex-direction:column;gap:12px;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px}@media (max-width: 1024px){.admin-tabs{position:relative;top:0;flex-direction:row;overflow-x:auto;padding:12px;scrollbar-width:thin;scrollbar-color:rgba(76,118,59,.5) rgba(255,255,255,.05)}.admin-tabs::-webkit-scrollbar{height:8px}.admin-tabs::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.admin-tabs::-webkit-scrollbar-thumb{background:#4c763b80;border-radius:4px}}.tab-button{background:transparent;border:none;padding:14px 16px;font-size:15px;font-weight:600;color:#b0b0b0;cursor:pointer;transition:all .3s ease;border-radius:10px;text-align:left;display:flex;align-items:center;gap:12px;white-space:nowrap}.tab-button:hover{background:#ffffff14;color:#fff}.tab-button.active{background:#4c763b26;color:#4c763b;border:1px solid rgba(76,118,59,.3);box-shadow:0 0 12px #4c763b4d}.tab-button .tab-icon{font-size:20px;width:24px;text-align:center}.tab-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px}.stat-card{background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid #4C763b;border-radius:14px;padding:24px;text-align:center;transition:all .3s ease;box-shadow:0 0 12px #4c763b99;animation:pulseGlow 3s infinite}@keyframes pulseGlow{0%{box-shadow:0 0 12px #4c763b99}50%{box-shadow:0 0 20px #4c763be6,0 0 40px #4c763b99}to{box-shadow:0 0 12px #4c763b99}}.stat-icon{font-size:36px;margin-bottom:8px}.stat-value{font-size:34px;font-weight:700;color:#4c763b;margin-bottom:10px;text-shadow:0 0 8px rgba(76,118,59,.7)}.stat-label{font-size:15px;color:#fff;font-weight:500}.admin-section{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:24px;margin-bottom:20px}.admin-section h2{font-size:20px;font-weight:700;color:#fff;margin-bottom:16px;display:flex;align-items:center;gap:12px}.section-description{color:#b0b0b0;margin-bottom:20px;font-size:14px;line-height:1.6}.section-header-with-control{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.notification-form,.form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#fff;font-size:15px}.form-group input,.form-group textarea,.form-group select{padding:14px 16px;background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);border-radius:10px;color:#fff;font-size:15px;font-weight:500;transition:all .3s ease;box-shadow:inset 0 2px 5px #0000001a}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4c763b80;background:#ffffff1f;box-shadow:0 0 0 3px #4c763b1a,inset 0 2px 5px #0000001a}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group small{color:#a0a0a0;font-size:13px}.form-group select{cursor:pointer}.form-group select option{background:#1a1a1a;color:#fff}.form-group input[type=checkbox]{width:auto;cursor:pointer}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#4C763b}.checkbox-group label{cursor:pointer;-webkit-user-select:none;user-select:none}.btn-send-notification,.btn-primary{background:linear-gradient(135deg,#4c763b,#3a5a2d);color:#fff;padding:14px 28px;border:2px solid rgba(76,118,59,.3);border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4c763b4d}.btn-send-notification:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a8a47,#4c763b);transform:translateY(-2px);box-shadow:0 6px 20px #4c763b80;border-color:#4c763b99}.btn-send-notification:active:not(:disabled),.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-send-notification:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-reset-claims,.btn-secondary{background:#ffffff14;color:#fff;padding:10px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-reset-claims:hover,.btn-secondary:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-2px)}.btn-reset-all,.btn-danger{background:#f4433626;color:#f44336;padding:10px 16px;border:1px solid rgba(244,67,54,.3);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-reset-all:hover,.btn-danger:hover{background:#f4433640;border-color:#f4433680;transform:translateY(-2px)}.notification-result{margin-top:20px;padding:16px 20px;border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-result.success{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50}.notification-result.error{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336}.notification-result h3{font-size:16px;font-weight:700;margin-bottom:8px}.result-stats{display:flex;gap:16px;margin-top:12px;flex-wrap:wrap;font-size:14px}.result-stats span{padding:6px 12px;background:#0000004d;border-radius:6px;font-weight:600}.notification-templates{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.notification-templates h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:16px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.template-btn{background:#ffffff0d;color:#fff;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:left}.template-btn:hover{background:#ffffff14;border-color:#4c763b4d;transform:translateY(-2px)}.date-selector{display:flex;align-items:center;gap:12px;background:#ffffff0d;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.date-selector label{font-weight:600;color:#fff;font-size:14px;white-space:nowrap}.date-selector input[type=date]{padding:8px 12px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:500}.date-selector input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:25px}.summary-card{background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.summary-card:hover{transform:translateY(-2px);border-color:#4c763b4d}.summary-value{font-size:28px;font-weight:700;color:#4c763b;margin-bottom:8px;text-shadow:0 0 8px rgba(76,118,59,.7)}.summary-label{color:#b0b0b0;font-size:13px;font-weight:600}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.activity-item:hover{background:#ffffff14;transform:translate(4px)}.activity-date{font-weight:700;color:#4c763b;font-size:15px}.activity-stats{display:flex;gap:12px;font-size:14px;flex-wrap:wrap}.activity-badge{padding:4px 12px;background:#4c763b1a;border:1px solid rgba(76,118,59,.2);border-radius:12px;font-size:13px;font-weight:600;color:#4c763b}.top-customers-list{display:flex;flex-direction:column;gap:12px}.top-customer-item{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.top-customer-item:hover{background:#ffffff14;transform:translateY(-2px)}.rank{font-size:24px;font-weight:700;color:#4c763b;min-width:50px;text-align:center;text-shadow:0 0 8px rgba(76,118,59,.5)}.customer-info{flex:1}.customer-name{font-weight:700;color:#fff;font-size:16px;margin-bottom:4px}.customer-email{font-size:14px;color:#b0b0b0}.customer-stamps{font-weight:700;color:#4c763b;font-size:18px}.stamp-history-table,.customers-table{overflow-x:auto;margin-top:20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}table{width:100%;border-collapse:collapse}thead{background:#00000080}th{padding:16px;text-align:left;font-weight:700;color:#4c763b;border-bottom:2px solid rgba(76,118,59,.3);font-size:14px;white-space:nowrap}td{padding:16px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);font-weight:500;font-size:14px;overflow:visible}tr:last-child td{border-bottom:none}tr:hover{background:#ffffff0d}td.highlight{color:#4c763b;font-weight:700}td.success{color:#4caf50;font-weight:700}td.warning{color:#ff9800;font-weight:700}td.error{color:#f44336;font-weight:700}td.no-data{text-align:center;color:#888;padding:40px;font-style:italic}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:12px;font-size:13px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;min-width:110px;justify-content:center;white-space:nowrap;margin:2px 0}.status-badge-icon{font-size:16px;line-height:1;flex-shrink:0}.status-active{background:#4caf5033;color:#66bb6a;border:1px solid rgba(76,175,80,.4);box-shadow:0 0 8px #4caf504d}.status-inactive{background:#f4433633;color:#ef5350;border:1px solid rgba(244,67,54,.4);box-shadow:0 0 8px #f443364d}.status-pending{background:#ff980033;color:#ffa726;border:1px solid rgba(255,152,0,.4);box-shadow:0 0 8px #ff98004d}.loading{text-align:center;padding:60px 20px;color:#a0a0a0;font-size:16px}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(76,118,59,.3);border-top-color:#4c763b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 20px;background:#ffffff08;border-radius:12px;border:2px dashed rgba(255,255,255,.1)}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:20px;font-weight:600;color:#fff;margin-bottom:8px}.empty-state p{color:#b0b0b0;margin-bottom:24px}.quick-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:20px}.quick-action-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease}.quick-action-card:hover{background:#ffffff14;border-color:#4c763b4d;transform:translateY(-4px)}.quick-action-icon{font-size:32px;margin-bottom:12px}.quick-action-label{font-size:14px;font-weight:600;color:#fff}@media (max-width: 1024px){.admin-tabs{flex-direction:row;overflow-x:auto;gap:8px}.tab-button{padding:12px 16px;font-size:14px}.stats-grid{grid-template-columns:repeat(2,1fr)}.status-badge{min-width:100px;font-size:12px}}@media (max-width: 768px){.admin-container{padding:15px 15px 100px}.admin-header h1{font-size:24px}.stats-grid{grid-template-columns:1fr}.section-header-with-control{flex-direction:column;align-items:flex-start}.date-selector{width:100%;flex-wrap:wrap}.templates-grid{grid-template-columns:1fr}table{font-size:13px}th,td{padding:12px 8px}.action-buttons{flex-direction:column;width:100%}.action-buttons button,.btn-reset-claims,.btn-reset-all,.btn-secondary,.btn-danger{width:100%}.summary-cards{grid-template-columns:repeat(2,1fr)}.activity-item{flex-direction:column;align-items:flex-start;gap:12px}.activity-stats{width:100%}.top-customer-item{flex-wrap:wrap}.status-badge{padding:5px 12px;font-size:12px;min-width:100px;gap:5px}.status-badge-icon{font-size:14px}}@media (max-width: 480px){.admin-header h1{font-size:22px}.stat-value{font-size:28px}.summary-value{font-size:24px}.rank{font-size:20px;min-width:40px}.customer-stamps{font-size:16px}.summary-cards,.quick-actions{grid-template-columns:1fr}.status-badge{padding:4px 10px;font-size:11px;min-width:90px;gap:4px}.status-badge-icon{font-size:13px}}.stamp-history-table::-webkit-scrollbar,.customers-table::-webkit-scrollbar{height:8px}.stamp-history-table::-webkit-scrollbar-track,.customers-table::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.stamp-history-table::-webkit-scrollbar-thumb,.customers-table::-webkit-scrollbar-thumb{background:#4c763b80;border-radius:4px}.stamp-history-table::-webkit-scrollbar-thumb:hover,.customers-table::-webkit-scrollbar-thumb:hover{background:#4c763bb3}@media print{.admin-tabs,.btn-send-notification,.btn-primary,.btn-secondary,.btn-danger,.btn-reset-claims,.btn-reset-all{display:none}.admin-container{margin:0;padding:20px}.admin-section{page-break-inside:avoid}.stat-card{animation:none}}.tab-button:focus,.btn-primary:focus,.btn-secondary:focus,.btn-danger:focus{outline:2px solid #4C763b;outline-offset:2px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pill-nav-container{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;background-color:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);margin:0;padding:0;width:100%;pointer-events:none}.pill-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;max-width:1400px;margin:0 auto;gap:32px;pointer-events:auto}.pill-logo{display:flex;align-items:center;text-decoration:none;z-index:1;flex-shrink:0;pointer-events:auto}.pill-logo img{height:48px;width:auto;display:block}.pill-nav-right-section{display:flex;align-items:center;gap:16px;flex-shrink:0;z-index:1;pointer-events:auto}.pill-nav-right-element{display:flex;align-items:center;pointer-events:auto}.pill-nav-items{display:flex;align-items:center;flex:1;justify-content:center;pointer-events:auto}.pill-list{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}.pill{position:relative;display:flex;align-items:center;padding:14px 28px;background-color:var(--pill-bg, #ffffff);color:var(--pill-text, #000000);border-radius:50px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease;cursor:pointer;overflow:hidden;white-space:nowrap;pointer-events:auto}.pill:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.pill.is-active{background-color:var(--pill-bg, #ffffff);box-shadow:0 4px 16px #ffffff4d}.pill.logout-button,.pill.logout-button .pill-label,.pill.logout-button .pill-label-hover{color:#4c763b}.hover-circle{position:absolute;border-radius:50%;background-color:var(--base, #000000);pointer-events:none;left:50%;z-index:0}.label-stack{position:relative;display:flex;align-items:center;z-index:1}.pill-label,.pill-label-hover{display:block;position:relative}.pill-label-hover{position:absolute;top:0;left:0;color:var(--hover-text, #ffffff);opacity:0}.mobile-menu-button{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:none;border:none;cursor:pointer;padding:0;z-index:1;flex-shrink:0;pointer-events:auto}.hamburger-line{display:block;width:100%;height:3px;background-color:#fff;border-radius:2px;transition:all .3s ease}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9997;display:none;opacity:0;transition:opacity .3s ease;pointer-events:none}.mobile-menu-overlay.is-open{display:block;opacity:1;pointer-events:auto}.mobile-menu-popover{position:fixed;top:56px;left:0;right:0;background-color:#000000fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:24px;visibility:hidden;opacity:0;z-index:9998;max-height:calc(100vh - 56px);overflow-y:auto;transform:translateY(-10px);transition:all .3s ease;pointer-events:none}.mobile-menu-popover.is-open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}@media (min-width: 769px){.mobile-menu-popover{top:88px;max-height:calc(100vh - 88px)}}.mobile-menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.mobile-menu-link{display:block;padding:16px 20px;background-color:#ffffff1a;color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:16px;transition:all .3s ease;text-align:center;pointer-events:auto}.mobile-menu-link:hover,.mobile-menu-link.is-active{background-color:#fff3;transform:translate(4px)}.mobile-menu-link.logout-button{color:#4c763b}body.menu-open{overflow:hidden;position:fixed;width:100%}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width: 768px){.pill-nav-container{position:fixed!important;top:0!important}.pill-nav{padding:12px 20px;gap:12px}.pill-logo img{height:32px}.desktop-only{display:none!important}.mobile-only,.mobile-menu-button{display:flex}.mobile-menu-popover{display:block;top:56px}.pill-nav-right-section{gap:12px}}@media (max-width: 1024px) and (min-width: 769px){.pill-nav{padding:14px 20px}.pill{padding:10px 20px;font-size:13px}}.notification-bell{position:relative;background:none;border:none;padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;border-radius:8px}.bell-icon{display:block;width:32px;height:32px}.notification-bell:hover{transform:scale(1.1);background-color:#ffffff1a}.notification-bell:active{transform:scale(.95)}.notification-badge{position:absolute;top:0;right:0;background:#885e20;color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 6px #0006;border:2px solid #000000;animation:bellPulse 2s infinite}@keyframes bellPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-bell.ringing{animation:bellRing .5s ease}@keyframes bellRing{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}.notification-badge.hidden{display:none}@media (max-width: 768px){.notification-bell{padding:8px}.bell-icon{width:28px;height:28px}.notification-badge{top:0;right:0;min-width:18px;height:18px;font-size:10px}}body{margin:0;padding:0;background:#000;color:#fff}.App{min-height:100vh;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-container{max-width:100%;margin:0 auto;position:relative;background:#000}.app-content,.app{min-height:100vh;background:#000}.main-content{margin-top:88px!important;padding:0 var(--spacing-md) 100px var(--spacing-md)!important;overflow-y:auto;background:#000;min-height:calc(100vh - 88px);color:#fff}@media (max-width: 768px){.main-content{margin-top:56px!important;padding:0 var(--spacing-sm) 100px var(--spacing-sm)!important;min-height:calc(100vh - 56px)}}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:24px;color:#b0b0b0;background:#000}.error-message{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:16px;border-radius:12px;margin:16px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.success-message{background:#4c763b1a;border:1px solid rgba(76,118,59,.3);color:#4c763b;padding:16px;border-radius:12px;margin:16px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;background:#000}:root{--primary-dark: #1E2C14;--primary-green: #4C763b;--bg-black: #000000;--bg-dark: #0a0a0a;--bg-card: rgba(255, 255, 255, .05);--bg-card-hover: rgba(255, 255, 255, .08);--border-green: #4C763b;--border-light: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #a0a0a0;--text-disabled: #888888;--danger: #f44336;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 50%;--font-xs: 11px;--font-sm: 13px;--font-md: 14px;--font-base: 16px;--font-lg: 18px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 28px;--glow-green: rgba(76, 118, 59, .6);--glow-intense: rgba(76, 118, 59, .9);--shadow-card: 0 4px 15px rgba(76, 118, 59, .3)}.main-content{padding:15px var(--spacing-md) 100px var(--spacing-md);overflow-y:auto;background:var(--bg-black);min-height:calc(100vh - 88px);color:var(--text-primary)}.page-title{color:var(--text-primary);font-size:var(--font-3xl);font-weight:700;margin-top:0;margin-bottom:20px;text-align:center}.hero{background:transparent;border-radius:var(--radius-lg);padding:var(--spacing-lg) 0;color:#fff;text-align:center;margin-bottom:var(--spacing-lg);position:relative;overflow:hidden}.hero h1{font-size:var(--font-3xl);margin-top:0;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.hero .subtitle{font-size:var(--font-md);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.nita-pattern{display:flex;justify-content:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0;flex-wrap:wrap;opacity:.3}.nita-logo-item{font-size:24px}.stats-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-card{background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--border-green);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:all .3s ease;box-shadow:0 0 12px var(--glow-green);animation:pulseGlow 3s infinite}@keyframes pulseGlow{0%{box-shadow:0 0 12px var(--glow-green)}50%{box-shadow:0 0 20px var(--glow-intense),0 0 40px var(--glow-green)}to{box-shadow:0 0 12px var(--glow-green)}}.stat-card:hover{background:#000000bf;border-color:#5a8a47;transform:translateY(-4px) scale(1.02);box-shadow:0 0 18px #4c763bcc,0 0 30px #4c763b80}.stat-value{font-size:34px;font-weight:700;color:var(--primary-green);margin-bottom:10px;text-shadow:0 0 8px var(--glow-green)}.stat-label{font-size:var(--font-md);color:var(--text-primary);font-weight:500;margin-top:6px;text-transform:capitalize}.action-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);cursor:pointer;transition:all .3s ease}.action-card:hover{background:var(--bg-card-hover);border-color:#fff3;transform:translate(4px)}.action-card:active{transform:scale(.98)}.action-icon{font-size:32px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#4c763b1a;border-radius:var(--radius-sm)}.action-content h3{font-size:var(--font-base);font-weight:600;margin-bottom:4px;color:var(--text-primary)}.action-content p{font-size:var(--font-sm);color:var(--text-secondary)}.loyalty-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--border-green);border-radius:var(--radius-lg);padding:var(--spacing-lg);color:#fff;margin-bottom:var(--spacing-lg);box-shadow:0 0 12px var(--glow-green)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.card-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.tier-badge{background:#4c763b33;border:1px solid var(--border-green);padding:6px 12px;border-radius:20px;font-size:var(--font-sm);font-weight:600;color:var(--primary-green);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-section{margin-bottom:var(--spacing-lg)}.progress-text{font-size:var(--font-md);margin-bottom:var(--spacing-xs);color:var(--text-primary)}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-xs)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-green) 0%,#5a8a47 100%);border-radius:4px;transition:width .3s ease;box-shadow:0 0 8px var(--glow-green)}.progress-label{font-size:var(--font-sm);color:var(--text-secondary)}.stamp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.stamp-circle{aspect-ratio:1;border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-2xl);transition:all .3s ease;background:#ffffff08}.stamp-circle.filled{background:#4c763b33;border-color:var(--primary-green);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 8px var(--glow-green)}.stamp-circle.reward{background:var(--primary-green);border-color:var(--primary-green);font-size:var(--font-lg);box-shadow:0 0 12px var(--glow-green)}.qr-section{text-align:center;margin-bottom:var(--spacing-lg)}.qr-code{width:100%;max-width:400px;height:auto;aspect-ratio:1;background:#fff;margin:0 auto var(--spacing-md);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:120px;box-shadow:0 8px 25px #0006}.qr-id{font-size:var(--font-sm);color:var(--text-secondary);letter-spacing:2px}.btn-primary{background:linear-gradient(135deg,var(--primary-green) 0%,#3a5a2d 100%);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-base);font-weight:700;border:2px solid rgba(76,118,59,.3);cursor:pointer;width:100%;transition:all .3s ease;box-shadow:var(--shadow-card)}.btn-primary:hover{background:linear-gradient(135deg,#5a8a47 0%,var(--primary-green) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #4c763b80;border-color:#4c763b99}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-base);font-weight:600;border:1px solid var(--border-light);cursor:pointer;width:100%;transition:all .3s ease}.btn-secondary:hover{background:var(--bg-card-hover);border-color:#fff3;transform:translateY(-2px)}.reward-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:all .3s ease}.reward-card:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.reward-card.eligible{border:2px solid var(--border-green);box-shadow:0 0 12px var(--glow-green)}.reward-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.reward-icon{font-size:36px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#4c763b1a;border-radius:var(--radius-md)}.reward-info h3{font-size:var(--font-base);font-weight:600;margin-bottom:4px;color:var(--text-primary)}.reward-info p{font-size:var(--font-sm);color:var(--text-secondary)}.reward-cost{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-sm)}.stamps-required{font-size:var(--font-sm);color:var(--text-secondary)}.stamps-required span{font-weight:700;color:var(--primary-green);font-size:var(--font-base)}.admin-stat{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex;justify-content:space-between;align-items:center}.admin-stat-label{font-size:var(--font-md);color:var(--text-primary)}.admin-stat-value{font-size:var(--font-lg);font-weight:700;color:var(--primary-green);text-shadow:0 0 8px var(--glow-green)}.text-center{text-align:center}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.stamp-grid{grid-template-columns:repeat(4,1fr)}.main-content{padding-top:10px;padding-bottom:var(--spacing-md)}.qr-code{width:100%;max-width:400px;height:auto;aspect-ratio:1}}@media (max-width: 480px){.hero h1{font-size:var(--font-2xl)}.qr-code{width:100%;max-width:350px;height:auto;aspect-ratio:1}.page-title{font-size:var(--font-2xl)}}