:root{color-scheme:dark;--bg:#0b1220;--panel:#121d30;--line:#293a53;--gold:#e9bd59;--text:#f5f7fb;--muted:#a9b6c9;--green:#28b779;--red:#ff7373;--blue:#70b7ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#1b2b46 0,#0b1220 55%);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);min-height:100vh}header{position:sticky;top:0;z-index:5;background:#0b1220ed;border-bottom:1px solid var(--line);padding:14px max(16px,calc((100% - 1120px)/2));backdrop-filter:blur(10px)}.bar{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand:hover{text-decoration:none}.brand-logo{width:56px;height:56px;border-radius:50%;display:block;object-fit:contain;background:#0b1423;border:2px solid #f7d77d;box-shadow:0 0 20px #e9bd5948,0 4px 14px #0008;flex:0 0 auto}.brand strong{letter-spacing:1px}.brand small{display:block;color:var(--muted);font-size:12px}.coin{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f8df8b,#bd8a26);color:#172033;font-weight:900;font-size:22px;border:2px solid #ffe8a6}.brand strong{letter-spacing:1px}.brand small{display:block;color:var(--muted);font-size:12px}.wrap{max-width:1120px;margin:24px auto;padding:0 16px 50px}.hero{padding:28px 4px 22px}.hero h1{font-size:clamp(27px,4vw,42px);margin:0 0 8px}.hero p{color:var(--muted);max-width:750px;line-height:1.6;margin:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{background:linear-gradient(180deg,#162238,#111a2a);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 16px 44px #0002;margin-bottom:16px}.card h2,.card h3{margin:0 0 8px}.hint,.muted{color:var(--muted);font-size:13px;line-height:1.55}.field{margin-top:13px}.field label{display:block;font-size:13px;color:#d7dfeb;margin-bottom:6px}.field input,.field textarea{width:100%;border:1px solid #344761;background:#0b1423;color:var(--text);border-radius:10px;padding:13px;font-size:15px;outline:none}.field input:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e9bd5920}button{border:0;border-radius:10px;padding:12px 15px;font-weight:750;font-size:14px;cursor:pointer;background:linear-gradient(100deg,#f1ce75,#d8a63c);color:#172033}button:disabled{opacity:.6;cursor:wait}.secondary{background:#20334d;color:var(--text);border:1px solid #3a506e}.danger{background:#4a202b;color:#ffd8dc;border:1px solid #743342}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.full{width:100%;margin-top:16px}.status{display:none;margin-top:12px;padding:12px;border-radius:10px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.status.show{display:block}.status.error{background:#421f2a;color:#ffd8dc;border:1px solid #743342}.status.success{background:#12372e;color:#c9ffea;border:1px solid #226b55}.status.info{display:block;background:#182a42;color:#d6e8ff;border:1px solid #314b6c}.hidden{display:none!important}.metric{padding:17px;border:1px solid var(--line);border-radius:13px;background:#0c1626;min-width:0}.metric small{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;margin-top:8px;font-size:clamp(18px,2.5vw,26px);overflow-wrap:anywhere}.gold{color:var(--gold)}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 14px}.sectionhead h2{margin:0}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;min-width:650px;font-size:13px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid #26364e;vertical-align:top}th{background:#0c1626;color:#d8e4f4}td{color:#e4eaf3}tr:last-child td{border-bottom:0}.notice{border:1px solid #67562e;background:#332a18;color:#f6df9d;border-radius:12px;padding:13px;font-size:13px;line-height:1.55;margin:12px 0}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav button{padding:9px 12px}.small{font-size:12px;color:var(--muted)}footer{text-align:center;color:#718198;font-size:12px;padding:20px}.pill{font-size:11px;border:1px solid #36506f;border-radius:999px;padding:4px 8px;color:#c8def8}
@media(max-width:760px){.grid,.grid3{grid-template-columns:1fr}.card{padding:17px}.bar{align-items:flex-start}.brand strong{font-size:14px}.wrap{margin-top:12px}.sectionhead{align-items:flex-start;flex-direction:column}header{padding:12px 14px}}
.reward-center{border-color:#765b24;background:linear-gradient(135deg,#1b2940,#171f2f 60%,#332612);box-shadow:0 18px 50px #0005}.reward-center h3{color:#f5d579}.reward-center button{box-shadow:0 0 18px #e9bd5940}.card h2,.card h3{letter-spacing:.15px}.metric{transition:transform .18s ease,box-shadow .18s ease}.metric:hover{transform:translateY(-2px);box-shadow:0 10px 26px #0004}.brand strong{font-weight:900;color:#f6d579;text-shadow:0 1px 10px #e9bd5930}@media(max-width:760px){.brand-logo{width:48px;height:48px}.coin-art{width:min(100%,220px)}}

/* Full coin identity showcase */
.coin-showcase{overflow:hidden;text-align:center}
.coin-art-wrap{display:flex;justify-content:center;align-items:center;padding:10px 10px 4px}
.coin-art{width:min(100%,280px);height:auto;display:block;filter:drop-shadow(0 18px 28px rgba(0,0,0,.38));border-radius:18px}
.coin-caption{margin:8px 0 0;font-weight:700;letter-spacing:.3px}

/* Prevent accidental dashboard flash before JavaScript initializes. */
#userDashboard.hidden,#adminDashboard.hidden{display:none!important}


/* Coin King India in-app dashboard identity */
.dashboard-showcase{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:20px;min-height:330px;margin:4px 0 18px;padding:34px 34px 28px;overflow:hidden;border:1px solid #175ca0;border-radius:24px;background:radial-gradient(circle at 72% 48%,#0d3c72 0,#08254a 28%,#071a35 62%,#071322 100%);box-shadow:0 22px 70px #0007,inset 0 0 60px #0877d51a}
.dashboard-showcase:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 72% 50%,#00a6ff18 0 8%,transparent 30%),linear-gradient(115deg,transparent 35%,#0e76d115 50%,transparent 65%);transform:rotate(-8deg);pointer-events:none}
.showcase-copy,.showcase-logo{position:relative;z-index:1}.showcase-kicker{display:inline-block;color:#f6d579;font-weight:900;letter-spacing:2.4px;font-size:12px;margin-bottom:8px}.showcase-copy h1{font-size:clamp(38px,6vw,68px);line-height:.98;margin:0 0 14px;font-weight:950;letter-spacing:-1.5px}.showcase-copy h1 span{color:#f3c84e;text-shadow:0 4px 20px #e9bd5938}.showcase-copy p{font-size:clamp(17px,2.2vw,24px);line-height:1.45;color:#d6e3f4;max-width:560px;margin:0 0 22px}.showcase-points{display:flex;flex-wrap:wrap;gap:10px}.showcase-points span{padding:9px 13px;border:1px solid #2b5b8b;border-radius:999px;background:#07172aab;color:#f2f6fc;font-size:12px;font-weight:750;box-shadow:0 8px 24px #0003}.showcase-logo{display:flex;align-items:center;justify-content:center;min-height:280px}.showcase-logo img{position:relative;z-index:2;width:min(100%,340px);height:auto;display:block;object-fit:contain;filter:drop-shadow(0 18px 30px #0009) drop-shadow(0 0 24px #f4c64d36);transform:translateY(2px)}.showcase-glow{position:absolute;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle,#f7c95a32 0,#0b6fd01e 34%,transparent 70%);filter:blur(6px)}
.coin-showcase{background:linear-gradient(145deg,#101f35,#0d1727);border-color:#23486f}.coin-showcase .coin-art{width:min(100%,390px);border-radius:22px;box-shadow:0 16px 44px #0008}.coin-showcase .coin-art-wrap{padding:8px 10px 2px}
@media(max-width:760px){.dashboard-showcase{grid-template-columns:1fr;min-height:0;padding:24px 18px 18px;gap:4px;border-radius:20px}.showcase-copy{text-align:center}.showcase-kicker{font-size:10px;letter-spacing:2px}.showcase-copy h1{font-size:42px}.showcase-copy p{font-size:16px}.showcase-points{justify-content:center;gap:7px}.showcase-points span{font-size:11px;padding:8px 10px}.showcase-logo{min-height:220px;margin-top:-2px}.showcase-logo img{width:min(100%,260px)}.showcase-glow{width:230px;height:230px}.coin-showcase .coin-art{width:min(100%,300px)}}


/* Final dashboard cleanup: one large logo only */
.dashboard-showcase .showcase-logo img{width:min(100%,300px);border-radius:18px;}
.dashboard-showcase .showcase-logo{padding:8px 0;}
@media(max-width:760px){.dashboard-showcase .showcase-logo img{width:min(100%,220px);}.dashboard-showcase .showcase-logo{min-height:190px;}}
/* Logged-out main dashboard must never expose account-only panels. */
#landing{display:block;}
#userDashboard.hidden,#adminDashboard.hidden{display:none!important;visibility:hidden!important;pointer-events:none!important;}


/* Final separation: logged-out main dashboard contains only landing content. */
#userDashboard,#adminDashboard{display:none!important;visibility:hidden!important;pointer-events:none!important;}
body[data-page="user"] #userDashboard{display:block!important;visibility:visible!important;pointer-events:auto!important;}
body[data-page="admin"] #adminDashboard{display:block!important;visibility:visible!important;pointer-events:auto!important;}
body[data-page="landing"] #userDashboard,body[data-page="landing"] #adminDashboard{display:none!important;visibility:hidden!important;pointer-events:none!important;}


/* Original logo presentation: no artificial overlay, glow or crop */
.dashboard-showcase .showcase-logo{background:transparent;}
.dashboard-showcase .showcase-logo .showcase-glow{display:none!important;}
.dashboard-showcase .showcase-logo img{filter:none!important;border-radius:0!important;box-shadow:none!important;mix-blend-mode:normal!important;}
@media(max-width:760px){.dashboard-showcase .showcase-logo img{width:min(100%,240px);}}


/* Final cache-safe dashboard visibility */
#landing{display:block!important;}
body[data-page="landing"] #userDashboard,body[data-page="landing"] #adminDashboard{display:none!important;visibility:hidden!important;pointer-events:none!important;}
body[data-page="user"] #landing,body[data-page="admin"] #landing{display:none!important;}


/* Admin dashboard: compact collapsible section navigation */
.admin-section-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 10px;
  padding:16px 18px;
  min-height:58px;
  border:1px solid #3d5b7d;
  border-radius:16px;
  background:linear-gradient(135deg,#1a3554 0%,#142944 55%,#102238 100%);
  color:#f5f7fb;
  font-size:16px;
  font-weight:850;
  letter-spacing:.2px;
  text-align:left;
  box-shadow:0 10px 28px #0004,inset 0 1px 0 #ffffff12;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.admin-section-toggle::after{
  content:'⌄';
  flex:0 0 auto;
  color:#f3cb63;
  font-size:22px;
  line-height:1;
  transform:translateY(-2px);
  transition:transform .18s ease;
}
.admin-section-toggle:hover{
  transform:translateY(-1px);
  border-color:#e2b84e;
  box-shadow:0 14px 34px #0005,0 0 18px #e9bd5920;
}
.admin-section-toggle[aria-expanded="true"]{
  margin-bottom:12px;
  border-color:#e5bd58;
  background:linear-gradient(135deg,#263f5c 0%,#1c3049 55%,#17283e 100%);
  box-shadow:0 12px 34px #0005,0 0 22px #e9bd5920;
}
.admin-section-toggle[aria-expanded="true"]::after{
  transform:rotate(180deg) translateY(2px);
}
.admin-collapsible-section{
  animation:adminSectionOpen .18s ease-out;
}
.admin-collapsible-section.hidden{display:none!important;}
@keyframes adminSectionOpen{
  from{opacity:0;transform:translateY(-5px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:760px){
  .admin-section-toggle{
    min-height:56px;
    padding:15px 16px;
    font-size:15px;
    border-radius:15px;
  }
}