@font-face{font-family:Gotham;src:url('../fonts/Gotham-Book.otf')}@font-face{font-family:Gotham;src:url('../fonts/Gotham-Black.otf');font-weight:900}*{box-sizing:border-box}body{margin:0;background:#faf3eb;color:#231f20;font-family:Gotham,Arial,sans-serif}.top{background:#4b2e17;color:#fff;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.top strong{letter-spacing:.08em}.top a{color:#fff;text-decoration:none}.wrap{max-width:1100px;margin:0 auto;padding:28px 18px}.tag{display:inline-block;background:#970304;color:#fff;padding:7px 11px;border-radius:99px;font-size:11px;font-weight:900;letter-spacing:.1em}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 6px 24px #00000010}.stat{font-size:38px;font-weight:900;margin-top:8px}.muted{color:#6d655e}.btn,button{border:0;border-radius:10px;padding:12px 15px;background:#4b2e17;color:#fff;font-weight:900;cursor:pointer;text-decoration:none;display:inline-block}.btn.alt{background:#9eae66;color:#231f20}.btn.red{background:#970304}.actions{display:flex;flex-wrap:wrap;gap:9px}.input{width:100%;padding:12px;border:1px solid #ddd;border-radius:10px;background:#fff}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:15px;overflow:hidden}.table th,.table td{padding:12px;border-bottom:1px solid #eee;text-align:left}.sipdots{display:flex;gap:8px;margin:16px 0}.dot{width:28px;height:28px;border-radius:50%;border:2px solid #9eae66;background:#fff}.dot.on{background:#9eae66}.free{padding:14px;border-radius:12px;background:#970304;color:#fff;font-weight:900}.qr{background:#fff;padding:12px;border-radius:14px;display:inline-block}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.formgrid label{display:flex;flex-direction:column;gap:6px;font-weight:900;font-size:13px}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{max-width:420px;width:100%;background:#fff;padding:30px;border-radius:24px;box-shadow:0 15px 45px #00000018}.login-card img{width:150px}.login-card form{display:grid;gap:14px;margin-top:20px}.login-card input{padding:13px;border:1px solid #ddd;border-radius:10px}.login-card label{display:grid;gap:6px;font-weight:900}.error{background:#ffe6e6;color:#970304;padding:10px;border-radius:10px;margin-top:15px}.headerrow{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.scanner{max-width:520px;margin:auto}.code{font-family:monospace;font-size:22px;letter-spacing:.12em}.notice{padding:12px 14px;background:#fff7d6;border-radius:12px}.small{font-size:12px}.danger{color:#970304}.mobile-card{text-align:center;max-width:520px;margin:20px auto}.mobile-card h1{margin-bottom:5px}@media(max-width:600px){.wrap{padding:20px 12px}.table{font-size:13px}.table th:nth-child(3),.table td:nth-child(3){display:none}}
.public-bg{background:linear-gradient(180deg,#faf3eb 0%,#f1e5d8 100%);min-height:100vh}.public-wrap{max-width:560px;padding:28px 14px 50px}.public-card{padding:28px 22px;text-align:center}.public-logo{width:130px;max-width:60%;margin:0 auto 18px;display:block}.public-card h1{font-size:42px;line-height:.95;margin:18px 0 14px}.public-card h1 span{color:#970304}.lead{font-size:17px;line-height:1.5}.join-form{display:grid;gap:14px;text-align:left;margin-top:24px}.join-form label{display:grid;gap:6px;font-weight:900;font-size:13px}.optional{font-weight:400;color:#777}.join-btn{width:100%;font-size:15px;padding:15px}.welcome{background:#9eae66;color:#231f20;font-weight:900;padding:13px 15px;border-radius:12px;margin-bottom:14px;text-align:center}.wallet-card{background:#4b2e17;color:#fff;border-radius:28px;padding:22px;box-shadow:0 18px 45px #4b2e1730;overflow:hidden;position:relative}.wallet-head{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.wallet-head img{width:92px;max-height:42px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.wallet-head span{font-size:12px;font-weight:900;letter-spacing:.16em}.wallet-name{font-size:30px;font-weight:900;margin-top:35px;position:relative;z-index:1}.wallet-title{margin-top:4px;opacity:.8}.wallet-sips{display:flex;gap:8px;margin:28px 0 12px;position:relative;z-index:1}.wallet-dot{width:48px;height:48px;border-radius:50%;background:#fff2;color:#fff;display:grid;place-items:center;font-size:22px;border:1px solid #ffffff55}.wallet-dot.on{background:#9eae66;color:#231f20;border-color:#9eae66}.wallet-count{font-size:18px;font-weight:900;letter-spacing:.04em;position:relative;z-index:1}.wallet-qr{background:#fff;padding:10px;border-radius:14px;width:max-content;margin:22px auto 10px;position:relative;z-index:1}.wallet-code{text-align:center;font:12px monospace;letter-spacing:.12em;opacity:.7}.wallet-actions{margin-top:14px}.wallet-actions h2{margin-top:0}.wallet-buttons{display:grid;gap:9px;margin-top:16px}.wallet-placeholder{width:100%;border:1px solid #ddd;background:#eee;color:#888;border-radius:10px;padding:13px;font-weight:900}.wallet-placeholder:disabled{cursor:not-allowed;opacity:.9}

.save-card-box{margin-top:16px;padding:15px;border-radius:14px;background:#faf3eb;border:1px solid #eadfD3}.save-card-box p{line-height:1.5}.ios-help{position:fixed;inset:0;background:#0008;display:grid;place-items:end center;padding:12px;z-index:20}.ios-help[hidden]{display:none}.ios-help-inner{background:#fff;width:100%;max-width:520px;border-radius:22px;padding:24px;position:relative;box-shadow:0 20px 60px #0004}.ios-help-inner li{margin:12px 0;line-height:1.45}.close-help{position:absolute;right:12px;top:12px;background:#eee;color:#231f20;border-radius:50%;width:36px;height:36px;padding:0;font-size:24px;line-height:1}.wallet-buttons,.wallet-placeholder{display:none}
.pin-input{letter-spacing:.35em;text-align:center;font-size:20px;font-weight:900}
.public-card a:not(.btn){color:#4b2e17;font-weight:900}


/* Daily Sip public landing actions */
.auth-actions{
  display:flex;
  gap:12px;
  justify-content:center;
  align-items:center;
  margin:24px 0 8px;
  flex-wrap:wrap;
}
.auth-actions .btn{
  min-width:132px;
  text-align:center;
  text-decoration:none;
  display:inline-flex;
  justify-content:center;
  align-items:center;
}

.landing-card{ text-align:center; padding-top:42px; padding-bottom:42px; }
.landing-card h1{ margin-top:26px; margin-bottom:8px; }
.landing-card h1 span{ color:#970304; }
.landing-card .lead{ margin-bottom:28px; }

/* Login / Sign Up switch directly below the logo */
.auth-switch{
  display:flex;
  width:100%;
  max-width:300px;
  margin:20px auto 26px;
  padding:3px;
  border:1px solid rgba(75,46,23,.18);
  border-radius:999px;
  background:#faf3eb;
}
.auth-switch .auth-tab{
  flex:1;
  text-align:center;
  text-decoration:none;
  padding:10px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
}
.auth-switch .auth-tab.active{
  background:#4b2e17;
  color:#fff;
}
.auth-switch .auth-tab:not(.active){
  color:#4b2e17;
}

/* Real Login / Sign Up toggle */
.auth-toggle{
  position:relative;
  display:flex;
  width:100%;
  max-width:300px;
  margin:8px auto 26px;
  padding:3px;
  border:1px solid rgba(75,46,23,.18);
  border-radius:999px;
  background:#efe5da;
  overflow:hidden;
}
.auth-toggle-btn{
  position:relative;
  z-index:2;
  flex:1;
  border:0;
  background:transparent;
  color:#4b2e17;
  padding:10px 14px;
  border-radius:999px;
  font:900 12px Gotham,Arial,sans-serif;
  letter-spacing:.08em;
  cursor:pointer;
}
.auth-toggle-btn.active{color:#fff}
.auth-toggle-slider{
  position:absolute;
  z-index:1;
  top:3px;
  bottom:3px;
  left:3px;
  width:calc(50% - 3px);
  border-radius:999px;
  background:#4b2e17;
  transition:transform .22s ease;
}
.auth-toggle:has(.auth-toggle-btn[data-mode="signup"].active) .auth-toggle-slider{
  transform:translateX(100%);
}
.auth-panel{display:none}
.auth-panel.active{display:block}

/* Account switch shown directly below the Sip Sip logo on both auth pages */
.auth-toggle{
  position:relative;
  display:flex;
  width:100%;
  max-width:300px;
  margin:8px auto 24px;
  padding:3px;
  border:1px solid rgba(75,46,23,.20);
  border-radius:999px;
  background:#efe5da;
  overflow:hidden;
}
.auth-toggle-btn{
  position:relative;
  z-index:2;
  flex:1;
  text-align:center;
  text-decoration:none !important;
  border:0;
  background:transparent;
  color:#4b2e17 !important;
  padding:10px 14px;
  border-radius:999px;
  font:900 12px Gotham,Arial,sans-serif;
  letter-spacing:.08em;
}
.auth-toggle-btn.active{color:#fff !important}
.auth-toggle-slider{
  position:absolute;
  z-index:1;
  top:3px;
  bottom:3px;
  left:3px;
  width:calc(50% - 3px);
  border-radius:999px;
  background:#4b2e17;
  transition:transform .22s ease;
}
.auth-toggle:has(.auth-toggle-btn.active[href="join.php"]) .auth-toggle-slider{
  transform:translateX(100%);
}

/* Fix active toggle label visibility */
.auth-toggle .auth-toggle-btn{
  position:relative !important;
  z-index:10 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#4b2e17 !important;
  opacity:1 !important;
}
.auth-toggle .auth-toggle-btn.active{color:#fff !important; opacity:1 !important;}
.auth-toggle .auth-toggle-slider{z-index:2 !important;}

.success{padding:14px 16px;border-radius:14px;background:#edf3e3;color:#31451f;margin:14px 0;line-height:1.5}

.table .actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.table .actions form{margin:0}

@media (max-width:700px){.stats{grid-template-columns:1fr!important}}

.new-alert{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border:1px solid rgba(151,3,4,.25)}
.new-alert-title{font-weight:800}
.new-alert-count{font-size:28px;font-weight:900}
.new-badge{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:999px;background:#970304;color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em}

/* Daily Sip stamp design */
.wallet-sips{display:flex;gap:6px;margin:24px 0 10px;position:relative;z-index:1;justify-content:space-between}
.wallet-dot{display:none}
.wallet-stamp{width:52px;height:52px;border-radius:50%;background:#faf3eb;color:#4b2e17;border:2px solid #faf3eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;box-shadow:0 0 0 1px #4b2e17;opacity:.38;flex:0 0 52px}
.wallet-stamp.on{opacity:1}
.wallet-stamp .stamp-art{height:29px;width:29px;display:grid;place-items:center}
.wallet-stamp .stamp-art img{width:27px;height:27px;object-fit:contain;display:block}
.wallet-stamp .stamp-label{font-size:6px;line-height:1;font-weight:900;letter-spacing:.05em}
.wallet-reward{width:86px;height:86px;border-radius:50%;background:transparent;color:#ffffff;border:2px solid #ffffff55;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:14px auto 4px;position:relative;z-index:1;line-height:1.05;text-align:center;opacity:.45}.wallet-reward.ready{background:#faf3eb;color:#4b2e17;border-color:#faf3eb;box-shadow:0 0 0 1px #4b2e17;opacity:1}.wallet-reward.locked{background:transparent;color:#ffffff;border-color:#ffffff55;box-shadow:none;opacity:.45}
.wallet-reward .reward-kicker{font-size:18px;font-weight:900;letter-spacing:.04em}
.wallet-reward span:not(.reward-kicker){font-size:9px;font-weight:700}
.wallet-reward strong{font-size:10px;letter-spacing:.08em}
.birthday-mode{background:#4b2e17;position:relative;overflow:hidden}
.birthday-topline{text-align:center;font-size:22px;font-weight:900;letter-spacing:.06em;color:#faf3eb;margin:6px 0 8px}
.birthday-copy{text-align:center;font-size:17px;font-weight:800;letter-spacing:.12em;color:#c9a56a;margin-top:16px}
.birthday-art{text-align:center;font-size:42px;line-height:1;margin:20px 0 10px}
.birthday-reward{width:150px;height:150px;border-radius:50%;margin:0 auto 18px;border:2px solid #c9a56a;box-shadow:0 0 0 1px #c9a56a;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#faf3eb;text-align:center}
.birthday-reward strong{font-size:20px;letter-spacing:.03em}
.birthday-reward span{font-size:12px;font-weight:900;letter-spacing:.12em;color:#c9a56a;margin-top:6px}
.birthday-message{border:1px solid rgba(151,3,4,.18);text-align:center}
.birthday-message h2{margin-bottom:6px}
.birthday-message .free{margin-top:12px}
.birthday-admin-available{padding:14px 16px;border-radius:14px;background:#f8eadf;color:#4b2e17;font-weight:800}
.birthday-admin-card{border:1px solid rgba(151,3,4,.22)}
@media (max-width:380px){.wallet-sips{gap:4px}.wallet-stamp{width:49px;height:49px;flex-basis:49px}.wallet-stamp .stamp-art{height:27px;width:27px}.wallet-stamp .stamp-art img{width:25px;height:25px}.wallet-stamp .stamp-label{font-size:5.5px}}


/* Google Wallet save action */
.google-wallet-save{margin-top:12px}.google-wallet-btn{display:block;width:100%;box-sizing:border-box;text-align:center;text-decoration:none;background:#231f20;color:#fff}.google-wallet-btn:hover{background:#4b2e17}

.checkbox-label{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.45}.checkbox-label input{margin-top:3px;width:auto}

/* My Sips customer profile */
.mysips-hero{text-align:center;margin:4px 0 18px}.mysips-hero .public-logo{margin-bottom:8px}.mysips-brand{font-weight:900;letter-spacing:.16em;font-size:22px;color:#4b2e17}.mysips-hero p{margin:5px 0 0;color:rgba(35,31,32,.62);font-size:13px}.mysips-summary{position:relative;overflow:hidden}.mysips-summary h1{margin:2px 0 8px}.eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(35,31,32,.52);font-weight:800}.sip-progress{display:flex;align-items:baseline;gap:7px;margin-top:8px}.sip-progress strong{font-size:34px;line-height:1;color:#4b2e17}.sip-progress span{font-size:11px;font-weight:900;letter-spacing:.12em}.progress-bar{height:9px;border-radius:99px;background:#eadfd4;overflow:hidden;margin:12px 0}.progress-bar span{display:block;height:100%;background:#9eae66;border-radius:99px}.mysips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}.mysips-stat{margin:0;text-align:center;padding:15px 10px}.mysips-stat span{display:block;font-size:9px;letter-spacing:.1em;font-weight:900;color:rgba(35,31,32,.52)}.mysips-stat strong{display:block;font-size:20px;color:#4b2e17;margin:6px 0 2px}.mysips-stat small{font-size:10px;color:rgba(35,31,32,.58)}.mysips-actions{display:flex;gap:10px}.mysips-actions .btn{flex:1;text-align:center}.mysips-history{display:flex;flex-direction:column;gap:0}.history-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid rgba(75,46,23,.12)}.history-row:last-child{border-bottom:0}.history-row strong{display:block;font-size:13px}.history-row small{display:block;margin-top:3px;color:rgba(35,31,32,.58);font-size:11px}.history-row time{white-space:nowrap;font-size:10px;color:rgba(35,31,32,.48)}.empty-state{text-align:center;padding:18px 8px;color:rgba(35,31,32,.68)}.empty-state strong{color:#4b2e17}.empty-state p{font-size:12px;line-height:1.5}.empty-state small{font-size:10px}.mysips-foot{text-align:center;margin:16px 8px 4px}@media(max-width:600px){.mysips-grid{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.mysips-grid .mysips-stat:last-child{grid-column:1/-1}.mysips-actions{flex-direction:column;gap:12px}.mysips-actions .btn{width:100%}.history-row{align-items:flex-start}.history-row time{font-size:9px}}

/* My Sips cleanup */
.mysips-last-visit{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:12px 0;padding:14px 18px}.mysips-last-visit span{font-size:10px;letter-spacing:.1em;font-weight:900;color:rgba(35,31,32,.52)}.mysips-last-visit strong{font-size:13px;color:#4b2e17;text-align:right}@media(max-width:600px){.mysips-last-visit{margin:12px 0;padding:14px 16px}}