/* ── RESET & VARS ── */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --a:#EF9F27;--al:#FAC775;--ad:#BA7517;--adk:#633806;
  --bg:#0d0e0f;--bg2:#141517;--bg3:#1a1c1f;--bg4:#212327;
  --bor:rgba(239,159,39,0.15);--bor2:rgba(239,159,39,0.32);
  --tx:#f0ede8;--tx2:#9e9b94;--tx3:#4a4845;
  --ok:#1D9E75;--okl:#9FE1CB;--err:#E24B4A;--errl:#F7C1C1;
  --info:#378ADD;--infol:#B5D4F4;--warn:#EF9F27;--warnl:#FAC775;
  --fh:'Rajdhani',sans-serif;--fb:'Inter',sans-serif;
  --rad:10px;--rad-lg:14px;
}
html,body{min-height:100vh;background:var(--bg);color:var(--tx);font-family:var(--fb);font-size:14px;line-height:1.5;}
a{color:var(--a);text-decoration:none;}

/* ── LAYOUT ── */
.nav{position:sticky;top:0;z-index:100;background:var(--bg2);border-bottom:1px solid var(--bor);height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;}
.logo{font-family:var(--fh);font-size:20px;font-weight:700;letter-spacing:2px;color:var(--a);cursor:pointer;}
.logo span{color:var(--tx);}
.nav-links{display:flex;align-items:center;gap:4px;}
.nl{background:none;border:none;color:var(--tx2);font-family:var(--fb);font-size:12px;padding:6px 13px;border-radius:7px;cursor:pointer;transition:.15s;}
.nl:hover,.nl.on{background:rgba(239,159,39,0.1);color:var(--a);}
.avatar-btn{width:32px;height:32px;border-radius:50%;background:rgba(239,159,39,0.15);border:1px solid var(--bor2);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:12px;font-weight:700;color:var(--a);cursor:pointer;}

.page{padding:28px 24px;max-width:1100px;margin:0 auto;}
.page-sm{max-width:520px;}
.page-md{max-width:720px;}

/* ── SCREENS ── */
.scr{display:none;}
.scr.on{display:block;}

/* ── TYPOGRAPHY ── */
.ph{font-family:var(--fh);font-size:22px;font-weight:700;letter-spacing:1px;color:var(--a);margin-bottom:3px;}
.psub{font-size:12px;color:var(--tx2);margin-bottom:20px;}
.sh{font-family:var(--fh);font-size:15px;font-weight:600;color:var(--a);letter-spacing:.5px;margin-bottom:12px;}

/* ── CARDS ── */
.card{background:var(--bg2);border:1px solid var(--bor);border-radius:var(--rad-lg);padding:20px;}
.card+.card{margin-top:12px;}
.card.hi{border-color:var(--bor2);}

/* ── FORMS ── */
.fld{margin-bottom:14px;}
.fld label{display:block;font-size:11px;color:var(--tx2);letter-spacing:1px;text-transform:uppercase;margin-bottom:5px;}
.fld input,.fld select,.fld textarea{width:100%;background:var(--bg3);border:1px solid var(--bor);border-radius:8px;color:var(--tx);font-family:var(--fb);font-size:13px;padding:9px 12px;outline:none;transition:border-color .15s;}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--a);}
.fld select option{background:var(--bg3);}
.fld textarea{resize:vertical;min-height:70px;}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}

