@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@400;600;700&family=Barlow:wght@400;500&display=swap);:root{--pink:#90e0ef;--blue:#fec5e5;--dark:#0d1b2a;--char:#123;--smoke:#162840;--ash:#1e3a55;--text:#eef7ff;--error:#ff6b6b;--success:#6bffb8}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#0d1b2a;background:var(--dark);color:#eef7ff;color:var(--text);font-family:Barlow,sans-serif;margin:0;min-height:100vh}body:before{background:radial-gradient(ellipse 70% 50% at 20% 20%,#fec5e51a 0,#0000 65%),radial-gradient(ellipse 70% 50% at 80% 80%,#90e0ef1a 0,#0000 65%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.wrapper{align-items:center;display:flex;flex-direction:column;gap:22px;justify-content:center;margin:0 auto;max-width:440px;min-height:100vh;padding:28px 16px 52px;position:relative;width:100%;z-index:1}.brand-header{animation:fadeDown .6s ease both;text-align:center}.brand-eyebrow{color:#90e0ef;color:var(--pink);font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:600;letter-spacing:4px;margin-bottom:4px;text-transform:uppercase}.brand-name{color:#eef7ff;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:clamp(44px,11vw,56px);letter-spacing:1px;line-height:.9}.brand-name span{color:#fec5e5;color:var(--blue)}.brand-sub{color:#eef7ff66;font-family:Barlow Condensed,sans-serif;font-size:12px;letter-spacing:3px;margin-top:6px;text-transform:uppercase}.card{animation:riseUp .6s ease .1s both;background:#123;background:var(--char);border:1.5px solid #1e3a55;border:1.5px solid var(--ash);border-radius:20px;box-shadow:0 0 0 1px #ffffff08,0 20px 60px #00000073,0 0 40px #90e0ef12;overflow:hidden;width:100%}.card-topbar{align-items:center;background:linear-gradient(90deg,#90e0ef,#fec5e5);background:linear-gradient(90deg,var(--pink),var(--blue));display:flex;justify-content:space-between;padding:11px 20px}.card-topbar-label{font-family:Bebas Neue,sans-serif;font-size:18px}.card-topbar-badge,.card-topbar-label{color:#0d1b2a;color:var(--dark);letter-spacing:2px}.card-topbar-badge{background:#0000002e;border-radius:20px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;padding:3px 10px;text-transform:uppercase}.card-body{padding:22px 20px 24px}.card-footer{align-items:center;border-top:1px solid #1e3a55;border-top:1px solid var(--ash);display:flex;justify-content:space-between;padding:12px 20px 16px}.card-footer-loc{color:#90e0ef4d;font-size:11px;letter-spacing:.5px}.card-footer-loc strong{color:#fec5e58c;display:block;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.card-footer-icon{font-size:20px}.progress-label{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:12px}.progress-title{color:#90e0ef80;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.progress-count{color:#90e0ef;color:var(--pink);font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:1px}.progress-count span{color:#90e0ef59;font-size:13px}.stamp-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin-bottom:18px}.stamp{align-items:center;aspect-ratio:1;background:#90e0ef0d;border:1.5px solid #1e3a55;border:1.5px solid var(--ash);border-radius:12px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;transition:transform .15s;-webkit-user-select:none;user-select:none}.stamp.filled{background:linear-gradient(135deg,#90e0ef,#fec5e5);background:linear-gradient(135deg,var(--pink) 0,var(--blue) 100%);border-color:#0000;box-shadow:0 4px 14px #90e0ef4d}.stamp.free-slot{background:#fec5e50d;border:1.5px dashed #fec5e5;border:1.5px dashed var(--blue)}.stamp.free-slot .stamp-num{color:#fec5e5;color:var(--blue);font-size:10px}.stamp.free-slot.filled{animation:shimmerPulse 1.4s ease infinite alternate;background:linear-gradient(135deg,#90e0ef,#fec5e5);background:linear-gradient(135deg,var(--pink) 0,var(--blue) 100%);border-color:#0000;box-shadow:0 4px 22px #90e0ef80}.stamp.pulse{animation:stampBounce .4s ease}.stamp-icon{font-size:22px;line-height:1;opacity:.15;transition:opacity .2s}.stamp.filled .stamp-icon{opacity:1}.stamp-num{color:#ffffff26;font-family:Bebas Neue,sans-serif;font-size:11px;margin-top:2px}.stamp.filled .stamp-num{color:#0d1b2aa6}.reward-banner{align-items:center;background:linear-gradient(90deg,#90e0ef14,#fec5e50f);border:1px solid #90e0ef33;border-radius:10px;display:flex;gap:10px;margin-bottom:16px;padding:11px 14px}.reward-icon{flex-shrink:0;font-size:22px}.reward-title{color:#90e0ef;color:var(--pink);font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.reward-desc{color:#90e0ef8c;font-size:12px;line-height:1.4;margin-top:2px}.btn-primary{background:linear-gradient(90deg,#90e0ef,#fec5e5);background:linear-gradient(90deg,var(--pink),var(--blue));border:none;border-radius:12px;box-shadow:0 6px 22px #90e0ef40;color:#0d1b2a;color:var(--dark);cursor:pointer;font-family:Bebas Neue,sans-serif;font-size:20px;font-weight:900;letter-spacing:3px;overflow:hidden;padding:14px;position:relative;transition:opacity .2s,transform .15s;width:100%}.btn-primary:after{background:linear-gradient(90deg,#0000,#ffffff2e,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s}.btn-primary:hover:after{transform:translateX(100%)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:#162840;background:var(--smoke);box-shadow:none;color:#fff3;cursor:not-allowed}.btn-outline{align-items:center;background:#0000;border:1.5px solid #90e0ef59;border-radius:12px;color:#90e0ef;color:var(--pink);cursor:pointer;display:flex;font-family:Bebas Neue,sans-serif;font-size:18px;gap:8px;justify-content:center;letter-spacing:3px;padding:13px;transition:background .2s,transform .15s,border-color .2s;width:100%}.btn-outline:hover{background:#90e0ef12;border-color:#90e0ef99;transform:translateY(-1px)}.btn-outline:active{transform:scale(.98)}.auth-form-container{animation:riseUp .6s ease .1s both;background:#123;background:var(--char);border:1.5px solid #1e3a55;border:1.5px solid var(--ash);border-radius:20px;box-shadow:0 20px 60px #0006;padding:28px 24px;width:100%}.input-group{margin-bottom:14px;position:relative}.auth-input{background:#162840;background:var(--smoke);border:1.5px solid #1e3a55;border:1.5px solid var(--ash);border-radius:10px;color:#eef7ff;color:var(--text);font-family:Barlow,sans-serif;font-size:14px;outline:none;padding:13px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.auth-input::placeholder{color:#eef7ff4d}.auth-input:focus{border-color:#90e0ef80;box-shadow:0 0 0 3px #90e0ef14}.auth-button{background:linear-gradient(90deg,#90e0ef,#fec5e5);background:linear-gradient(90deg,var(--pink),var(--blue));border:none;border-radius:12px;box-shadow:0 6px 20px #90e0ef38;color:#0d1b2a;color:var(--dark);cursor:pointer;font-family:Bebas Neue,sans-serif;font-size:20px;font-weight:900;letter-spacing:2px;margin-top:4px;padding:14px;transition:opacity .2s,transform .15s;width:100%}.auth-button:hover{opacity:.9;transform:translateY(-1px)}.auth-button:active{transform:scale(.98)}.auth-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.auth-link-text{color:#eef7ff99;font-size:14px;margin-top:20px;text-align:center}.auth-link{color:#90e0ef;color:var(--pink);font-weight:700;text-decoration:none;transition:opacity .2s}.auth-link:hover{opacity:.75}.toast{align-items:center;background:#123;background:var(--char);border:1.5px solid #1e3a55;border:1.5px solid var(--ash);border-radius:12px;bottom:28px;box-shadow:0 8px 30px #0006;color:#eef7ff;color:var(--text);display:flex;font-family:Barlow Condensed,sans-serif;font-size:15px;gap:10px;left:50%;letter-spacing:1px;opacity:0;padding:12px 20px;position:fixed;transform:translateX(-50%) translateY(80px);transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .35s ease;white-space:nowrap;z-index:200}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.toast.success{border-color:#6bffb866;color:#6bffb8;color:var(--success)}.toast.error{border-color:#ff6b6b66;color:#ff6b6b;color:var(--error)}.toast.info{border-color:#90e0ef66;color:#90e0ef;color:var(--pink)}.admin-wrapper{margin:0 auto;max-width:900px;padding:32px 20px 52px;position:relative;width:100%;z-index:1}.admin-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:28px}.admin-title{color:#eef7ff;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:36px;letter-spacing:2px}.admin-title span{color:#90e0ef;color:var(--pink)}.stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:28px}.stat-card{background:#123;background:var(--char);border:1.5px solid #1e3a55;border:1.5px solid var(--ash);border-radius:14px;display:flex;flex-direction:column;gap:4px;padding:18px 20px}.stat-label{color:#90e0ef73;font-family:Barlow Condensed,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase}.stat-value{color:#90e0ef;color:var(--pink);font-family:Bebas Neue,sans-serif;font-size:32px;letter-spacing:1px;line-height:1}.admin-table-wrap{background:#123;background:var(--char);border:1.5px solid #1e3a55;border:1.5px solid var(--ash);border-radius:16px;overflow:hidden}.admin-table-header{align-items:center;border-bottom:1px solid #1e3a55;border-bottom:1px solid var(--ash);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.admin-table-title{color:#eef7ffb3;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.admin-search{background:#162840;background:var(--smoke);border:1.5px solid #1e3a55;border:1.5px solid var(--ash);border-radius:8px;color:#eef7ff;color:var(--text);font-family:Barlow,sans-serif;font-size:13px;outline:none;padding:8px 14px;transition:border-color .2s;width:200px}.admin-search:focus{border-color:#90e0ef80}.admin-search::placeholder{color:#eef7ff4d}.admin-table{border-collapse:collapse;font-size:13px;width:100%}.admin-table thead{background:#162840;background:var(--smoke)}.admin-table th{color:#90e0ef80;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.admin-table td{border-top:1px solid #1e3a5599;color:#eef7ffbf;font-size:13px;padding:13px 16px}.admin-table tbody tr{transition:background .15s}.admin-table tbody tr:hover{background:#90e0ef0a}.admin-table .empty-row td{color:#eef7ff40;padding:40px;text-align:center}.admin-table .empty-row td,.badge{font-family:Barlow Condensed,sans-serif;letter-spacing:1px}.badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.badge-stamp{background:#90e0ef1f;border:1px solid #90e0ef40;color:#90e0ef;color:var(--pink)}.badge-redeem{background:#fec5e51f;border:1px solid #fec5e540;color:#fec5e5;color:var(--blue)}.scan-status{align-items:center;background:#162840;background:var(--smoke);border-radius:10px;display:flex;font-family:Barlow Condensed,sans-serif;font-size:15px;gap:10px;justify-content:center;letter-spacing:1px;margin-top:16px;padding:14px 16px;text-align:center;transition:border-color .2s,color .2s}.scan-status.success{border:1px solid #6bffb866;color:#6bffb8;color:var(--success)}.scan-status.error{border:1px solid #ff6b6b66;color:#ff6b6b;color:var(--error)}.scan-status.loading{border:1px solid #90e0ef4d;color:#90e0ef;color:var(--pink)}.customer-chip{align-items:center;background:#162840;background:var(--smoke);border:1px solid #1e3a55;border:1px solid var(--ash);border-radius:10px;color:#eef7ffb3;display:flex;font-size:14px;gap:10px;margin-top:14px;padding:12px 16px}.customer-chip strong{color:#eef7ff;color:var(--text)}.customer-chip .stamps-chip{color:#90e0ef;color:var(--pink);font-family:Bebas Neue,sans-serif;font-size:16px;letter-spacing:1px;margin-left:auto}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin .8s linear infinite}.qr-wrap{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:12px}.qr-frame{background:#fff;border-radius:14px;box-shadow:0 4px 20px #00000059;padding:12px}.qr-label{color:#90e0ef;color:var(--pink);font-size:11px;letter-spacing:2px;opacity:.8;text-transform:uppercase}.logout-btn{background:none;border:none;color:#eef7ff40;cursor:pointer;font-family:Barlow,sans-serif;font-size:12px;letter-spacing:1px;margin-top:-10px;text-decoration:underline;transition:color .2s}.logout-btn:hover{color:#eef7ff80}@keyframes fadeDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes riseUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes stampBounce{0%{transform:scale(1)}40%{transform:scale(1.2)}70%{transform:scale(.94)}to{transform:scale(1)}}@keyframes shimmerPulse{0%{box-shadow:0 4px 18px #90e0ef59}to{box-shadow:0 4px 32px #fec5e599}}