/* ── BUTTONS ── */
.btn{background:var(--a);color:#1a0e00;border:none;border-radius:8px;font-family:var(--fh);font-size:14px;font-weight:700;letter-spacing:1px;padding:10px 22px;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
.btn:hover{background:var(--al);}
.btn:active{transform:scale(.98);}
.btn:disabled{opacity:.4;cursor:not-allowed;}
.btn.out{background:none;border:1px solid var(--bor2);color:var(--a);}
.btn.out:hover{background:rgba(239,159,39,0.08);}
.btn.sm{font-size:12px;padding:6px 14px;}
.btn.xs{font-size:11px;padding:4px 9px;letter-spacing:.5px;}
.btn.full{width:100%;justify-content:center;}
.btn.red{background:var(--err);color:#fff;}
.btn.red:hover{background:#c43a39;}
.btn.grn{background:var(--ok);color:#fff;}
.btn.grn:hover{background:#178a64;}
.btn.info{background:var(--info);color:#fff;}
.btn-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}

/* ── BADGES ── */
.badge{display:inline-block;font-size:10px;font-weight:500;padding:2px 8px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase;}
.badge.ok{background:rgba(29,158,117,.15);color:var(--okl);}
.badge.err{background:rgba(226,75,74,.15);color:var(--errl);}
.badge.warn{background:rgba(239,159,39,.15);color:var(--al);}
.badge.info{background:rgba(55,138,221,.15);color:var(--infol);}
.badge.neu{background:var(--bg4);color:var(--tx2);}

/* ── STATUS BADGES ── */
.st-interested{background:rgba(55,138,221,.15);color:var(--infol);}
.st-trainee{background:rgba(239,159,39,.15);color:var(--al);}
.st-approved{background:rgba(29,158,117,.15);color:var(--okl);}
.st-certified{background:rgba(239,159,39,.25);color:var(--a);border:1px solid var(--bor2);}

/* ── TABLES ── */
.tbl-wrap{overflow-x:auto;}
table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed;}
th{background:var(--bg3);color:var(--tx2);font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:9px 10px;text-align:left;border-bottom:1px solid var(--bor);white-space:nowrap;}
td{padding:9px 10px;border-bottom:1px solid var(--bor);color:var(--tx);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;}
tr:hover td{background:rgba(239,159,39,.02);}
.tbl-empty{text-align:center;padding:32px;color:var(--tx2);font-size:13px;}

/* ── TABS ── */
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--bor);margin-bottom:20px;}
.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--tx2);font-family:var(--fb);font-size:12px;padding:8px 14px;cursor:pointer;transition:.15s;margin-bottom:-1px;}
.tab:hover{color:var(--tx);}
.tab.on{border-bottom-color:var(--a);color:var(--a);}

/* ── STATS ── */
.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-bottom:20px;}
.stat{background:var(--bg3);border-radius:10px;padding:14px;text-align:center;}
.stat .sv{font-family:var(--fh);font-size:26px;font-weight:700;color:var(--a);}
.stat .sl{font-size:10px;color:var(--tx2);text-transform:uppercase;letter-spacing:1px;margin-top:2px;}

/* ── INFO ROWS ── */
.ir{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:12px;border-bottom:1px solid var(--bor);}
.ir:last-child{border:none;}
.ir .il{color:var(--tx2);}
.ir .iv{color:var(--tx);font-weight:500;text-align:right;}

/* ── QUIZ ── */
.prog-bar{height:3px;background:var(--bg4);border-radius:2px;margin-bottom:20px;overflow:hidden;}
.prog-fill{height:100%;background:var(--a);border-radius:2px;transition:width .3s;}
.timer{font-family:var(--fh);font-size:13px;font-weight:600;color:var(--a);background:var(--bg3);border:1px solid var(--bor2);border-radius:20px;padding:4px 14px;letter-spacing:1px;}
.timer.hot{color:var(--err);border-color:var(--err);}
.q-card{background:var(--bg2);border:1px solid var(--bor);border-radius:var(--rad-lg);padding:22px;margin-bottom:14px;}
.q-lbl{font-size:10px;color:var(--ad);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-family:var(--fh);}
.q-txt{font-size:15px;line-height:1.6;font-weight:500;margin-bottom:18px;}
.opts{display:flex;flex-direction:column;gap:8px;}
.opt{background:var(--bg3);border:1px solid var(--bor);border-radius:8px;padding:10px 14px;cursor:pointer;font-size:13px;color:var(--tx2);transition:.15s;display:flex;align-items:center;gap:10px;}
.opt:hover{border-color:var(--bor2);color:var(--tx);}
.opt.sel{border-color:var(--a);color:var(--al);background:rgba(239,159,39,.08);}
.opt-lt{width:22px;height:22px;border-radius:50%;background:var(--bg4);border:1px solid var(--bor2);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:11px;font-weight:700;flex-shrink:0;}
.opt.sel .opt-lt{background:var(--a);border-color:var(--a);color:#1a0e00;}

/* ── STORE ── */
.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}
.store-card{background:var(--bg2);border:1px solid var(--bor);border-radius:var(--rad-lg);padding:20px;display:flex;flex-direction:column;gap:10px;transition:.15s;}
.store-card:hover{border-color:var(--bor2);}
.sc-icon{width:42px;height:42px;border-radius:9px;background:rgba(239,159,39,.1);border:1px solid var(--bor);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--a);}
.sc-name{font-family:var(--fh);font-size:15px;font-weight:600;letter-spacing:.5px;}
.sc-desc{font-size:12px;color:var(--tx2);line-height:1.5;flex:1;}
.sc-price{font-family:var(--fh);font-size:19px;font-weight:700;color:var(--a);}
.sc-price small{font-size:12px;color:var(--tx2);font-weight:400;font-family:var(--fb);}

/* ── COURSE PLAYER ── */
.course-player{display:grid;grid-template-columns:260px 1fr;gap:16px;}
.lesson-item{padding:10px 12px;border-radius:8px;cursor:pointer;font-size:12px;color:var(--tx2);display:flex;align-items:center;gap:8px;}
.lesson-item:hover{background:var(--bg3);color:var(--tx);}
.lesson-item.on{background:rgba(239,159,39,.08);color:var(--a);}
.lesson-item i{flex-shrink:0;}
.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--rad);margin:12px 0;}
.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}

/* ── HERO ── */
.hero{padding:48px 24px 32px;text-align:center;border-bottom:1px solid var(--bor);background:linear-gradient(180deg,rgba(239,159,39,.04) 0%,transparent 100%);}
.hero-badge{display:inline-block;background:rgba(239,159,39,.1);border:1px solid var(--bor2);color:var(--al);font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:3px 14px;border-radius:20px;margin-bottom:14px;font-family:var(--fh);}
.hero h1{font-family:var(--fh);font-size:32px;font-weight:700;letter-spacing:1px;margin-bottom:8px;}
.hero h1 span{color:var(--a);}
.hero p{color:var(--tx2);font-size:13px;max-width:500px;margin:0 auto 24px;line-height:1.6;}
.hero-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}

/* ── ALERTS ── */
.alert{padding:10px 14px;border-radius:8px;font-size:12px;margin-bottom:12px;display:none;}
.alert.err{background:rgba(226,75,74,.12);border:1px solid rgba(226,75,74,.3);color:var(--errl);}
.alert.ok{background:rgba(29,158,117,.12);border:1px solid rgba(29,158,117,.3);color:var(--okl);}
.alert.warn{background:rgba(239,159,39,.1);border:1px solid var(--bor2);color:var(--al);}

/* ── LOCKED BANNER ── */
.locked-banner{background:rgba(55,138,221,.08);border:1px solid rgba(55,138,221,.25);border-radius:10px;padding:16px 20px;display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;}
.locked-banner i{font-size:22px;color:var(--infol);flex-shrink:0;margin-top:2px;}
.locked-banner .lb-title{font-family:var(--fh);font-size:14px;color:var(--infol);letter-spacing:.5px;margin-bottom:4px;}
.locked-banner .lb-body{font-size:12px;color:var(--tx2);line-height:1.6;}

/* ── MODAL ── */
#modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:500;overflow-y:auto;padding:40px 16px;}
#modal-overlay.on{display:flex;align-items:flex-start;justify-content:center;}
.modal{background:var(--bg2);border:1px solid var(--bor2);border-radius:var(--rad-lg);padding:26px;width:100%;max-width:480px;}
.modal h3{font-family:var(--fh);font-size:18px;color:var(--a);letter-spacing:1px;margin-bottom:14px;}
.modal-btns{display:flex;gap:8px;margin-top:16px;}

/* ── TOOLBAR ── */
.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.search-in{background:var(--bg3);border:1px solid var(--bor);border-radius:8px;color:var(--tx);font-size:12px;padding:7px 12px;outline:none;width:210px;}
.search-in:focus{border-color:var(--a);}
.filter-pill{background:var(--bg3);border:1px solid var(--bor);border-radius:20px;color:var(--tx2);font-size:11px;padding:3px 12px;cursor:pointer;transition:.15s;white-space:nowrap;}
.filter-pill.on{background:rgba(239,159,39,.12);border-color:var(--bor2);color:var(--a);}

/* ── TOGGLE ── */
.toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;}
.trk{width:36px;height:20px;border-radius:10px;background:var(--bg4);border:1px solid var(--bor2);position:relative;transition:.2s;flex-shrink:0;}
.trk.on{background:rgba(239,159,39,.25);border-color:var(--a);}
.tthumb{width:14px;height:14px;border-radius:50%;background:var(--tx3);position:absolute;top:2px;left:2px;transition:.2s;}
.trk.on .tthumb{left:18px;background:var(--a);}

/* ── VERIFY ── */
.v-card-ok{border-color:var(--ok)!important;}
.v-card-fail{border-color:var(--err)!important;}

/* ── LOADING ── */
.loading{display:flex;align-items:center;gap:8px;color:var(--tx2);font-size:13px;padding:20px 0;}
.spin{width:16px;height:16px;border:2px solid var(--bg4);border-top-color:var(--a);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0;}
@keyframes spin{to{transform:rotate(360deg)}}

/* ── RESPONSIVE ── */
@media(max-width:600px){
  .row2,.row3{grid-template-columns:1fr;}
  .stat-grid{grid-template-columns:repeat(2,1fr);}
  .hero h1{font-size:24px;}
  table{font-size:11px;}
  th,td{padding:7px 8px;}
}
@media(max-width:700px){
  .course-player{grid-template-columns:1fr;}
}