/* ===================================================================
   24K EXCELLENCE — STUDENT / ADMIN / AUTH APPLICATION THEME
   Matches the original premium black, gold and red 24K identity.
   =================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800;900&family=Sora:wght@600;700;800&display=swap');

:root {
  --app-gold: #FFC107;
  --app-gold-2: #FFDE7A;
  --app-gold-3: #E5A400;
  --app-ink: #0A0A0A;
  --app-ink-2: #101010;
  --app-ink-3: #171717;
  --app-card: #141414;
  --app-card-2: #1A1A1A;
  --app-muted: #9B9B9B;
  --app-line: rgba(255,255,255,.09);
  --app-line-gold: rgba(255,193,7,.24);
  --app-green: #16A34A;
  --app-red: #DC2626;
  --app-blue: #3182F6;
  --app-orange: #D97706;
  --app-grad-gold: linear-gradient(135deg,#FFE9A8 0%,#FFC107 42%,#E5A400 100%);
  --app-grad-dark: linear-gradient(160deg,#1B1B1B 0%,#0C0C0C 100%);
  --app-shadow: 0 22px 60px -34px rgba(0,0,0,.95);
  --app-glow: 0 0 0 1px rgba(255,193,7,.15),0 24px 60px -32px rgba(255,193,7,.45);
  --app-candles: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='180'%3E%3Cg stroke='%23FFC107' stroke-opacity='.10' stroke-width='2'%3E%3Cpath d='M20 40v100M60 20v120M100 55v90M140 30v110M180 60v80M220 35v105M260 50v95'/%3E%3C/g%3E%3Cg fill='%23FFC107' fill-opacity='.06'%3E%3Crect x='12' y='60' width='16' height='55'/%3E%3Crect x='52' y='45' width='16' height='70'/%3E%3Crect x='92' y='75' width='16' height='45'/%3E%3Crect x='132' y='50' width='16' height='65'/%3E%3Crect x='172' y='80' width='16' height='40'/%3E%3Crect x='212' y='55' width='16' height='60'/%3E%3Crect x='252' y='70' width='16' height='50'/%3E%3C/g%3E%3C/svg%3E");
}

* { box-sizing: border-box; }
html { color-scheme: dark; scroll-behavior: smooth; }
body.app-page {
  margin: 0;
  min-height: 100vh;
  color: #F4F4F4;
  font-family: 'Barlow', system-ui, -apple-system, 'Segoe UI', sans-serif;
  background:
    radial-gradient(900px 520px at 95% -10%, rgba(255,193,7,.10), transparent 62%),
    radial-gradient(720px 420px at 15% 105%, rgba(220,38,38,.055), transparent 64%),
    var(--app-ink);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
body.app-page::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: var(--app-candles);
  background-size: 300px 180px;
  opacity: .18;
  mask-image: linear-gradient(180deg, #000, transparent 90%);
}
h1,h2,h3,h4 { font-family: 'Sora','Barlow',sans-serif; letter-spacing: -.025em; }
button,input,select,textarea { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .52; }
a { color: inherit; }
.hidden { display: none !important; }
.muted { color: var(--app-muted) !important; }
.text-right { text-align: right; }
.nowrap { white-space: nowrap; }
::selection { background: var(--app-gold); color: #000; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #080808; }
::-webkit-scrollbar-thumb { background: #2A2419; border: 2px solid #080808; border-radius: 12px; }
::-webkit-scrollbar-thumb:hover { background: var(--app-gold-3); }

/* Layout */
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 276px minmax(0,1fr); }
.app-side {
  position: sticky;
  top: 0;
  height: 100vh;
  z-index: 70;
  display: flex;
  flex-direction: column;
  color: #fff;
  background:
    linear-gradient(180deg,rgba(255,193,7,.035),transparent 28%),
    linear-gradient(155deg,#141414,#060606 72%);
  border-right: 1px solid var(--app-line-gold);
  box-shadow: 22px 0 60px -40px rgba(0,0,0,1);
}
.app-side::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: var(--app-candles);
  background-size: 300px 180px;
  opacity: .12;
}
.app-side > * { position: relative; z-index: 1; }
.app-side-brand { min-height: 100px; display: flex; align-items: center; justify-content: center; padding: 18px; border-bottom: 1px solid var(--app-line); }
.app-side-brand img { max-width: 162px; max-height: 62px; object-fit: contain; filter: drop-shadow(0 8px 24px rgba(255,193,7,.12)); }
.app-side-scroll { overflow-y: auto; padding: 16px 12px 22px; flex: 1; }
.app-nav-label { margin: 21px 13px 8px; color: #666; font-size: 10px; letter-spacing: .17em; font-weight: 900; }
.app-nav a {
  min-height: 47px;
  margin: 4px 0;
  padding: 10px 13px;
  border: 1px solid transparent;
  border-radius: 11px;
  color: #C9C9C9;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  font-weight: 700;
  transition: .22s ease;
}
.app-nav a i { width: 20px; color: #8B8B8B; text-align: center; transition: .22s ease; }
.app-nav a:hover { color: #fff; border-color: rgba(255,193,7,.16); background: rgba(255,193,7,.055); transform: translateX(2px); }
.app-nav a.on { color: #080808; background: var(--app-grad-gold); border-color: var(--app-gold); box-shadow: 0 14px 30px -18px rgba(255,193,7,.85); transform: translateX(2px); }
.app-nav a.on i { color: #080808; }
.app-nav .nav-count { margin-left: auto; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 20px; background: #2D2D2D; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; }
.app-nav a.on .nav-count { background: #111; color: var(--app-gold); }
.app-side-foot { padding: 14px 12px 18px; border-top: 1px solid var(--app-line); }
.app-side-foot button,.app-side-foot a { width: 100%; min-height: 44px; padding: 10px 13px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: #BEBEBE; display: flex; align-items: center; gap: 12px; text-decoration: none; transition: .2s ease; }
.app-side-foot button:hover,.app-side-foot a:hover { background: rgba(255,255,255,.05); border-color: var(--app-line); color: var(--app-gold); }
.app-main { min-width: 0; }
.app-topbar {
  position: sticky;
  top: 0;
  z-index: 55;
  height: 84px;
  padding: 0 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  background: rgba(10,10,10,.88);
  backdrop-filter: blur(18px) saturate(140%);
  border-bottom: 1px solid var(--app-line);
  box-shadow: 0 16px 40px -34px rgba(0,0,0,1);
}
.app-burger { display: none; width: 42px; height: 42px; border: 1px solid var(--app-line-gold); border-radius: 10px; background: rgba(255,193,7,.06); color: var(--app-gold); }
.app-title { min-width: 0; }
.app-title strong { display: block; font-family: 'Sora'; font-size: 17px; color: #fff; }
.app-title small { color: #858585; }
.app-search { margin-left: auto; position: relative; width: min(365px,34vw); }
.app-search i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #676767; }
.app-search input { width: 100%; height: 44px; border: 1px solid var(--app-line); border-radius: 12px; padding: 0 14px 0 40px; color: #F5F5F5; background: rgba(255,255,255,.035); outline: none; }
.app-search input::placeholder { color: #676767; }
.app-search input:focus { border-color: var(--app-gold); background: rgba(255,193,7,.045); box-shadow: 0 0 0 3px rgba(255,193,7,.10); }
.app-notify { width: 42px; height: 42px; border: 1px solid var(--app-line); border-radius: 12px; background: rgba(255,255,255,.035); color: #DADADA; position: relative; }
.app-notify:hover { border-color: var(--app-line-gold); color: var(--app-gold); }
.app-notify span { position: absolute; right: -5px; top: -6px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 20px; background: var(--app-red); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 10px; border: 2px solid #0A0A0A; }
.app-avatar { width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--app-line-gold); background: linear-gradient(145deg,#252015,#0C0C0C); color: var(--app-gold); display: grid; place-items: center; font-weight: 900; }
.app-content { padding: 30px; max-width: 1560px; margin: 0 auto; }
.panel { display: none; animation: appFade .24s ease; }
.panel.on { display: block; }
@keyframes appFade { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }
.panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 24px; }
.panel-heading h1,.panel-heading h2 { margin: 0 0 6px; color: #fff; font-size: clamp(24px,2vw,33px); }
.panel-heading p { margin: 0; color: var(--app-muted); }

/* Cards, metrics and buttons */
.app-grid { display: grid; gap: 20px; }
.app-grid.cols-2 { grid-template-columns: minmax(0,1.45fr) minmax(300px,.75fr); }
.app-grid.cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.app-card {
  min-width: 0;
  padding: 20px;
  border: 1px solid var(--app-line);
  border-radius: 17px;
  background: linear-gradient(155deg,rgba(27,27,27,.98),rgba(12,12,12,.98));
  box-shadow: var(--app-shadow);
  position: relative;
  overflow: hidden;
}
.app-card::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg,rgba(255,193,7,.035),transparent 34%); }
.app-card > * { position: relative; z-index: 1; }
.app-card:hover { border-color: rgba(255,193,7,.16); }
.app-card + .app-card { margin-top: 20px; }
.app-card-head { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-bottom: 17px; }
.app-card-head h3 { margin: 0; color: #fff; font-size: 17px; }
.app-card-head p { margin: 4px 0 0; color: var(--app-muted); font-size: 13px; }
.kpi-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 14px; margin-bottom: 20px; }
.app-kpi { min-height: 103px; padding: 18px; display: flex; align-items: center; gap: 13px; border: 1px solid var(--app-line); border-radius: 16px; background: var(--app-grad-dark); box-shadow: var(--app-shadow); transition: .25s ease; }
.app-kpi:hover { transform: translateY(-3px); border-color: var(--app-line-gold); box-shadow: var(--app-glow); }
.app-kpi > i { width: 44px; height: 44px; flex: none; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(145deg,rgba(255,193,7,.17),rgba(255,193,7,.06)); border: 1px solid rgba(255,193,7,.18); color: var(--app-gold); font-size: 18px; }
.app-kpi b { display: block; color: #fff; font-family: 'Sora'; font-size: 21px; line-height: 1.15; margin-bottom: 4px; }
.app-kpi small { color: var(--app-muted); font-size: 12px; }
.app-btn { min-height: 42px; padding: 10px 16px; border-radius: 10px; border: 1px solid transparent; background: linear-gradient(155deg,#202020,#080808); color: var(--app-gold); font-weight: 800; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; transition: .22s ease; box-shadow: 0 12px 28px -22px rgba(0,0,0,1); }
.app-btn:hover { transform: translateY(-2px); box-shadow: 0 18px 34px -20px rgba(0,0,0,1); }
.app-btn.gold { background: var(--app-grad-gold); color: #080808; box-shadow: 0 14px 30px -18px rgba(255,193,7,.85); }
.app-btn.gold:hover { box-shadow: 0 20px 38px -18px rgba(255,193,7,.95); }
.app-btn.outline { border-color: var(--app-line-gold); background: rgba(255,193,7,.035); color: var(--app-gold); }
.app-btn.outline:hover { background: rgba(255,193,7,.10); }
.app-btn.danger { background: rgba(220,38,38,.10); color: #FF7A7A; border-color: rgba(220,38,38,.30); }
.app-btn.green { background: linear-gradient(135deg,#22C55E,#15803D); color: #fff; }
.app-btn.small { min-height: 35px; padding: 7px 11px; font-size: 12px; border-radius: 8px; }
.status-pill { display: inline-flex; align-items: center; gap: 6px; min-height: 27px; padding: 5px 10px; border-radius: 999px; font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .055em; border: 1px solid transparent; }
.status-pill.ok { background: rgba(22,163,74,.12); color: #62E394; border-color: rgba(22,163,74,.28); }
.status-pill.warn { background: rgba(255,193,7,.10); color: var(--app-gold-2); border-color: rgba(255,193,7,.25); }
.status-pill.bad { background: rgba(220,38,38,.12); color: #FF7D7D; border-color: rgba(220,38,38,.30); }
.status-pill.neutral { background: rgba(255,255,255,.06); color: #BEBEBE; border-color: var(--app-line); }
.empty-state { padding: 38px 18px; text-align: center; border: 1px dashed rgba(255,193,7,.18); border-radius: 13px; background: rgba(255,193,7,.025); color: var(--app-muted); }
.empty-state i { display: block; font-size: 30px; color: #554A27; margin-bottom: 10px; }
.activity-list { display: grid; }
.activity-item { display: grid; grid-template-columns: 40px minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 13px 0; border-bottom: 1px solid var(--app-line); }
.activity-item:last-child { border-bottom: 0; }
.activity-icon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 10px; background: rgba(255,193,7,.09); border: 1px solid rgba(255,193,7,.16); color: var(--app-gold); }
.activity-item b { display: block; color: #F2F2F2; font-size: 13px; }
.activity-item small { color: var(--app-muted); font-size: 11px; }

/* Content cards */
.course-list-grid,.content-grid,.session-grid,.signal-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.course-card,.session-card,.signal-card,.content-card { border: 1px solid var(--app-line); border-radius: 17px; overflow: hidden; color: #F5F5F5; background: var(--app-grad-dark); box-shadow: var(--app-shadow); transition: .26s ease; }
.course-card:hover,.session-card:hover,.signal-card:hover,.content-card:hover { transform: translateY(-4px); border-color: var(--app-line-gold); box-shadow: var(--app-glow); }
.course-cover,.content-cover { min-height: 160px; padding: 18px; display: flex; align-items: flex-end; color: #fff; position: relative; background: radial-gradient(circle at 18% 20%,rgba(255,222,122,.72),rgba(255,193,7,.48) 25%,#17130A 46%,#080808 100%); overflow: hidden; }
.course-cover::after,.content-cover::after { content: ''; position: absolute; inset: 0; background-image: var(--app-candles); background-size: 300px 180px; opacity: .34; }
.course-cover > *,.content-cover > * { position: relative; z-index: 1; }
.course-cover i,.content-cover i { font-size: 35px; color: var(--app-gold); filter: drop-shadow(0 6px 16px rgba(255,193,7,.32)); }
.course-cover .status-pill { position: absolute; z-index: 2; top: 14px; right: 14px; }
.course-body,.content-body,.session-body,.signal-body { padding: 17px; }
.course-body h3,.content-body h3,.session-body h3,.signal-body h3 { margin: 0 0 7px; color: #fff; font-size: 17px; }
.course-body p,.content-body p,.session-body p,.signal-body p { margin: 0 0 14px; color: var(--app-muted); font-size: 13px; line-height: 1.58; }
.course-meta,.content-meta { display: flex; flex-wrap: wrap; gap: 10px 14px; margin-bottom: 15px; color: #A5A5A5; font-size: 12px; }
.course-meta i,.content-meta i { color: var(--app-gold); }
.course-actions,.card-actions { display: flex; gap: 9px; flex-wrap: wrap; }
.session-card { position: relative; }
.session-top { padding: 15px 17px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #fff; background: linear-gradient(145deg,#211B0B,#080808); border-bottom: 1px solid rgba(255,193,7,.16); }
.session-number { color: var(--app-gold); font-weight: 900; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
.session-lock { width: 35px; height: 35px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,193,7,.08); border: 1px solid rgba(255,193,7,.18); color: var(--app-gold); }
.session-date { display: grid; gap: 7px; margin: 14px 0; padding: 12px; border: 1px solid var(--app-line); border-radius: 10px; background: rgba(255,255,255,.025); color: #C9C9C9; font-size: 12px; }
.session-date span { display: flex; align-items: center; gap: 8px; }
.session-date i { color: var(--app-gold); }
.signal-card.buy { border-top: 4px solid var(--app-green); }
.signal-card.sell { border-top: 4px solid var(--app-red); }
.signal-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.direction { font-weight: 900; font-size: 13px; }
.direction.buy { color: #58DE8C; }
.direction.sell { color: #FF6F6F; }
.signal-levels { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 14px 0; }
.signal-level { padding: 9px; border: 1px solid var(--app-line); border-radius: 9px; background: rgba(255,255,255,.025); }
.signal-level small { display: block; color: #777; font-size: 10px; text-transform: uppercase; }
.signal-level b { color: #F4F4F4; font-size: 13px; }
.performance-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 12px; margin-bottom: 20px; }
.performance-item { padding: 14px; border: 1px solid var(--app-line); border-radius: 13px; background: var(--app-grad-dark); }
.performance-item small { display: block; color: var(--app-muted); font-size: 11px; }
.performance-item b { color: #fff; font-family: 'Sora'; font-size: 20px; }
.content-cover.has-image { background-size: cover; background-position: center; min-height: 190px; }
.content-cover.has-image::after { background: linear-gradient(180deg,transparent 35%,rgba(0,0,0,.72)); opacity: 1; }
.article-content { white-space: pre-line; color: #D5D5D5; line-height: 1.78; }
.announcement { margin-bottom: 12px; padding: 15px 16px; border: 1px solid rgba(255,193,7,.15); border-left: 4px solid var(--app-gold); border-radius: 0 12px 12px 0; background: linear-gradient(90deg,rgba(255,193,7,.075),rgba(255,193,7,.018)); }
.announcement.important { border-color: rgba(220,38,38,.24); border-left-color: var(--app-red); background: linear-gradient(90deg,rgba(220,38,38,.08),rgba(220,38,38,.018)); }
.announcement h4 { margin: 0 0 5px; color: #fff; }
.announcement p { margin: 0 0 8px; color: #C8C8C8; line-height: 1.58; }

/* Tables and forms */
.payment-table,.admin-table { width: 100%; min-width: 850px; border-collapse: collapse; }
.table-scroll { overflow-x: auto; border: 1px solid var(--app-line); border-radius: 14px; background: #0F0F0F; box-shadow: var(--app-shadow); }
.payment-table th,.payment-table td,.admin-table th,.admin-table td { padding: 13px 14px; text-align: left; border-bottom: 1px solid var(--app-line); color: #D5D5D5; font-size: 12px; vertical-align: middle; }
.payment-table th,.admin-table th { background: #171717; color: #8F8F8F; text-transform: uppercase; font-size: 10px; letter-spacing: .075em; }
.payment-table tbody tr:hover,.admin-table tbody tr:hover { background: rgba(255,193,7,.025); }
.payment-table tr:last-child td,.admin-table tr:last-child td { border-bottom: 0; }
.table-actions { display: flex; gap: 7px; flex-wrap: wrap; }
.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.form-field { display: grid; gap: 7px; }
.form-field.full { grid-column: 1 / -1; }
.form-field label { color: #D0D0D0; font-size: 12px; font-weight: 800; }
.form-field input,.form-field select,.form-field textarea,.filter-row input,.filter-row select { width: 100%; border: 1px solid var(--app-line); border-radius: 10px; padding: 11px 12px; color: #F4F4F4; background: #101010; outline: none; }
.form-field input::placeholder,.form-field textarea::placeholder,.filter-row input::placeholder { color: #626262; }
.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.filter-row input:focus,.filter-row select:focus { border-color: var(--app-gold); background: #14120D; box-shadow: 0 0 0 3px rgba(255,193,7,.10); }
.form-field input:disabled { color: #777; background: #0B0B0B; }
.form-field textarea { resize: vertical; min-height: 100px; }
select option { background: #111; color: #F4F4F4; }
input[type='file']::file-selector-button { margin-right: 10px; padding: 7px 10px; border: 0; border-radius: 7px; background: var(--app-gold); color: #111; font-weight: 800; cursor: pointer; }
.check-row { display: flex; align-items: flex-start; gap: 9px; color: #BDBDBD; font-size: 12px; }
.check-row input { width: auto; margin-top: 3px; accent-color: var(--app-gold); }
.check-row a { color: var(--app-gold); }
.filter-row { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 18px; }
.filter-row input,.filter-row select { width: auto; min-width: 190px; min-height: 41px; padding: 8px 11px; }
.notice { margin-bottom: 16px; padding: 13px 15px; border-radius: 11px; font-size: 13px; line-height: 1.55; }
.notice.info { color: #AFCBFF; background: rgba(49,130,246,.10); border: 1px solid rgba(49,130,246,.24); }
.notice.warn { color: var(--app-gold-2); background: rgba(255,193,7,.09); border: 1px solid rgba(255,193,7,.24); }
.notice.bad { color: #FF8D8D; background: rgba(220,38,38,.10); border: 1px solid rgba(220,38,38,.25); }
.notice.ok { color: #75E6A1; background: rgba(22,163,74,.10); border: 1px solid rgba(22,163,74,.25); }

/* Modals and toast */
.app-modal { position: fixed; inset: 0; z-index: 220; display: none; align-items: center; justify-content: center; padding: 22px; background: rgba(0,0,0,.78); backdrop-filter: blur(8px); }
.app-modal.open { display: flex; }
.modal-open { overflow: hidden; }
.app-modal-card { width: min(720px,100%); max-height: calc(100vh - 44px); overflow-y: auto; border: 1px solid var(--app-line-gold); border-radius: 18px; background: linear-gradient(155deg,#1A1A1A,#0C0C0C); box-shadow: 0 34px 90px rgba(0,0,0,.66); }
.app-modal-card.large { width: min(980px,100%); }
.app-modal-head { position: sticky; top: 0; z-index: 2; padding: 18px 20px; display: flex; justify-content: space-between; align-items: center; gap: 12px; border-bottom: 1px solid var(--app-line); background: rgba(15,15,15,.96); backdrop-filter: blur(12px); }
.app-modal-head h3 { margin: 0; color: #fff; }
.modal-close { width: 36px; height: 36px; border: 1px solid var(--app-line); border-radius: 9px; background: #191919; color: #DADADA; }
.modal-close:hover { color: var(--app-gold); border-color: var(--app-line-gold); }
.app-modal-body { padding: 20px; }
.app-modal-foot { position: sticky; bottom: 0; padding: 16px 20px; display: flex; justify-content: flex-end; gap: 10px; border-top: 1px solid var(--app-line); background: rgba(15,15,15,.96); backdrop-filter: blur(12px); }
.app-toast { position: fixed; right: 20px; bottom: 20px; z-index: 500; max-width: min(390px,calc(100vw - 40px)); padding: 13px 16px; border: 1px solid var(--app-line); border-radius: 11px; background: #1B1B1B; color: #fff; box-shadow: 0 18px 50px rgba(0,0,0,.52); transform: translateY(20px); opacity: 0; pointer-events: none; transition: .22s ease; }
.app-toast.show { transform: none; opacity: 1; }
.app-toast.success { background: #105B38; border-color: rgba(98,227,148,.34); }
.app-toast.error { background: #7E1E1E; border-color: rgba(255,125,125,.35); }
.app-toast.warning { background: #6F4C00; border-color: rgba(255,193,7,.35); }
.loading-screen { min-height: 100vh; display: grid; place-items: center; color: #fff; background: radial-gradient(circle at 50% 42%,rgba(255,193,7,.10),transparent 30%),#080808; }
.loading-screen div { text-align: center; }
.loading-screen img { max-width: 155px; display: block; margin: 0 auto 18px; filter: drop-shadow(0 8px 28px rgba(255,193,7,.16)); }
.loading-screen i { color: var(--app-gold); font-size: 24px; }
.loading-screen p { color: #999; }

/* Authentication */
.auth-page { min-height: 100vh; display: grid; grid-template-columns: minmax(340px,.92fr) minmax(440px,1.08fr); background: #080808; }
.auth-showcase { position: relative; overflow: hidden; padding: clamp(35px,6vw,90px); color: #fff; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--app-line-gold); background: radial-gradient(circle at 15% 12%,rgba(255,193,7,.22),transparent 34%),linear-gradient(145deg,#17130B,#080808 65%); }
.auth-showcase::before { content: ''; position: absolute; inset: 0; background-image: var(--app-candles); background-size: 300px 180px; opacity: .40; }
.auth-showcase::after { content: ''; position: absolute; width: 520px; height: 520px; right: -230px; bottom: -220px; border-radius: 50%; border: 1px solid rgba(255,193,7,.18); box-shadow: 0 0 0 55px rgba(255,193,7,.025),0 0 0 110px rgba(255,193,7,.018); }
.auth-showcase > * { position: relative; z-index: 1; }
.auth-showcase img { width: 175px; margin-bottom: 42px; filter: drop-shadow(0 10px 26px rgba(255,193,7,.12)); }
.auth-showcase h1 { margin: 0 0 20px; font-size: clamp(40px,5vw,70px); line-height: 1.02; letter-spacing: -.05em; }
.auth-showcase h1 span { color: var(--app-gold); }
.auth-showcase p { max-width: 600px; color: #B8B8B8; line-height: 1.72; }
.auth-benefits { display: grid; gap: 12px; margin-top: 28px; }
.auth-benefits span { display: flex; align-items: center; gap: 10px; color: #DEDEDE; }
.auth-benefits i { color: var(--app-gold); }
.auth-panel { min-height: 100vh; padding: clamp(24px,5vw,70px); display: grid; place-items: center; background: radial-gradient(circle at 90% 5%,rgba(255,193,7,.07),transparent 30%),#0D0D0D; }
.auth-box { width: min(535px,100%); padding: clamp(23px,4vw,39px); border: 1px solid var(--app-line-gold); border-radius: 20px; background: linear-gradient(155deg,#191919,#0D0D0D); box-shadow: 0 28px 80px -28px rgba(0,0,0,.95); }
.auth-box h2 { margin: 18px 0 6px; color: #fff; font-size: 29px; }
.auth-tabs { margin: 22px 0; padding: 5px; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--app-line); border-radius: 11px; background: #0A0A0A; }
.auth-tabs button { min-height: 39px; border: 0; border-radius: 8px; background: transparent; color: #777; font-weight: 800; }
.auth-tabs button.on { color: #0A0A0A; background: var(--app-grad-gold); box-shadow: 0 7px 18px -11px rgba(255,193,7,.9); }
.auth-form { display: none; }
.auth-form.on { display: grid; gap: 14px; }
.auth-links { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; }
.auth-links a,.legal-links a { color: var(--app-gold); }

/* Admin helper blocks */
.admin-form-box { display: none; margin-bottom: 20px; }
.admin-form-box.open { display: block; }
.inline-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 16px; }
.resource-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--app-line); }
.resource-row:last-child { border-bottom: 0; }
.risk-box { padding: 15px; border: 1px solid rgba(255,193,7,.26); border-radius: 11px; color: #E4D59B; background: rgba(255,193,7,.07); font-size: 13px; line-height: 1.62; }

/* Responsive */
@media (max-width: 1180px) {
  .kpi-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .performance-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .course-list-grid,.content-grid,.session-grid,.signal-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .app-grid.cols-2 { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .app-shell { grid-template-columns: 1fr; }
  .app-side { position: fixed; left: -286px; width: 276px; transition: left .24s ease; }
  .app-side.open { left: 0; box-shadow: 24px 0 80px rgba(0,0,0,.68); }
  .app-burger { display: inline-grid; place-items: center; }
  .app-topbar { padding: 0 16px; }
  .app-search { display: none; }
  .app-title { margin-right: auto; }
  .app-content { padding: 22px 16px 42px; }
  .auth-page { grid-template-columns: 1fr; }
  .auth-showcase { display: none; }
  .auth-panel { min-height: 100vh; }
}
@media (max-width: 650px) {
  .kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .performance-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .course-list-grid,.content-grid,.session-grid,.signal-grid,.app-grid.cols-3 { grid-template-columns: 1fr; }
  .form-grid { grid-template-columns: 1fr; }
  .form-field.full { grid-column: auto; }
  .panel-heading { align-items: stretch; flex-direction: column; }
  .panel-heading .app-btn { align-self: flex-start; }
  .app-avatar { display: none; }
  .app-topbar { height: 72px; gap: 11px; }
  .app-title small { display: none; }
  .app-kpi { min-height: 88px; padding: 13px; }
  .app-kpi > i { width: 38px; height: 38px; }
  .app-kpi b { font-size: 18px; }
  .signal-levels { grid-template-columns: 1fr; }
  .filter-row { display: grid; grid-template-columns: 1fr; }
  .filter-row input,.filter-row select { width: 100%; min-width: 0; }
  .app-modal { padding: 0; align-items: flex-end; }
  .app-modal-card,.app-modal-card.large { width: 100%; max-height: 94vh; border-radius: 18px 18px 0 0; }
  .auth-panel { padding: 18px 14px; }
  .auth-box { padding: 22px 17px; }
  .auth-tabs { grid-template-columns: 1fr 1fr 1fr; }
  .auth-tabs button { font-size: 11px; padding: 0 5px; }
}
@media (max-width: 430px) {
  .kpi-grid,.performance-grid { grid-template-columns: 1fr; }
  .app-notify { display: none; }
  .app-content { padding-left: 12px; padding-right: 12px; }
  .app-card { padding: 16px; }
}

/* ===== Signal Automation V7 ===== */
.instrument-picker{position:relative}.instrument-picker>input[type=search]{padding-right:46px}.instrument-toggle{position:absolute;right:8px;top:7px;width:34px;height:34px;border:0;border-radius:9px;background:rgba(255,193,7,.1);color:var(--app-gold-2);cursor:pointer}.instrument-menu{display:none;position:absolute;z-index:80;left:0;right:0;top:calc(100% + 7px);max-height:330px;overflow:auto;border:1px solid var(--app-line-gold);border-radius:13px;background:#101010;box-shadow:0 24px 60px rgba(0,0,0,.65);padding:8px}.instrument-picker.open .instrument-menu{display:block}.instrument-group{padding:9px 11px 5px;color:var(--app-gold-2);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.instrument-menu button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#f5f5f5;text-align:left;cursor:pointer}.instrument-menu button:hover{background:rgba(255,193,7,.1)}.instrument-menu button small{color:#777;text-transform:uppercase}.instrument-empty{padding:20px;text-align:center;color:#777}
.signal-calculation-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.signal-calculation-preview>div,.signal-history-summary>div{padding:12px;border:1px solid var(--app-line);border-radius:11px;background:rgba(255,255,255,.025)}.signal-calculation-preview small,.signal-history-summary small{display:block;color:#7d7d7d;font-size:10px;text-transform:uppercase}.signal-calculation-preview b,.signal-history-summary b{display:block;margin-top:4px;color:#fff;font-size:14px}.signal-admin-performance{grid-template-columns:repeat(6,minmax(0,1fr))}.signal-admin-table td{vertical-align:middle}.signal-symbol-cell{display:flex;align-items:flex-start;gap:10px;min-width:150px}.signal-symbol-cell>div{display:flex;flex-direction:column;gap:3px}.signal-symbol-cell small{color:#777}.be-badge{display:inline-flex;align-items:center;gap:5px;width:max-content;margin-top:3px;padding:3px 7px;border:1px solid rgba(255,193,7,.28);border-radius:999px;color:var(--app-gold-2);font-size:9px;font-weight:900;text-transform:uppercase}.target-mini{min-width:210px;color:#d8d8d8;font-size:11px;white-space:normal}.signal-progress{height:8px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;margin:9px 0 5px}.signal-progress span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#8c6500,#ffc107,#ffe37a);box-shadow:0 0 12px rgba(255,193,7,.36);transition:width .8s cubic-bezier(.2,.8,.2,1)}.signal-progress.compact{height:6px}.result-positive{color:#62e394}.result-negative{color:#ff7d7d}.signal-result-preview{margin-top:15px;padding:13px 15px;border:1px solid var(--app-line-gold);border-radius:11px;background:rgba(255,193,7,.055);color:#d8d8d8}.signal-history-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px}.signal-timeline{position:relative;padding-left:12px}.timeline-event{position:relative;display:grid;grid-template-columns:18px 1fr;gap:12px;padding:0 0 22px}.timeline-event:before{content:"";position:absolute;left:8px;top:15px;bottom:0;width:1px;background:var(--app-line)}.timeline-event:last-child:before{display:none}.timeline-dot{position:relative;z-index:1;width:17px;height:17px;margin-top:2px;border:4px solid #111;border-radius:50%;background:#777;box-shadow:0 0 0 1px var(--app-line)}.timeline-event.ok .timeline-dot{background:#22c55e}.timeline-event.bad .timeline-dot{background:#ef4444}.timeline-event.warn .timeline-dot{background:#ffc107}.timeline-title{display:flex;justify-content:space-between;gap:12px}.timeline-title time{color:#777;font-size:11px}.timeline-event p{margin:5px 0;color:#aaa;font-size:13px}.timeline-event small{color:#888}.timeline-result{display:inline-flex;margin-top:7px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.05);font-size:11px;font-weight:800}.signal-order-badge{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid var(--app-line);border-radius:999px;color:#aaa;font-size:10px;font-weight:900;text-transform:uppercase}.signal-card .signal-progress-wrap{margin:14px 0}.signal-progress-label{display:flex;justify-content:space-between;color:#8d8d8d;font-size:11px}.signal-card .tp-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.signal-card .tp-list .signal-level.hit{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.06)}.signal-card .tp-list .signal-level.hit small,.signal-card .tp-list .signal-level.hit b{color:#62e394}.signal-card.final-loss{border-color:rgba(220,38,38,.38)}.signal-card.final-neutral{border-color:rgba(255,193,7,.35)}.signal-card-actions{display:flex;justify-content:flex-end;margin-top:14px}.live-alert-btn.enabled{border-color:rgba(34,197,94,.35);color:#62e394}.signal-update-banner{margin:0 0 17px;padding:12px 14px;border:1px solid var(--app-line-gold);border-radius:12px;background:rgba(255,193,7,.055);display:flex;align-items:center;gap:10px;color:#ddd}
@media(max-width:900px){.signal-calculation-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.signal-admin-performance{grid-template-columns:repeat(3,minmax(0,1fr))}.signal-history-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.signal-calculation-preview,.signal-history-summary,.signal-admin-performance{grid-template-columns:1fr}.timeline-title{flex-direction:column;gap:3px}.signal-card .tp-list{grid-template-columns:1fr}}

/* ===== Platform Workflows V8 ===== */
.content-cover.has-image{background-size:contain;background-repeat:no-repeat;background-color:#0b0b0b}.content-cover.has-image::after{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.36));}
.email-check-card{text-align:center}.email-check-icon{width:82px;height:82px;margin:0 auto 15px;display:grid;place-items:center;border:1px solid var(--app-line-gold);border-radius:50%;background:rgba(255,193,7,.08);color:var(--app-gold);font-size:34px}.auth-change-email{display:inline-flex;align-items:center;gap:7px;margin-top:20px;color:var(--app-gold);text-decoration:none;font-size:13px}.stacked-mobile{justify-content:center;flex-wrap:wrap}
.module-block{margin:12px 0;border:1px solid var(--app-line);border-radius:13px;background:rgba(255,255,255,.018);overflow:hidden}.module-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:15px 16px;border-bottom:1px solid var(--app-line);background:rgba(255,193,7,.035)}.module-head b{display:block;color:#fff}.module-head small{display:block;margin-top:4px;color:#858585}.module-lessons{padding:4px 15px 10px}.student-module .module-head{border-bottom:0}.lesson-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 15px;border-top:1px solid var(--app-line)}.lesson-row.completed{background:rgba(34,197,94,.035)}.lesson-number{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--app-line-gold);border-radius:9px;color:var(--app-gold);font-weight:900}.lesson-row small{display:block;margin-top:3px;color:#777}.table-url{display:block;max-width:280px;margin-top:4px;color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v8-user-filters{align-items:end}.user-bulk-actions{justify-content:flex-start;align-items:center;margin:0 0 14px}.user-bulk-actions input{width:130px}.access-card-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.access-card-head>i{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--app-line-gold);border-radius:14px;color:var(--app-gold);font-size:23px;background:rgba(255,193,7,.06)}.access-card-head h3{margin:4px 0 0}.access-card-head small{color:#777}.access-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.access-details>div{padding:12px;border:1px solid var(--app-line);border-radius:10px;background:rgba(255,255,255,.02)}.access-details small{display:block;color:#777}.access-details b{display:block;margin-top:4px;color:#fff}.access-disabled{opacity:.55}.notification-item{position:relative;display:grid;grid-template-columns:45px minmax(0,1fr);gap:13px;padding:16px;margin-bottom:10px;border:1px solid var(--app-line);border-radius:13px;background:#111;cursor:pointer}.notification-item.unread{border-color:var(--app-line-gold);background:rgba(255,193,7,.035)}.notification-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:rgba(255,193,7,.09);color:var(--app-gold)}.notification-title{display:flex;justify-content:space-between;gap:12px}.notification-title time{color:#777;font-size:11px}.notification-item p{margin:5px 0 9px;color:#aaa}.unread-dot{position:absolute;right:12px;top:12px;width:8px;height:8px;border-radius:50%;background:var(--app-gold);box-shadow:0 0 9px rgba(255,193,7,.7)}.detail-image{display:block;width:100%;max-height:620px;object-fit:contain;border:1px solid var(--app-line);border-radius:13px;background:#080808;margin-bottom:18px}.card-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
@media(max-width:760px){.lesson-row{grid-template-columns:34px minmax(0,1fr)}.lesson-row .app-btn{grid-column:2}.access-details{grid-template-columns:1fr}.notification-title{flex-direction:column;gap:3px}.v8-user-filters{display:grid;grid-template-columns:1fr}.user-bulk-actions{align-items:stretch;flex-direction:column}.user-bulk-actions input{width:100%}}

/* ===== V8 image integrity and course administration ===== */
.content-cover.has-image,.course-cover.has-image{padding:0;align-items:stretch;background:#090909}
.content-cover.has-image>img,.course-cover.has-image>img{display:block;width:100%;height:100%;min-height:190px;max-height:260px;object-fit:contain;object-position:center;background:#090909;position:relative;z-index:1}
.course-cover.has-image>img{min-height:170px;max-height:220px}
.course-cover.has-image::after,.content-cover.has-image::after{pointer-events:none;z-index:2}
.course-cover.has-image .status-pill{z-index:3}
.table-course-cell{display:flex;align-items:center;gap:12px;min-width:240px}.table-course-cell img,.table-course-placeholder{width:58px;height:42px;flex:0 0 58px;border:1px solid var(--app-line);border-radius:8px;background:#090909;object-fit:contain}.table-course-placeholder{display:grid;place-items:center;color:var(--app-gold)}.table-course-cell>div{min-width:0}.table-course-cell b,.table-course-cell small{display:block}.table-course-cell small{margin-top:4px;color:#777}.price-old{display:block;color:#777;text-decoration:line-through}.lesson-row.locked{opacity:.58}.lesson-row.locked .lesson-number{color:#777;border-color:#333}.app-modal-card.wide{max-width:860px}
@media(max-width:650px){.content-cover.has-image>img,.course-cover.has-image>img{min-height:150px;max-height:210px}.table-course-cell{min-width:200px}.table-course-cell img,.table-course-placeholder{width:48px;height:38px;flex-basis:48px}}

/* ========================================================================== 
   V9 DEEP AUDIT — PREMIUM OPERATIONS UI
   ========================================================================== */
:root{--v9-gold:#f6c52f;--v9-gold-soft:rgba(246,197,47,.12);--v9-panel:#11110f;--v9-border:rgba(246,197,47,.17);--v9-text:#f7f7f5;--v9-muted:#969691}
.operations-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;margin-bottom:18px;border:1px solid var(--v9-border);border-radius:18px;background:linear-gradient(130deg,rgba(246,197,47,.10),rgba(15,15,13,.92) 52%,rgba(201,32,32,.05));position:relative;overflow:hidden}.operations-hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(246,197,47,.12);border-radius:50%;right:-100px;top:-145px}.operations-hero h2{font-size:27px;margin:4px 0 5px}.operations-hero p{margin:0;color:var(--v9-muted)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--v9-gold)}.system-clock{font-size:13px;padding:10px 14px;border:1px solid var(--v9-border);border-radius:12px;background:#0b0b09;white-space:nowrap;z-index:1}
.urgent-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:22px}.urgent-card{border:1px solid #252522;background:linear-gradient(145deg,#151513,#0d0d0c);border-radius:15px;padding:16px;text-align:left;color:#fff;display:grid;grid-template-columns:36px 1fr 12px;align-items:center;gap:10px;cursor:pointer;transition:.2s}.urgent-card:hover{transform:translateY(-2px);border-color:rgba(246,197,47,.45);box-shadow:0 12px 28px rgba(0,0,0,.28)}.urgent-card>i:first-child{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(246,197,47,.1);color:var(--v9-gold)}.urgent-card b{display:block;font-size:22px;line-height:1}.urgent-card span{font-size:11px;color:#a5a5a0;display:block;margin-top:5px;line-height:1.35}.urgent-card>i:last-child{font-size:10px;color:#686862}.urgent-card.red>i:first-child{background:rgba(210,40,40,.14);color:#ff6969}.urgent-card.orange>i:first-child{background:rgba(255,145,35,.13);color:#ffae57}.urgent-card.blue>i:first-child{background:rgba(54,122,255,.13);color:#70a0ff}.urgent-card.green>i:first-child{background:rgba(36,177,101,.13);color:#54d88f}
.operations-forms>.app-card{display:flex;flex-direction:column}.operations-forms form{display:flex;flex-direction:column;flex:1}.sticky-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:auto;padding-top:18px;border-top:1px solid #262622}.compact-form{margin-bottom:18px}.bulk-bar{display:flex;gap:12px;align-items:center;margin-bottom:16px;padding:14px 16px}.bulk-bar>div{margin-right:auto}.bulk-bar small{display:block;color:#878780;margin-top:2px}.bulk-bar select,.bulk-bar input{max-width:180px}.text-link{border:0;background:none;color:#fff;text-align:left;padding:0;cursor:pointer}.text-link:hover{color:var(--v9-gold)}.danger-text{display:block;color:#ff7777;margin-top:5px;max-width:240px}.duplicate-payment-row{background:rgba(190,35,35,.055)}.duplicate-payment-row td:first-child{border-left:3px solid #d83f3f}.duplicate-warning{display:grid;grid-template-columns:24px 1fr;gap:4px 8px;padding:12px;margin-top:12px;border:1px solid rgba(235,70,70,.35);border-radius:12px;background:rgba(180,35,35,.1);color:#ff8b8b}.duplicate-warning i{grid-row:1/3}.duplicate-warning span{grid-column:2;font-size:12px;color:#d8b8b8}
.performance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric-row,.health-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #242421}.metric-row:last-child,.health-row:last-child{border-bottom:0}.metric-row small{display:block;color:#7f7f79;margin-top:2px}.truncate-url{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.app-modal-card.extra-large{width:min(1120px,94vw)}.user-detail-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px}.detail-card{border:1px solid #292925;background:#11110f;border-radius:12px;padding:13px}.detail-card small{display:block;color:#85857f;font-size:10px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px}.detail-card b{font-size:13px;word-break:break-word}
.admin-notification{width:100%;border:1px solid #292925;background:#11110f;border-radius:14px;padding:15px 17px;margin-bottom:9px;color:#fff;display:grid;grid-template-columns:42px 1fr 12px;gap:12px;align-items:center;text-align:left;cursor:pointer}.admin-notification.unread{border-color:rgba(246,197,47,.38);background:linear-gradient(100deg,rgba(246,197,47,.08),#11110f 35%)}.admin-notification.priority-urgent{border-left:3px solid #e04444}.admin-notification .notification-icon{width:40px;height:40px;border-radius:11px;background:rgba(246,197,47,.11);color:var(--v9-gold);display:grid;place-items:center}.admin-notification small{display:block;color:#85857f;margin-top:4px}.unread-dot{font-size:7px;color:#e43e3e}
.admin-calendar{border:1px solid #292925;border-radius:15px;overflow:hidden;background:#10100e;margin-bottom:18px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays span{padding:10px;text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#85857f;border-bottom:1px solid #292925}.calendar-cell{min-height:96px;border:0;border-right:1px solid #232320;border-bottom:1px solid #232320;background:#11110f;color:#fff;text-align:left;padding:10px;cursor:pointer}.calendar-cell:hover{background:#171713}.calendar-cell.today{box-shadow:inset 0 0 0 1px var(--v9-gold);background:rgba(246,197,47,.06)}.calendar-cell.muted-cell{opacity:.35;cursor:default}.calendar-cell b{font-size:13px}.calendar-cell small{display:block;color:#777771;font-size:9px;margin-top:7px}.calendar-dots{display:flex;gap:4px;margin-top:8px}.calendar-dots i{width:7px;height:7px;border-radius:50%;background:#3b82f6}.calendar-dots i.content{background:var(--v9-gold)}.calendar-dots i.expiry{background:#e54b4b}.calendar-legend{display:flex;gap:17px;margin-bottom:11px;color:#8c8c86;font-size:11px}.calendar-legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:#3b82f6}.calendar-legend .content-dot:before{background:var(--v9-gold)}.calendar-legend .expiry-dot:before{background:#e54b4b}.calendar-event-row{width:100%;border:0;background:none;color:#fff;text-align:left;cursor:pointer}.activity-icon.class{color:#6b9bff}.activity-icon.content{color:var(--v9-gold)}.activity-icon.expiry{color:#ef6363}
.audit-summary{display:block;max-width:430px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bdbdb6;background:#080807;border:1px solid #242421;padding:6px 8px;border-radius:7px}.system-health{margin-top:18px}.global-search-results{position:fixed;z-index:4000;top:70px;right:120px;width:min(520px,calc(100vw - 30px));max-height:480px;overflow:auto;background:#10100f;border:1px solid rgba(246,197,47,.3);box-shadow:0 25px 65px rgba(0,0,0,.6);border-radius:14px;padding:7px}.global-search-results button{width:100%;display:grid;grid-template-columns:70px 1fr;text-align:left;gap:2px 10px;padding:10px 12px;border:0;border-bottom:1px solid #252522;background:transparent;color:#fff;cursor:pointer}.global-search-results button:hover{background:rgba(246,197,47,.07)}.global-search-results span{grid-row:1/3;color:var(--v9-gold);font-size:10px;text-transform:uppercase;font-weight:800;align-self:center}.global-search-results small{color:#85857f}.no-search-results{padding:18px;text-align:center;color:#85857f}.confirm-card{max-width:480px}.confirm-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:rgba(246,197,47,.12);color:var(--v9-gold);font-size:20px}.confirm-icon.danger{background:rgba(218,48,48,.14);color:#f16b6b}.confirm-input-wrap{display:block;margin-top:14px}.confirm-input-wrap span{display:block;font-size:11px;font-weight:700;margin-bottom:7px}

/* Student dashboard visual hierarchy */
#p-dashboard #studentKpis .app-kpi{min-height:88px;padding:17px}.app-kpi{background:linear-gradient(145deg,#151513,#10100f);border-color:#292925}.app-kpi:hover{border-color:rgba(246,197,47,.33)}#latestSignal .signal-card{box-shadow:0 16px 45px rgba(0,0,0,.24);border-color:rgba(246,197,47,.3)}#latestSignal .signal-body{padding:19px 21px}.empty-state.compact,.empty-state{min-height:110px;padding:22px}.app-card .empty-state{border-radius:12px}.access-card-head{display:flex;align-items:center;gap:13px}.access-card-head>i{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:rgba(246,197,47,.12);color:var(--v9-gold);font-size:19px}.access-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.access-details>div{border:1px solid #282824;border-radius:11px;padding:11px}.access-details small{display:block;color:#85857f;font-size:10px;margin-bottom:4px}.notification-item{transition:.18s}.notification-item:hover{border-color:rgba(246,197,47,.35);transform:translateY(-1px)}

@media(max-width:1250px){.urgent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.user-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.operations-hero{align-items:flex-start;flex-direction:column}.urgent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bulk-bar{align-items:stretch;flex-direction:column}.bulk-bar select,.bulk-bar input{max-width:none}.user-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.global-search-results{right:15px;top:63px}.calendar-cell{min-height:72px;padding:7px}.calendar-cell small{display:none}}
@media(max-width:520px){.urgent-grid{grid-template-columns:1fr}.operations-hero h2{font-size:22px}.user-detail-grid{grid-template-columns:1fr}.calendar-weekdays span{font-size:8px;padding:8px 3px}.calendar-cell{min-height:58px}.calendar-dots{gap:2px}.calendar-dots i{width:5px;height:5px}.access-details{grid-template-columns:1fr}}

/* V9 secure receipt preview */
.receipt-preview-card{width:min(980px,94vw)}
.receipt-preview-content{min-height:58vh;display:grid;place-items:center;background:#090909;border:1px solid #2b2b2b;border-radius:14px;overflow:hidden}
.receipt-preview-content img{max-width:100%;max-height:70vh;object-fit:contain}
.receipt-preview-content iframe{width:100%;height:70vh;border:0;background:#fff}
@media(max-width:640px){.receipt-preview-content,.receipt-preview-content iframe{min-height:58vh;height:58vh}}

/* V9.1 — fully separated Student and Admin authentication portals */
.student-auth-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
.auth-page-badge { display: inline-flex; align-items: center; gap: 8px; width: fit-content; margin-top: 20px; padding: 7px 11px; border: 1px solid rgba(255,193,7,.28); border-radius: 999px; background: rgba(255,193,7,.08); color: var(--app-gold); font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.auth-page-badge.admin { border-color: rgba(220,38,38,.4); background: rgba(220,38,38,.1); color: #ff7777; }
.admin-auth-showcase { background: radial-gradient(circle at 15% 12%,rgba(220,38,38,.18),transparent 32%),radial-gradient(circle at 72% 75%,rgba(255,193,7,.10),transparent 34%),linear-gradient(145deg,#17100b,#080808 65%); }
.admin-auth-showcase h1 span { color: var(--app-gold); }
.admin-auth-box { border-color: rgba(255,193,7,.34); }
.admin-security-notice { margin: 20px 0; align-items: flex-start; }
.admin-security-notice span { line-height: 1.5; }
@media (max-width: 620px) {
  .student-auth-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* V9.2 chart CRUD hardening */
.chart-upload-preview{min-height:190px;border:1px dashed rgba(255,193,7,.32);border-radius:14px;background:#090909;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;color:#777;padding:14px}.chart-upload-preview.empty{flex-direction:column}.chart-upload-preview i{font-size:30px;color:rgba(255,193,7,.45)}.chart-upload-preview img{display:block;width:100%;max-height:420px;object-fit:contain;object-position:center;border-radius:10px;background:#050505}.chart-upload-preview .preview-meta{display:flex;flex-direction:column;gap:3px}.chart-upload-preview .preview-meta b{color:#f5f5f5}.chart-upload-preview .preview-meta small{color:#888}.instrument-picker.invalid>input[type=search]{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.12)}


/* V9.3 dashboard navigation cards */
.dashboard-nav-card {
  width: 100%;
  appearance: none;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  position: relative;
}
.dashboard-nav-card .dashboard-nav-arrow {
  margin-left: auto;
  opacity: .38;
  font-size: .78rem;
  transition: transform .2s ease, opacity .2s ease;
}
.dashboard-nav-card:hover,
.dashboard-nav-card:focus-visible {
  border-color: rgba(255, 193, 7, .55);
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .24), 0 0 0 1px rgba(255, 193, 7, .08);
  outline: none;
}
.dashboard-nav-card:hover .dashboard-nav-arrow,
.dashboard-nav-card:focus-visible .dashboard-nav-arrow {
  opacity: 1;
  transform: translateX(3px);
}
.dashboard-preview-link {
  display: block;
  border-radius: inherit;
  cursor: pointer;
}
.dashboard-preview-link:focus-visible {
  outline: 2px solid var(--gold, #ffc107);
  outline-offset: 3px;
}
.dashboard-preview-link:hover > .signal-card,
.dashboard-preview-link:hover > .empty-state,
.dashboard-preview-link:hover > .announcement,
.dashboard-preview-link:hover > .session-body {
  filter: brightness(1.06);
}
.dashboard-activity-link {
  width: 100%;
  border: 0;
  color: inherit;
  text-align: left;
  font: inherit;
  cursor: pointer;
}
.dashboard-activity-link:hover,
.dashboard-activity-link:focus-visible {
  background: rgba(255, 193, 7, .06);
  outline: 1px solid rgba(255, 193, 7, .25);
}

/* V9.4 — Compact Student Signals UI */
#p-signals{padding-top:24px}
#p-signals .panel-heading{margin-bottom:14px}
#p-signals .panel-heading h2{font-size:30px;line-height:1.1}
#p-signals .panel-heading p{margin-top:6px;font-size:13px}
#p-signals .panel-heading .app-btn{min-height:38px;padding:8px 13px;font-size:12px}
#p-signals .signal-update-banner{margin-bottom:12px;padding:9px 12px;border-radius:10px;font-size:12px}
#p-signals .performance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}
#p-signals .performance-item{padding:10px 12px;border-radius:10px;min-height:62px}
#p-signals .performance-item small{font-size:9px;line-height:1.2}
#p-signals .performance-item b{margin-top:2px;font-size:17px;line-height:1.1}
#p-signals .filter-row{gap:8px;margin-bottom:13px}
#p-signals .filter-row input,#p-signals .filter-row select{min-height:39px;padding:8px 11px;font-size:12px;border-radius:9px}
#p-signals .signal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
#p-signals .signal-card{border-radius:13px;border-top-width:3px;box-shadow:0 10px 28px rgba(0,0,0,.2)}
#p-signals .signal-card:hover{transform:translateY(-2px)}
#p-signals .signal-body{padding:13px 14px}
#p-signals .signal-head{gap:8px}
#p-signals .signal-body h3{margin:3px 0 5px;font-size:16px}
#p-signals .direction{font-size:10px}
#p-signals .signal-order-badge{padding:3px 6px;font-size:8px}
#p-signals .status-pill{padding:5px 8px;font-size:8px}
#p-signals .be-badge{margin-top:2px;padding:3px 6px;font-size:7px}
#p-signals .signal-levels,#p-signals .signal-card .tp-list{gap:6px;margin:10px 0}
#p-signals .signal-level{padding:7px 8px;border-radius:8px;min-height:47px}
#p-signals .signal-level small{font-size:8px}
#p-signals .signal-level b{font-size:11px}
#p-signals .signal-card .signal-progress-wrap{margin:9px 0}
#p-signals .signal-progress-label{font-size:9px}
#p-signals .signal-progress{height:6px;margin:6px 0 3px}
#p-signals .signal-body>p{margin:8px 0 9px;font-size:11px;line-height:1.4;min-height:15px}
#p-signals .course-meta{gap:6px 10px;margin-bottom:0;font-size:9px}
#p-signals .signal-card-actions{margin-top:9px}
#p-signals .signal-card-actions .app-btn{min-height:32px;padding:6px 9px;font-size:9px}

@media(max-width:1250px){#p-signals .signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 #p-signals{padding-top:16px}
 #p-signals .panel-heading h2{font-size:25px}
 #p-signals .performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #p-signals .signal-grid{grid-template-columns:1fr}
 #p-signals .signal-body{padding:13px}
}

/* V9.5 ultra-compact, date-grouped student signals */
#p-signals{padding-top:0}
#p-signals>.panel-heading{margin-top:0;padding-top:0;margin-bottom:8px}
#p-signals .panel-heading h2{font-size:27px}
#p-signals .panel-heading p{margin-top:3px;font-size:11px}
#p-signals .panel-heading .app-btn{min-height:34px;padding:6px 10px;font-size:10px}
#p-signals .signal-update-banner{margin-bottom:8px;padding:7px 10px;font-size:10px}
#p-signals .performance-grid{gap:6px;margin-bottom:9px}
#p-signals .performance-item{min-height:53px;padding:8px 10px}
#p-signals .performance-item small{font-size:8px}
#p-signals .performance-item b{font-size:15px}
#p-signals .filter-row{gap:6px;margin-bottom:8px}
#p-signals .filter-row input,#p-signals .filter-row select{min-width:175px;min-height:34px;padding:6px 9px;font-size:10px}
#p-signals #signalsGrid{display:block}
#p-signals .signal-date-group{margin:0 0 15px}
#p-signals .signal-date-label{display:flex;align-items:center;gap:9px;margin:0 0 7px;padding:0 1px}
#p-signals .signal-date-label span{display:inline-flex;align-items:center;min-height:26px;padding:4px 10px;border:1px solid rgba(255,193,7,.32);border-radius:7px;background:rgba(255,193,7,.07);color:#ffd84d;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.45px}
#p-signals .signal-date-label small{color:#73736e;font-size:9px}
#p-signals .signal-date-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,290px));justify-content:start;align-items:start;gap:9px}
#p-signals .signal-card{width:100%;max-width:290px;border-radius:10px;border-top-width:2px}
#p-signals .signal-body{padding:9px 10px}
#p-signals .signal-body h3{margin:2px 0 3px;font-size:14px}
#p-signals .direction{font-size:8px}
#p-signals .signal-order-badge{padding:2px 5px;font-size:7px}
#p-signals .status-pill{padding:4px 7px;font-size:7px}
#p-signals .be-badge{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 5px;font-size:6px}
#p-signals .signal-levels,#p-signals .signal-card .tp-list{gap:5px;margin:7px 0}
#p-signals .signal-level{min-height:39px;padding:5px 7px;border-radius:7px}
#p-signals .signal-level small{font-size:7px}
#p-signals .signal-level b{font-size:10px}
#p-signals .signal-card .signal-progress-wrap{margin:6px 0}
#p-signals .signal-progress-label{font-size:8px}
#p-signals .signal-progress{height:5px;margin:4px 0 2px}
#p-signals .signal-body>p{margin:6px 0;font-size:9px;line-height:1.3;min-height:12px}
#p-signals .course-meta{gap:5px 8px;font-size:7px}
#p-signals .signal-card-actions{margin-top:6px}
#p-signals .signal-card-actions .app-btn{min-height:27px;padding:4px 7px;font-size:7px}
@media(max-width:900px){#p-signals .signal-date-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#p-signals .signal-card{max-width:none}}
@media(max-width:560px){#p-signals .signal-date-cards{grid-template-columns:1fr}#p-signals .signal-card{max-width:none}#p-signals .panel-heading h2{font-size:24px}}


/* V9.6 manual-result workflow and Active / History signal tabs */
#p-signals .signal-view-tabs{display:flex;align-items:center;gap:6px;margin:0 0 8px}
#p-signals .signal-view-tab{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 12px;border:1px solid rgba(255,193,7,.22);border-radius:8px;background:#111;color:#969690;font:800 10px/1 inherit;cursor:pointer;transition:.18s ease}
#p-signals .signal-view-tab:hover{border-color:rgba(255,193,7,.5);color:#ffd84d}
#p-signals .signal-view-tab.active{background:linear-gradient(135deg,#ffd861,#ecb414);border-color:#ffc107;color:#090909;box-shadow:0 7px 18px rgba(255,193,7,.14)}
#p-signals .signal-view-tab span{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.1);font-size:8px}
#p-signals .signal-view-tab.active span{background:rgba(0,0,0,.16)}
#p-signals .tp-manual-result{display:block;margin-top:2px;font-size:7px;font-weight:900;white-space:nowrap}
#p-signals .tp-manual-result.positive{color:#58e893}
#p-signals .tp-manual-result.negative{color:#ff7777}
#p-signals .filter-row .hidden{display:none!important}
.required-mark{color:#ff6767;font-weight:900}
@media(max-width:560px){#p-signals .signal-view-tabs{width:100%}#p-signals .signal-view-tab{flex:1;justify-content:center}}


/* V9.8 compact signal history report */
.signal-history-report-group{margin-bottom:18px}
.signal-history-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--app-line);border-radius:12px;background:rgba(255,255,255,.018);scrollbar-width:thin}
.signal-history-report-table{width:100%;min-width:1500px;border-collapse:collapse;font-size:11px}
.signal-history-report-table th{position:sticky;top:0;z-index:1;padding:9px 10px;background:#15140f;color:#9d9d9d;border-bottom:1px solid var(--app-line-gold);font-size:9px;letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap}
.signal-history-report-table td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.055);color:#d7d7d7;white-space:nowrap;vertical-align:middle}
.signal-history-report-table tbody tr:last-child td{border-bottom:0}
.signal-history-report-table td small{display:block;margin-top:2px;color:#777;font-size:9px}
.signal-report-row{cursor:pointer;transition:background .18s ease}
.signal-report-row:hover,.signal-report-row:focus{outline:0;background:rgba(255,193,7,.055)}
.signal-history-report-table .direction{padding:3px 6px;font-size:8px}
.signal-history-report-table .status-pill{padding:4px 7px;font-size:8px}
@media(max-width:700px){.signal-history-report-table{min-width:1320px;font-size:10px}.signal-history-report-table th,.signal-history-report-table td{padding:8px}}


/* V9.9 Admin signal Active / History tabs */
.admin-signal-tabs{display:flex;gap:10px;align-items:center;margin:16px 0 10px;flex-wrap:wrap}
.admin-signal-tab{appearance:none;border:1px solid rgba(246,190,30,.28);background:#111;color:#9f9f9f;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.18s ease}
.admin-signal-tab span{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#262626;color:#ddd;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.admin-signal-tab:hover{border-color:rgba(246,190,30,.65);color:#fff}
.admin-signal-tab.active{background:linear-gradient(135deg,#ffd95a,#efb914);color:#111;border-color:#ffd54a;box-shadow:0 8px 24px rgba(239,185,20,.18)}
.admin-signal-tab.active span{background:rgba(0,0,0,.15);color:#111}
@media(max-width:640px){.admin-signal-tab{flex:1;justify-content:center;padding:9px 10px}}

/* V9.11 Admin signal history report */
.admin-signal-history-report{min-width:1550px;font-size:11px}
.admin-signal-history-report th{padding:9px 10px;font-size:9px;white-space:nowrap}
.admin-signal-history-report td{padding:9px 10px;white-space:nowrap;vertical-align:middle}
.admin-signal-history-report td small{display:block;margin-top:2px;color:#777;font-size:9px}
.admin-signal-history-report .direction{padding:3px 6px;font-size:8px}
.admin-signal-history-report .status-pill{padding:4px 7px;font-size:8px}
.admin-signal-history-report .signal-report-row{cursor:pointer;transition:background .18s ease}
.admin-signal-history-report .signal-report-row:hover{background:rgba(255,193,7,.055)}

/* V9.12 simplified live-course workflow */
.live-class-form-divider{border-top:1px solid rgba(255,193,7,.22);padding-top:16px;margin-top:4px}
.live-class-form-divider span{display:block;color:#ffc928;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.04em}
.live-class-form-divider small{display:block;margin-top:4px;color:var(--muted)}
.course-next-class{display:grid;gap:4px;padding:12px 14px;border:1px solid rgba(255,193,7,.22);background:rgba(255,193,7,.05);border-radius:12px;margin:12px 0}
.course-next-class small{color:#d4ad29;text-transform:uppercase;font-weight:800;letter-spacing:.04em}
.course-next-class b{font-size:15px}
.course-next-class span{color:var(--muted);font-size:13px}

/* V9.13 — multi-session course builder */
.course-session-editor{display:grid;gap:14px}
.course-session-row{border:1px solid rgba(255,201,40,.24);background:rgba(255,255,255,.025);border-radius:14px;padding:14px}
.course-session-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#ffc928}
.course-session-row-head b{font-size:15px}
.course-session-row .form-grid{margin:0}
.course-session-row textarea{min-height:112px;white-space:pre-wrap}
.course-session-row:only-child .session-remove-btn{display:none}
@media(max-width:700px){.course-session-row{padding:12px}.course-session-row-head{align-items:flex-start}.session-remove-btn{padding:8px 10px}}


/* V9.16 — persistent light / dark theme controls */
.app-theme-toggle {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border: 1px solid var(--app-line);
  border-radius: 12px;
  background: rgba(255,255,255,.035);
  color: var(--app-gold);
  display: inline-grid;
  place-items: center;
  transition: .2s ease;
}
.app-theme-toggle:hover { border-color: var(--app-line-gold); background: rgba(255,193,7,.08); transform: translateY(-1px); }
.app-theme-toggle i { pointer-events: none; }

html[data-theme="light"] {
  color-scheme: light;
  --app-ink: #F5F7FA;
  --app-ink-2: #FFFFFF;
  --app-ink-3: #EEF1F5;
  --app-card: #FFFFFF;
  --app-card-2: #F8FAFC;
  --app-muted: #667085;
  --app-line: rgba(15,23,42,.12);
  --app-line-gold: rgba(177,126,0,.30);
  --app-gold-2: #8A6200;
  --app-grad-dark: linear-gradient(160deg,#FFFFFF 0%,#F7F8FA 100%);
  --app-shadow: 0 20px 50px -34px rgba(15,23,42,.34);
  --app-glow: 0 0 0 1px rgba(198,145,0,.16),0 22px 50px -32px rgba(158,112,0,.32);
  --app-candles: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='180'%3E%3Cg stroke='%23B78100' stroke-opacity='.10' stroke-width='2'%3E%3Cpath d='M20 40v100M60 20v120M100 55v90M140 30v110M180 60v80M220 35v105M260 50v95'/%3E%3C/g%3E%3Cg fill='%23B78100' fill-opacity='.055'%3E%3Crect x='12' y='60' width='16' height='55'/%3E%3Crect x='52' y='45' width='16' height='70'/%3E%3Crect x='92' y='75' width='16' height='45'/%3E%3Crect x='132' y='50' width='16' height='65'/%3E%3Crect x='172' y='80' width='16' height='40'/%3E%3Crect x='212' y='55' width='16' height='60'/%3E%3Crect x='252' y='70' width='16' height='50'/%3E%3C/g%3E%3C/svg%3E");
}
html[data-theme="light"] body.app-page {
  color: #202939;
  background:
    radial-gradient(900px 520px at 95% -10%, rgba(255,193,7,.14), transparent 62%),
    radial-gradient(720px 420px at 15% 105%, rgba(220,38,38,.035), transparent 64%),
    var(--app-ink);
}
html[data-theme="light"] body.app-page::before { opacity: .13; }
html[data-theme="light"] ::selection { color: #111827; }
html[data-theme="light"] ::-webkit-scrollbar-track { background: #EEF1F5; }
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: #D6BE76; border-color: #EEF1F5; }
html[data-theme="light"] .app-side {
  color: #172033;
  background: linear-gradient(180deg,rgba(255,193,7,.10),transparent 27%),linear-gradient(155deg,#FFFFFF,#F4F6F8 76%);
  box-shadow: 18px 0 45px -36px rgba(15,23,42,.38);
}
html[data-theme="light"] .app-side::after { opacity: .08; }
html[data-theme="light"] .app-nav-label { color: #8A93A2; }
html[data-theme="light"] .app-nav a { color: #4B5565; }
html[data-theme="light"] .app-nav a i { color: #737D8D; }
html[data-theme="light"] .app-nav a:hover { color: #111827; background: rgba(191,138,0,.08); }
html[data-theme="light"] .app-nav a.on,html[data-theme="light"] .app-nav a.on i { color: #111111; }
html[data-theme="light"] .app-nav .nav-count { background: #E6E9EE; color: #303846; }
html[data-theme="light"] .app-side-foot button,html[data-theme="light"] .app-side-foot a { color: #4B5565; }
html[data-theme="light"] .app-side-foot button:hover,html[data-theme="light"] .app-side-foot a:hover { background: #F2F4F7; color: #7A5700; }
html[data-theme="light"] .app-topbar { background: rgba(255,255,255,.91); box-shadow: 0 14px 36px -30px rgba(15,23,42,.34); }
html[data-theme="light"] .app-title strong,html[data-theme="light"] .panel-heading h1,html[data-theme="light"] .panel-heading h2,html[data-theme="light"] .app-card-head h3 { color: #111827; }
html[data-theme="light"] .app-title small { color: #6B7280; }
html[data-theme="light"] .app-search input,html[data-theme="light"] .form-field input,html[data-theme="light"] .form-field select,html[data-theme="light"] .form-field textarea,html[data-theme="light"] .filter-row input,html[data-theme="light"] .filter-row select {
  color: #111827;
  background: #FFFFFF;
}
html[data-theme="light"] .app-search input::placeholder,html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder { color: #98A2B3; }
html[data-theme="light"] .app-search input:focus,html[data-theme="light"] .form-field input:focus,html[data-theme="light"] .form-field select:focus,html[data-theme="light"] .form-field textarea:focus,html[data-theme="light"] .filter-row input:focus,html[data-theme="light"] .filter-row select:focus { background: #FFFDF5; }
html[data-theme="light"] .app-notify,html[data-theme="light"] .app-theme-toggle { background: #FFFFFF; color: #725100; }
html[data-theme="light"] .app-notify span { border-color: #FFFFFF; }
html[data-theme="light"] .app-avatar { background: linear-gradient(145deg,#FFF9E5,#FFFFFF); color: #7A5700; }
html[data-theme="light"] .app-card,html[data-theme="light"] .app-kpi,html[data-theme="light"] .course-card,html[data-theme="light"] .session-card,html[data-theme="light"] .signal-card,html[data-theme="light"] .content-card,html[data-theme="light"] .performance-item {
  color: #202939;
  background: var(--app-grad-dark);
}
html[data-theme="light"] .app-card::before { background: linear-gradient(135deg,rgba(210,155,0,.055),transparent 34%); }
html[data-theme="light"] .course-body h3,html[data-theme="light"] .content-body h3,html[data-theme="light"] .session-body h3,html[data-theme="light"] .signal-body h3,html[data-theme="light"] .activity-item b,html[data-theme="light"] .performance-item b { color: #111827; }
html[data-theme="light"] .course-body p,html[data-theme="light"] .content-body p,html[data-theme="light"] .session-body p,html[data-theme="light"] .signal-body p { color: #667085; }
html[data-theme="light"] .session-date,html[data-theme="light"] .signal-level,html[data-theme="light"] .course-next-class,html[data-theme="light"] .signal-history-table-wrap { background: rgba(15,23,42,.025); color: #475467; }
html[data-theme="light"] .table-scroll { background: #FFFFFF; }
html[data-theme="light"] .payment-table th,html[data-theme="light"] .payment-table td,html[data-theme="light"] .admin-table th,html[data-theme="light"] .admin-table td,html[data-theme="light"] .signal-history-report-table td { color: #344054; }
html[data-theme="light"] .payment-table th,html[data-theme="light"] .admin-table th,html[data-theme="light"] .signal-history-report-table th { background: #F7F8FA; color: #667085; }
html[data-theme="light"] .signal-history-report-table td { border-bottom-color: rgba(15,23,42,.07); }
html[data-theme="light"] .signal-report-row:hover,html[data-theme="light"] .signal-report-row:focus,html[data-theme="light"] .admin-signal-history-report .signal-report-row:hover { background: rgba(191,138,0,.07); }
html[data-theme="light"] .signal-view-tab,html[data-theme="light"] .admin-signal-tab { background: #FFFFFF; color: #667085; }
html[data-theme="light"] .signal-view-tab span,html[data-theme="light"] .admin-signal-tab span { background: #EEF1F5; color: #344054; }
html[data-theme="light"] .instrument-menu { background: #FFFFFF; box-shadow: 0 22px 55px rgba(15,23,42,.18); }
html[data-theme="light"] .instrument-menu button { color: #1D2939; }
html[data-theme="light"] .instrument-menu button:hover { background: rgba(191,138,0,.09); }
html[data-theme="light"] .app-modal { background: rgba(15,23,42,.42); }
html[data-theme="light"] .app-modal-card { background: linear-gradient(155deg,#FFFFFF,#F7F8FA); box-shadow: 0 30px 80px rgba(15,23,42,.24); }
html[data-theme="light"] .app-modal-head,html[data-theme="light"] .app-modal-foot { background: rgba(255,255,255,.96); }
html[data-theme="light"] .app-modal-head h3,html[data-theme="light"] .app-modal-body h3 { color: #111827; }
html[data-theme="light"] .modal-close { background: #F4F6F8; color: #344054; }
html[data-theme="light"] .app-toast { background: #FFFFFF; color: #111827; box-shadow: 0 18px 50px rgba(15,23,42,.22); }
html[data-theme="light"] .empty-state { background: rgba(191,138,0,.035); }
html[data-theme="light"] .announcement { background: linear-gradient(90deg,rgba(191,138,0,.09),rgba(191,138,0,.015)); }
html[data-theme="light"] .announcement.important { background: linear-gradient(90deg,rgba(220,38,38,.075),rgba(220,38,38,.012)); }
html[data-theme="light"] .status-pill.neutral { background: #EEF1F5; color: #475467; }
html[data-theme="light"] .course-session-row { background: rgba(15,23,42,.02); }
html[data-theme="light"] .app-btn:not(.gold):not(.green):not(.danger):not(.outline) { background: linear-gradient(155deg,#FFFFFF,#F2F4F7); }

@media(max-width:760px){
  .app-theme-toggle{width:40px;height:40px;flex-basis:40px}
}


/* V9.17 — warm premium light theme contrast hardening + Digital Gold branding */
html[data-theme="light"] {
  --app-ink: #F6EFE3;
  --app-ink-2: #FFFDF8;
  --app-ink-3: #F0E6D7;
  --app-card: #FFFDF9;
  --app-card-2: #FAF4EA;
  --app-muted: #6F665B;
  --app-line: rgba(74,57,35,.17);
  --app-line-gold: rgba(183,128,0,.36);
  --app-gold-2: #765200;
  --app-grad-dark: linear-gradient(155deg,#FFFDF9 0%,#F9F1E6 100%);
  --app-shadow: 0 18px 44px -28px rgba(78,58,31,.28);
  --app-glow: 0 0 0 1px rgba(190,137,0,.22),0 22px 46px -28px rgba(162,111,0,.28);
}
html[data-theme="light"] body.app-page {
  color: #211E1A;
  background:
    radial-gradient(980px 560px at 96% -8%, rgba(255,193,7,.20), transparent 62%),
    radial-gradient(760px 500px at 6% 104%, rgba(182,128,0,.09), transparent 66%),
    #F6EFE3;
}
html[data-theme="light"] body.app-page::before { opacity: .08; }
html[data-theme="light"] .app-side {
  color: #28231D;
  background:
    linear-gradient(180deg,rgba(255,193,7,.13),transparent 30%),
    linear-gradient(155deg,#FFF9EF,#F1E6D6 78%);
  border-right-color: rgba(174,121,0,.24);
  box-shadow: 18px 0 44px -34px rgba(86,60,26,.28);
}
html[data-theme="light"] .app-side-brand { border-bottom-color: rgba(74,57,35,.12); }
html[data-theme="light"] .app-nav-label { color: #776D61; }
html[data-theme="light"] .app-nav a { color: #514A42; }
html[data-theme="light"] .app-nav a i { color: #6A6157; }
html[data-theme="light"] .app-nav a:hover { color: #171512; background: rgba(209,153,0,.10); }
html[data-theme="light"] .app-nav a.on,
html[data-theme="light"] .app-nav a.on i { color: #17120A; }
html[data-theme="light"] .app-nav .nav-count { background: #E8DFD3; color: #342E27; }
html[data-theme="light"] .app-side-foot { border-top-color: rgba(74,57,35,.12); }
html[data-theme="light"] .app-side-foot button,
html[data-theme="light"] .app-side-foot a { color: #514A42; }
html[data-theme="light"] .app-topbar {
  background: rgba(255,252,247,.94);
  border-bottom-color: rgba(74,57,35,.13);
  box-shadow: 0 12px 34px -27px rgba(70,49,23,.32);
}
html[data-theme="light"] .app-title strong,
html[data-theme="light"] .panel-heading h1,
html[data-theme="light"] .panel-heading h2,
html[data-theme="light"] .app-card-head h3 { color: #1B1916; }
html[data-theme="light"] .app-title small,
html[data-theme="light"] .panel-heading p,
html[data-theme="light"] .app-card-head p { color: #71685D; }
html[data-theme="light"] .app-search i { color: #71685D; }
html[data-theme="light"] .app-search input,
html[data-theme="light"] .form-field input,
html[data-theme="light"] .form-field select,
html[data-theme="light"] .form-field textarea,
html[data-theme="light"] .filter-row input,
html[data-theme="light"] .filter-row select {
  color: #1D1A16;
  background: #FFFDF9;
  border-color: rgba(74,57,35,.20);
}
html[data-theme="light"] .app-search input::placeholder,
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder { color: #82796E; opacity: 1; }
html[data-theme="light"] .app-search input:focus,
html[data-theme="light"] .form-field input:focus,
html[data-theme="light"] .form-field select:focus,
html[data-theme="light"] .form-field textarea:focus,
html[data-theme="light"] .filter-row input:focus,
html[data-theme="light"] .filter-row select:focus { background: #FFF9ED; }
html[data-theme="light"] .app-notify,
html[data-theme="light"] .app-theme-toggle {
  background: #FFFDF9;
  color: #6D4D00;
  border-color: rgba(74,57,35,.18);
  box-shadow: 0 8px 22px -18px rgba(69,47,20,.4);
}
html[data-theme="light"] .app-avatar {
  background: linear-gradient(145deg,#FFF3C9,#FFFDF9);
  color: #624600;
  border-color: rgba(183,128,0,.32);
}
html[data-theme="light"] .app-card,
html[data-theme="light"] .app-kpi,
html[data-theme="light"] #p-dashboard #studentKpis .app-kpi,
html[data-theme="light"] .course-card,
html[data-theme="light"] .session-card,
html[data-theme="light"] .signal-card,
html[data-theme="light"] .content-card,
html[data-theme="light"] .performance-item {
  color: #24201B;
  background: linear-gradient(155deg,#FFFDF9,#F9F1E6);
  border-color: rgba(74,57,35,.20);
  box-shadow: 0 14px 34px -25px rgba(74,52,25,.30);
}
html[data-theme="light"] .app-card:hover,
html[data-theme="light"] .app-kpi:hover,
html[data-theme="light"] .course-card:hover,
html[data-theme="light"] .session-card:hover,
html[data-theme="light"] .signal-card:hover,
html[data-theme="light"] .content-card:hover { border-color: rgba(183,128,0,.42); }
html[data-theme="light"] .app-kpi > i:first-child {
  color: #A87400;
  background: linear-gradient(145deg,#FFF0B8,#FFF8DE);
  border-color: rgba(187,132,0,.28);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.55);
}
html[data-theme="light"] .app-kpi b {
  color: #171512 !important;
  font-weight: 800;
}
html[data-theme="light"] .app-kpi small {
  color: #665E54 !important;
  font-weight: 600;
}
html[data-theme="light"] .dashboard-nav-card .dashboard-nav-arrow {
  color: #8B6500;
  opacity: .82;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #FFF8E5;
  border: 1px solid rgba(183,128,0,.22);
}
html[data-theme="light"] .app-card::before { background: linear-gradient(135deg,rgba(216,159,0,.07),transparent 36%); }
html[data-theme="light"] .course-body h3,
html[data-theme="light"] .content-body h3,
html[data-theme="light"] .session-body h3,
html[data-theme="light"] .signal-body h3,
html[data-theme="light"] .activity-item b,
html[data-theme="light"] .performance-item b,
html[data-theme="light"] .announcement h4 { color: #1B1814; }
html[data-theme="light"] .course-body p,
html[data-theme="light"] .content-body p,
html[data-theme="light"] .session-body p,
html[data-theme="light"] .signal-body p,
html[data-theme="light"] .announcement p,
html[data-theme="light"] .activity-item small,
html[data-theme="light"] .performance-item small { color: #665E54; }
html[data-theme="light"] .activity-icon {
  color: #A87400;
  background: #FFF5D5;
  border-color: rgba(183,128,0,.24);
}
html[data-theme="light"] .activity-item { border-bottom-color: rgba(74,57,35,.12); }
html[data-theme="light"] .session-date,
html[data-theme="light"] .signal-level,
html[data-theme="light"] .course-next-class,
html[data-theme="light"] .signal-history-table-wrap {
  background: rgba(112,83,43,.045);
  color: #514A42;
  border-color: rgba(74,57,35,.15);
}
html[data-theme="light"] .session-top {
  color: #241F18;
  background: linear-gradient(145deg,#FFF4CD,#F8E8B4);
  border-bottom-color: rgba(183,128,0,.24);
}
html[data-theme="light"] .session-lock { background: #FFF8E3; }
html[data-theme="light"] .notice.ok {
  color: #166534;
  background: #E6F5E9;
  border-color: #A9DAB5;
}
html[data-theme="light"] .notice.info { color: #1E4F91; background: #EBF3FF; border-color: #BFD4F1; }
html[data-theme="light"] .notice.warn { color: #705000; background: #FFF4CF; border-color: #E6C968; }
html[data-theme="light"] .notice.bad { color: #991B1B; background: #FDECEC; border-color: #F0B4B4; }
html[data-theme="light"] .status-pill.ok { color: #166534; background: #E7F6EA; border-color: #AFDBB8; }
html[data-theme="light"] .status-pill.warn { color: #6D4D00; background: #FFF3CB; border-color: #E5C35B; }
html[data-theme="light"] .status-pill.bad { color: #991B1B; background: #FDECEC; border-color: #EFB4B4; }
html[data-theme="light"] .status-pill.neutral { background: #EEE7DC; color: #544C43; }
html[data-theme="light"] .app-btn.outline {
  color: #795700;
  background: #FFF9E9;
  border-color: rgba(183,128,0,.38);
  box-shadow: none;
}
html[data-theme="light"] .app-btn.outline:hover { color: #493400; background: #FFF1C2; }
html[data-theme="light"] .app-btn:not(.gold):not(.green):not(.danger):not(.outline) {
  color: #604500;
  background: linear-gradient(155deg,#FFFDF9,#F3E8D9);
  border-color: rgba(74,57,35,.15);
}
html[data-theme="light"] .announcement {
  background: linear-gradient(90deg,rgba(191,138,0,.13),rgba(255,253,249,.88));
  border-color: rgba(183,128,0,.23);
}
html[data-theme="light"] .announcement.important {
  background: linear-gradient(90deg,rgba(220,38,38,.09),rgba(255,253,249,.90));
  border-color: rgba(220,38,38,.20);
}
html[data-theme="light"] .announcement small { color: #675F55; }
html[data-theme="light"] .table-scroll,
html[data-theme="light"] .app-modal-card { background: #FFFDF9; }
html[data-theme="light"] .payment-table th,
html[data-theme="light"] .admin-table th,
html[data-theme="light"] .signal-history-report-table th { background: #F3EBDD; color: #625A50; }
html[data-theme="light"] .payment-table td,
html[data-theme="light"] .admin-table td,
html[data-theme="light"] .signal-history-report-table td { color: #39342E; }
html[data-theme="light"] .empty-state { color: #6D655B; background: rgba(191,138,0,.055); }
html[data-theme="light"] .empty-state i { color: #9B760F; }

/* New Digital Gold logo sizing. Dark theme keeps the original supplied artwork unchanged. */
.app-side-brand { min-height: 112px; padding: 12px 16px; }
.app-side-brand img { max-width: 178px; max-height: 86px; width: auto; height: auto; filter: drop-shadow(0 8px 22px rgba(255,193,7,.10)); }
.loading-screen img { max-width: 190px; max-height: 120px; width: auto; height: auto; }
html[data-theme="light"] .app-side-brand img { filter: drop-shadow(0 7px 18px rgba(78,58,31,.13)); }

/* V9.18 — light-theme notification/card hard fix */
html[data-theme="light"] .notification-item,
html[data-theme="light"] .notification-item.unread,
html[data-theme="light"] .admin-notification,
html[data-theme="light"] .admin-notification.unread {
  background: linear-gradient(155deg,#FFFDF9 0%,#F8F0E4 100%) !important;
  color: #211E1A !important;
  border-color: rgba(74,57,35,.20) !important;
  box-shadow: 0 12px 30px -24px rgba(74,52,25,.28) !important;
}
html[data-theme="light"] .notification-item:hover,
html[data-theme="light"] .admin-notification:hover {
  background: linear-gradient(155deg,#FFF9EC 0%,#F6EBD9 100%) !important;
  border-color: rgba(183,128,0,.42) !important;
}
html[data-theme="light"] .notification-item .notification-icon,
html[data-theme="light"] .admin-notification .notification-icon {
  color: #A87400 !important;
  background: #FFF2C7 !important;
  border: 1px solid rgba(183,128,0,.22) !important;
}
html[data-theme="light"] .notification-item b,
html[data-theme="light"] .notification-item strong,
html[data-theme="light"] .notification-item h3,
html[data-theme="light"] .notification-item h4,
html[data-theme="light"] .notification-title,
html[data-theme="light"] .notification-title b,
html[data-theme="light"] .admin-notification b,
html[data-theme="light"] .admin-notification strong {
  color: #1B1814 !important;
}
html[data-theme="light"] .notification-item p,
html[data-theme="light"] .notification-item span,
html[data-theme="light"] .notification-item small,
html[data-theme="light"] .notification-item time,
html[data-theme="light"] .notification-title time,
html[data-theme="light"] .admin-notification p,
html[data-theme="light"] .admin-notification span,
html[data-theme="light"] .admin-notification small,
html[data-theme="light"] .admin-notification time {
  color: #665E54 !important;
}
html[data-theme="light"] .notification-item > i,
html[data-theme="light"] .notification-item .fa-chevron-right,
html[data-theme="light"] .notification-item .fa-angle-right,
html[data-theme="light"] .admin-notification > i {
  color: #795700 !important;
}
html[data-theme="light"] .notification-item.unread,
html[data-theme="light"] .admin-notification.unread {
  border-color: rgba(183,128,0,.36) !important;
  background: linear-gradient(100deg,rgba(255,193,7,.11),#FFFDF9 34%) !important;
}
html[data-theme="light"] .unread-dot {
  background: #F0B400 !important;
  color: #F0B400 !important;
  box-shadow: 0 0 0 3px rgba(240,180,0,.12) !important;
}

/* Never allow dark inherited surfaces inside the light theme. */
html[data-theme="light"] #p-notifications .notification-item,
html[data-theme="light"] #p-announcements .announcement,
html[data-theme="light"] #p-courses .course-card,
html[data-theme="light"] #p-courses .session-card,
html[data-theme="light"] #p-dashboard .course-card,
html[data-theme="light"] #p-dashboard .content-card {
  background-color: #FFFDF9 !important;
}

/* V9.19 — Admin business dashboard: six main cards + analytics */
#p-dashboard .business-hero{margin-bottom:18px}
.business-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.business-summary-card{min-height:118px;padding:18px;border:1px solid #2b2b27;border-radius:18px;background:linear-gradient(145deg,#171714,#0d0d0c);color:#fff;display:grid;grid-template-columns:48px 1fr 34px;align-items:center;gap:13px;text-align:left;cursor:pointer;box-shadow:0 18px 42px -30px rgba(0,0,0,.65);transition:.2s ease}
.business-summary-card:hover{transform:translateY(-2px);border-color:rgba(246,197,47,.46);box-shadow:0 20px 42px -28px rgba(0,0,0,.78)}
.business-summary-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(246,197,47,.12);border:1px solid rgba(246,197,47,.18);color:var(--v9-gold);font-size:19px}
.business-summary-copy{min-width:0}.business-summary-copy>b{display:block;font-family:'Sora',sans-serif;font-size:24px;line-height:1.15;color:#fff;margin-bottom:6px;overflow-wrap:anywhere}.business-summary-copy small{display:block;color:#aaa79f;font-size:12px;font-weight:600}.business-summary-arrow{color:#716d63;font-size:11px;justify-self:end}
.business-summary-card.green .business-summary-icon{background:rgba(36,177,101,.13);border-color:rgba(36,177,101,.22);color:#54d88f}.business-summary-card.blue .business-summary-icon{background:rgba(67,113,255,.13);border-color:rgba(67,113,255,.22);color:#7ca1ff}.business-summary-card.orange .business-summary-icon{background:rgba(255,145,35,.13);border-color:rgba(255,145,35,.22);color:#ffae57}
.multi-money{display:flex!important;gap:4px;flex-direction:column;font-size:17px!important}.multi-money span{display:block}
.dashboard-business-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(420px,.9fr);gap:18px;align-items:start;margin-bottom:18px}.dashboard-work-column{display:grid;gap:18px}.dashboard-action-card{margin:0}.dashboard-analytics-column{display:grid;gap:14px;position:sticky;top:84px}.dashboard-quick-actions{margin-top:0}
.analytics-card{border:1px solid #2a2a26;border-radius:18px;background:linear-gradient(150deg,#171714,#0d0d0c);padding:18px;color:#fff;box-shadow:0 18px 42px -32px rgba(0,0,0,.7);overflow:hidden}.analytics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.analytics-head.compact{align-items:center;margin-bottom:12px}.analytics-head h3{font-size:17px;margin:2px 0 3px}.analytics-head p{margin:0;color:#8f8d86;font-size:11px}.analytics-head>b,.analytics-total{font-family:'Sora';font-weight:800;color:var(--v9-gold);font-size:16px;white-space:nowrap}.analytics-eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:800;color:var(--v9-gold)}
.income-bar-chart{height:178px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;align-items:end;padding:8px 2px 0}.income-bar-item{height:100%;display:grid;grid-template-rows:1fr auto;gap:8px;min-width:0}.income-bar-track{height:100%;border-radius:9px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.055);display:flex;align-items:flex-end;padding:3px;overflow:hidden}.income-bar-fill{display:block;width:100%;min-height:4px;border-radius:6px;background:linear-gradient(180deg,#ffd84f,#c89408);box-shadow:0 5px 18px rgba(246,197,47,.17)}.income-bar-item small{text-align:center;color:#8d8a82;font-size:9px;text-transform:uppercase;font-weight:700}
.analytics-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.donut-wrap{display:flex;align-items:center;gap:16px}.donut-chart{width:112px;height:112px;flex:none;border-radius:50%;display:grid;place-items:center;position:relative}.donut-chart:after{content:"";position:absolute;inset:16px;border-radius:50%;background:#11110f;border:1px solid #2b2b27}.donut-chart>span{position:relative;z-index:1;text-align:center}.donut-chart>span b{display:block;font:800 20px/1 'Sora';color:#fff}.donut-chart>span small{display:block;color:#85827b;font-size:9px;margin-top:4px}.enrollment-donut{background:conic-gradient(#e8b415 0 var(--slice-a),#36b46b var(--slice-a) 100%)}.payment-donut{background:conic-gradient(#36b46b 0 var(--approved),#e8b415 var(--approved) var(--pending),#d94a4a var(--pending) 100%)}.chart-legend{display:grid;gap:8px;min-width:0;flex:1}.chart-legend span{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;color:#9d9a92;font-size:10px}.chart-legend b{color:#fff}.legend-dot{width:8px;height:8px;border-radius:50%;display:block}.legend-dot.gold{background:#e8b415}.legend-dot.green{background:#36b46b}.legend-dot.red{background:#d94a4a}

html[data-theme="light"] .operations-hero.business-hero{background:linear-gradient(125deg,#FFF6D9 0%,#F5E8C7 52%,#FFFDF8 100%);border-color:rgba(166,119,14,.22);box-shadow:0 16px 36px -28px rgba(88,60,23,.3)}
html[data-theme="light"] .operations-hero.business-hero h2{color:#1d1914}html[data-theme="light"] .operations-hero.business-hero p{color:#71675c}html[data-theme="light"] .operations-hero.business-hero .system-clock{background:#FFFDF8;color:#5b4208;border-color:rgba(166,119,14,.24)}
html[data-theme="light"] .business-summary-card{background:linear-gradient(155deg,#FFFDF9,#F8F0E4);border-color:rgba(74,57,35,.2);color:#211e1a;box-shadow:0 16px 34px -27px rgba(74,52,25,.34)}html[data-theme="light"] .business-summary-card:hover{border-color:rgba(183,128,0,.42);box-shadow:0 18px 36px -28px rgba(74,52,25,.42)}html[data-theme="light"] .business-summary-icon{background:#FFF3CA;border-color:rgba(183,128,0,.25);color:#a87400}html[data-theme="light"] .business-summary-copy>b{color:#171512}html[data-theme="light"] .business-summary-copy small{color:#665e54}html[data-theme="light"] .business-summary-arrow{color:#8b6500}
html[data-theme="light"] .business-summary-card.green .business-summary-icon{background:#E8F6EC;border-color:#B8DDC3;color:#19834a}html[data-theme="light"] .business-summary-card.blue .business-summary-icon{background:#ECF2FF;border-color:#C5D4F5;color:#315fae}html[data-theme="light"] .business-summary-card.orange .business-summary-icon{background:#FFF1DE;border-color:#EED0A7;color:#A85C0C}
html[data-theme="light"] .analytics-card{background:linear-gradient(155deg,#FFFDF9,#F8F0E4);border-color:rgba(74,57,35,.2);color:#211e1a;box-shadow:0 16px 34px -27px rgba(74,52,25,.34)}html[data-theme="light"] .analytics-head h3{color:#1b1814}html[data-theme="light"] .analytics-head p{color:#71685f}html[data-theme="light"] .analytics-head>b,html[data-theme="light"] .analytics-total{color:#8c6500}html[data-theme="light"] .analytics-eyebrow{color:#a87400}
html[data-theme="light"] .income-bar-track{background:#F2E9DB;border-color:rgba(74,57,35,.1)}html[data-theme="light"] .income-bar-item small{color:#71685f}html[data-theme="light"] .donut-chart:after{background:#FFFDF9;border-color:rgba(74,57,35,.15)}html[data-theme="light"] .donut-chart>span b,html[data-theme="light"] .chart-legend b{color:#1b1814}html[data-theme="light"] .donut-chart>span small,html[data-theme="light"] .chart-legend span{color:#675f55}

@media(max-width:1350px){.dashboard-business-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr)}.analytics-split{grid-template-columns:1fr}.donut-wrap{justify-content:flex-start}}
@media(max-width:1120px){.business-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-business-grid{grid-template-columns:1fr}.dashboard-analytics-column{position:static}.analytics-split{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.business-summary-grid{grid-template-columns:1fr}.business-summary-card{min-height:96px}.analytics-split{grid-template-columns:1fr}.donut-wrap{gap:12px}.dashboard-business-grid{gap:14px}}

/* V9.20 — compact admin analytics: user growth + course enrollment trends */
#p-dashboard .business-hero,
#p-dashboard .operations-hero.business-hero{display:none!important}
#p-dashboard>.panel-heading{margin-bottom:18px}
#p-dashboard .dashboard-business-grid{grid-template-columns:minmax(0,1.32fr) minmax(430px,.88fr);gap:18px;align-items:start}
#p-dashboard .dashboard-analytics-column{position:static;display:grid;gap:16px}
#p-dashboard .trend-analytics-card{padding:16px 16px 14px;min-height:0}
#p-dashboard .trend-head{margin-bottom:10px;align-items:center}
#p-dashboard .trend-head h3{display:flex;align-items:center;gap:8px;margin-top:2px}
#p-dashboard .trend-head h3 i{color:var(--v9-gold);font-size:14px}
#p-dashboard .trend-total{text-align:right;min-width:54px}
#p-dashboard .trend-total b{display:block;font:800 26px/1 'Sora';color:#fff}
#p-dashboard .trend-total small{display:block;margin-top:4px;color:#89867f;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
#p-dashboard .analytics-range-row{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 10px}
#p-dashboard .analytics-range-btn{appearance:none;border:1px solid #30302b;background:#11110f;color:#8f8d86;border-radius:999px;padding:6px 9px;font:700 9px/1 'Inter',sans-serif;cursor:pointer;transition:.18s}
#p-dashboard .analytics-range-btn:hover,#p-dashboard .analytics-range-btn:focus-visible{border-color:rgba(246,197,47,.55);color:#fff;outline:none}
#p-dashboard .analytics-range-btn.active{background:var(--v9-gold);border-color:var(--v9-gold);color:#111;font-weight:800}
#p-dashboard .analytics-custom-range{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}
#p-dashboard .analytics-custom-range label{display:grid;gap:4px;color:#8d8a82;font-size:9px;font-weight:700}
#p-dashboard .analytics-custom-range input{width:100%;border:1px solid #30302b;background:#0e0e0c;color:#eee;border-radius:8px;padding:7px 8px;font:600 10px/1.2 'Inter',sans-serif;color-scheme:dark}
#p-dashboard .analytics-trend-chart{border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(246,197,47,.035),rgba(255,255,255,.01));border-radius:12px;padding:6px 8px 2px;overflow:hidden}
#p-dashboard .analytics-trend-svg{display:block;width:100%;height:158px;overflow:visible}
#p-dashboard .analytics-trend-svg text{fill:#7f7d76;font:700 8px 'Inter',sans-serif;text-transform:uppercase}
#p-dashboard .trend-grid-line{stroke:rgba(255,255,255,.07);stroke-width:1;stroke-dasharray:3 5}
#p-dashboard .trend-line{fill:none;stroke:#f6c52f;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
#p-dashboard .trend-area{fill:rgba(246,197,47,.09)}
#p-dashboard .trend-dot circle{fill:#0e0e0d;stroke:#f6c52f;stroke-width:2.5}
#p-dashboard .analytics-trend-svg.courses .trend-line{stroke:#3ebf78}
#p-dashboard .analytics-trend-svg.courses .trend-area{fill:rgba(62,191,120,.1)}
#p-dashboard .analytics-trend-svg.courses .trend-dot circle{stroke:#3ebf78}
#p-dashboard .analytics-performance-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin-top:10px;color:#87847d;font-size:10px}
#p-dashboard .analytics-performance-row small{color:#6f6c66}
#p-dashboard .analytics-change{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-weight:800}
#p-dashboard .analytics-change.positive{color:#5dd58d;background:rgba(55,183,105,.12)}
#p-dashboard .analytics-change.negative{color:#ff7777;background:rgba(218,74,74,.12)}
#p-dashboard .analytics-change.neutral{color:#d4ad36;background:rgba(246,197,47,.1)}

html[data-theme="light"] #p-dashboard .trend-total b{color:#201c17}
html[data-theme="light"] #p-dashboard .trend-total small{color:#72685d}
html[data-theme="light"] #p-dashboard .analytics-range-btn{background:#fffaf1;border-color:rgba(98,73,38,.18);color:#62594f}
html[data-theme="light"] #p-dashboard .analytics-range-btn:hover,
html[data-theme="light"] #p-dashboard .analytics-range-btn:focus-visible{border-color:#c99814;color:#342b1d}
html[data-theme="light"] #p-dashboard .analytics-range-btn.active{background:#efb914;border-color:#efb914;color:#1a160d}
html[data-theme="light"] #p-dashboard .analytics-custom-range label{color:#6f655a}
html[data-theme="light"] #p-dashboard .analytics-custom-range input{background:#fffdf8;border-color:rgba(85,63,35,.2);color:#211d18;color-scheme:light}
html[data-theme="light"] #p-dashboard .analytics-trend-chart{background:linear-gradient(180deg,#fffaf1,#fbf3e7);border-color:rgba(90,65,34,.13)}
html[data-theme="light"] #p-dashboard .analytics-trend-svg text{fill:#71675c}
html[data-theme="light"] #p-dashboard .trend-grid-line{stroke:rgba(74,57,35,.12)}
html[data-theme="light"] #p-dashboard .trend-dot circle{fill:#fffdf8}
html[data-theme="light"] #p-dashboard .analytics-performance-row{color:#6c6258}
html[data-theme="light"] #p-dashboard .analytics-performance-row small{color:#877c70}
html[data-theme="light"] #p-dashboard .analytics-change.positive{color:#167d46;background:#e2f5e9}
html[data-theme="light"] #p-dashboard .analytics-change.negative{color:#a83232;background:#fbe7e5}
html[data-theme="light"] #p-dashboard .analytics-change.neutral{color:#8b6500;background:#fff1bf}

@media(max-width:1250px){#p-dashboard .dashboard-business-grid{grid-template-columns:minmax(0,1fr) minmax(380px,.82fr)}}
@media(max-width:1050px){#p-dashboard .dashboard-business-grid{grid-template-columns:1fr}#p-dashboard .dashboard-analytics-column{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#p-dashboard .dashboard-analytics-column{grid-template-columns:1fr}#p-dashboard .analytics-performance-row{grid-template-columns:auto 1fr}#p-dashboard .analytics-performance-row small{grid-column:1/-1}#p-dashboard .analytics-trend-svg{height:145px}}


/* V9.21 — round analytics charts matching the requested pie-chart style */
#p-dashboard .analytics-trend-chart.round{min-height:220px;display:flex;align-items:center;justify-content:center;padding:14px;background:linear-gradient(180deg,rgba(246,197,47,.035),rgba(255,255,255,.01))}
#p-dashboard .analytics-round-chart{width:100%;display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr);align-items:center;justify-content:center;gap:22px;max-width:430px;margin:0 auto}
#p-dashboard .analytics-pie{width:190px;aspect-ratio:1;border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 16px 35px -24px rgba(0,0,0,.65);justify-self:center}
#p-dashboard .analytics-pie:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 24px rgba(0,0,0,.08);pointer-events:none}
#p-dashboard .analytics-pie .pie-label{position:absolute;z-index:2;display:grid;place-items:center;min-width:42px;height:28px;padding:0 7px;border-radius:999px;background:rgba(10,10,9,.82);border:1px solid rgba(255,255,255,.1);color:#fff;font:800 10px/1 'Sora';box-shadow:0 6px 16px rgba(0,0,0,.24)}
#p-dashboard .analytics-pie .pie-label.current{left:18px;top:50%;transform:translateY(-50%)}
#p-dashboard .analytics-pie .pie-label.previous{right:18px;top:50%;transform:translateY(-50%)}
#p-dashboard .analytics-pie .pie-empty{position:absolute;inset:0;display:grid;place-items:center;color:#8d8a82;font:800 28px/1 'Sora'}
#p-dashboard .analytics-pie-legend{display:grid;gap:11px;min-width:0}
#p-dashboard .analytics-pie-legend>div{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);color:#9b988f;font-size:10px}
#p-dashboard .analytics-pie-legend b{font:800 14px/1 'Sora';color:#fff}
#p-dashboard .pie-swatch{width:10px;height:10px;border-radius:50%;display:block}
#p-dashboard .analytics-round-chart.users .pie-swatch.current{background:#e9b415}
#p-dashboard .analytics-round-chart.users .pie-swatch.previous{background:#4e6bd8}
#p-dashboard .analytics-round-chart.courses .pie-swatch.current{background:#38b86f}
#p-dashboard .analytics-round-chart.courses .pie-swatch.previous{background:#e9b415}
#p-dashboard .analytics-performance-row{border-top:1px solid rgba(255,255,255,.055);padding-top:10px}

html[data-theme="light"] #p-dashboard .analytics-trend-chart.round{background:linear-gradient(180deg,#fffaf1,#fbf3e7);border-color:rgba(90,65,34,.13)}
html[data-theme="light"] #p-dashboard .analytics-pie{box-shadow:inset 0 0 0 1px rgba(85,63,35,.08),0 16px 30px -24px rgba(74,52,25,.38)}
html[data-theme="light"] #p-dashboard .analytics-pie .pie-label{background:rgba(255,253,248,.92);border-color:rgba(76,57,32,.15);color:#241e16;box-shadow:0 5px 15px rgba(75,54,28,.13)}
html[data-theme="light"] #p-dashboard .analytics-pie .pie-empty{color:#8a7f72}
html[data-theme="light"] #p-dashboard .analytics-pie-legend>div{background:#fffdf8;border-color:rgba(80,60,35,.12);color:#665d53}
html[data-theme="light"] #p-dashboard .analytics-pie-legend b{color:#1e1a16}
html[data-theme="light"] #p-dashboard .analytics-performance-row{border-top-color:rgba(80,60,35,.1)}

@media(max-width:1250px){#p-dashboard .analytics-round-chart{grid-template-columns:160px minmax(0,1fr);gap:16px}#p-dashboard .analytics-pie{width:160px}}
@media(max-width:1050px){#p-dashboard .analytics-round-chart{grid-template-columns:150px minmax(0,1fr)}#p-dashboard .analytics-pie{width:150px}}
@media(max-width:760px){#p-dashboard .analytics-round-chart{grid-template-columns:1fr;gap:14px}#p-dashboard .analytics-pie{width:min(190px,70vw)}#p-dashboard .analytics-pie-legend{width:100%}}

/* V9.22 — desktop dashboard viewport-fit pass
   Keep the whole Admin Dashboard visible on a normal desktop/laptop viewport
   without changing the responsive/mobile layouts or other admin panels. */
@media (min-width:1180px) and (min-height:720px){
  .app-content{padding:18px 24px;max-width:1700px}

  #p-dashboard>.panel-heading{margin-bottom:10px}
  #p-dashboard>.panel-heading h1{font-size:clamp(24px,1.65vw,29px);margin-bottom:2px;line-height:1.08}
  #p-dashboard>.panel-heading p{font-size:11px;line-height:1.25}

  #p-dashboard #adminKpis.business-summary-grid{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:9px;
    margin-bottom:11px;
  }
  #p-dashboard .business-summary-card{
    min-height:76px;
    padding:10px 11px;
    border-radius:14px;
    grid-template-columns:36px minmax(0,1fr) 16px;
    gap:8px;
  }
  #p-dashboard .business-summary-icon{
    width:36px;height:36px;border-radius:10px;font-size:14px
  }
  #p-dashboard .business-summary-copy>b{
    font-size:19px;line-height:1.05;margin-bottom:3px
  }
  #p-dashboard .business-summary-copy small{
    font-size:9px;line-height:1.15;white-space:normal
  }
  #p-dashboard .business-summary-arrow{font-size:9px}

  #p-dashboard .dashboard-business-grid{
    grid-template-columns:minmax(0,1.08fr) minmax(450px,.92fr);
    gap:12px;
    margin-bottom:0;
    align-items:stretch;
  }
  #p-dashboard .dashboard-work-column{
    gap:12px;
    grid-template-rows:minmax(138px,.62fr) minmax(250px,1.38fr);
    min-height:0;
  }
  #p-dashboard .dashboard-analytics-column{
    gap:10px;
    grid-template-rows:repeat(2,minmax(0,1fr));
    min-height:0;
  }

  #p-dashboard .dashboard-action-card{
    padding:12px 14px;
    border-radius:14px;
    min-height:0;
    margin:0;
  }
  #p-dashboard .dashboard-action-card .app-card-head{
    margin-bottom:8px;gap:10px
  }
  #p-dashboard .dashboard-action-card .app-card-head h3{
    font-size:14px;line-height:1.15
  }
  #p-dashboard .dashboard-action-card .app-card-head p{
    margin-top:2px;font-size:9px;line-height:1.2
  }
  #p-dashboard .dashboard-action-card .app-btn.small{
    min-height:30px;padding:5px 9px;font-size:9px
  }
  #p-dashboard .dashboard-action-card .empty-state{
    padding:18px 10px;border-radius:10px;font-size:10px
  }
  #p-dashboard .dashboard-action-card .empty-state i{
    font-size:21px;margin-bottom:6px
  }

  #p-dashboard #dashboardSessions .activity-item,
  #p-dashboard #dashboardPayments .activity-item{
    padding:7px 0;gap:9px;min-height:0
  }
  #p-dashboard #dashboardSessions .activity-icon,
  #p-dashboard #dashboardPayments .activity-icon{
    width:31px;height:31px;border-radius:9px;font-size:12px
  }
  #p-dashboard #dashboardSessions .activity-item b,
  #p-dashboard #dashboardPayments .activity-item b{
    font-size:10px;line-height:1.15
  }
  #p-dashboard #dashboardSessions .activity-item small,
  #p-dashboard #dashboardPayments .activity-item small{
    font-size:8px;line-height:1.15;margin-top:1px
  }
  #p-dashboard #dashboardSessions .status-pill{
    min-height:21px;padding:3px 7px;font-size:7px
  }
  #p-dashboard #dashboardPayments .app-btn.small{
    min-height:26px;padding:4px 7px;font-size:8px
  }

  #p-dashboard .trend-analytics-card{
    padding:10px 11px 8px;
    border-radius:14px;
    min-height:0;
    overflow:hidden;
  }
  #p-dashboard .analytics-head.trend-head{
    margin-bottom:5px;gap:8px
  }
  #p-dashboard .analytics-head.trend-head h3{
    margin:1px 0 1px;font-size:13px;line-height:1.05;gap:5px
  }
  #p-dashboard .analytics-head.trend-head h3 i{font-size:11px}
  #p-dashboard .analytics-head.trend-head p{
    font-size:8px;line-height:1.15
  }
  #p-dashboard .analytics-eyebrow{
    font-size:7px;letter-spacing:1.2px
  }
  #p-dashboard .trend-total{min-width:40px}
  #p-dashboard .trend-total b{font-size:19px}
  #p-dashboard .trend-total small{font-size:7px;margin-top:2px}

  #p-dashboard .analytics-range-row{
    gap:4px;margin:2px 0 5px;flex-wrap:nowrap
  }
  #p-dashboard .analytics-range-btn{
    padding:4px 6px;font-size:7px;white-space:nowrap
  }
  #p-dashboard .analytics-custom-range{
    grid-template-columns:1fr 1fr;gap:5px;margin:0 0 5px
  }
  #p-dashboard .analytics-custom-range label{font-size:7px;gap:2px}
  #p-dashboard .analytics-custom-range input{
    padding:4px 5px;border-radius:6px;font-size:8px
  }

  #p-dashboard .analytics-trend-chart.round{
    min-height:0;
    height:132px;
    padding:5px 6px;
    border-radius:10px;
  }
  #p-dashboard .analytics-round-chart{
    grid-template-columns:112px minmax(0,1fr);
    gap:10px;
    max-width:310px;
  }
  #p-dashboard .analytics-pie{width:112px}
  #p-dashboard .analytics-pie .pie-label{
    min-width:31px;height:21px;padding:0 5px;font-size:7px
  }
  #p-dashboard .analytics-pie .pie-label.current{left:9px}
  #p-dashboard .analytics-pie .pie-label.previous{right:9px}
  #p-dashboard .analytics-pie .pie-empty{font-size:20px}
  #p-dashboard .analytics-pie-legend{gap:5px}
  #p-dashboard .analytics-pie-legend>div{
    grid-template-columns:8px minmax(0,1fr) auto;
    gap:5px;
    padding:5px 6px;
    border-radius:7px;
    font-size:7px
  }
  #p-dashboard .analytics-pie-legend b{font-size:10px}
  #p-dashboard .pie-swatch{width:7px;height:7px}

  #p-dashboard .analytics-performance-row{
    margin-top:5px;
    padding-top:5px;
    gap:5px;
    font-size:7px;
  }
  #p-dashboard .analytics-performance-row small{font-size:7px}
  #p-dashboard .analytics-change{
    padding:3px 5px;gap:3px;font-size:7px
  }

  /* Quick actions already exist in the sidebar/content tabs; hiding this duplicate
     block keeps the complete dashboard visible in one viewport. */
  #p-dashboard .dashboard-quick-actions{display:none!important}
}

/* Slightly tighter pass for common 1366×768 / 1440×900 laptop screens. */
@media (min-width:1180px) and (max-height:820px){
  .app-content{padding-top:12px;padding-bottom:12px}
  #p-dashboard>.panel-heading{margin-bottom:7px}
  #p-dashboard>.panel-heading h1{font-size:24px}
  #p-dashboard>.panel-heading p{font-size:10px}
  #p-dashboard #adminKpis.business-summary-grid{margin-bottom:8px;gap:7px}
  #p-dashboard .business-summary-card{min-height:66px;padding:8px 9px}
  #p-dashboard .business-summary-icon{width:32px;height:32px}
  #p-dashboard .business-summary-copy>b{font-size:17px}
  #p-dashboard .dashboard-business-grid{gap:9px}
  #p-dashboard .dashboard-work-column{gap:9px;grid-template-rows:minmax(122px,.58fr) minmax(220px,1.42fr)}
  #p-dashboard .dashboard-analytics-column{gap:8px}
  #p-dashboard .dashboard-action-card{padding:9px 11px}
  #p-dashboard .trend-analytics-card{padding:8px 9px 7px}
  #p-dashboard .analytics-trend-chart.round{height:116px}
  #p-dashboard .analytics-round-chart{grid-template-columns:98px minmax(0,1fr);max-width:285px}
  #p-dashboard .analytics-pie{width:98px}
  #p-dashboard #dashboardSessions .activity-item,
  #p-dashboard #dashboardPayments .activity-item{padding:5px 0}
}

/* V9.22 — professional two-tone circular analytics */
#p-dashboard .analytics-round-chart.professional{
  grid-template-columns:132px minmax(0,1fr);
  align-items:center;
  gap:14px;
  max-width:360px;
  margin:0 auto;
}
#p-dashboard .analytics-donut-shell{
  position:relative;
  width:132px;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  isolation:isolate;
}
#p-dashboard .analytics-donut-shell:before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.12),transparent 36%),rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.055);
  box-shadow:inset 0 0 28px rgba(0,0,0,.22),0 10px 24px -20px rgba(0,0,0,.85);
  z-index:-1;
}
#p-dashboard .analytics-donut-svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}
#p-dashboard .analytics-donut-svg circle{fill:none;stroke-width:13.5;stroke-linecap:round}
#p-dashboard .analytics-donut-svg .donut-track{stroke:rgba(255,255,255,.075)}
#p-dashboard .analytics-donut-svg .donut-segment{transition:stroke-dasharray .45s ease,stroke-dashoffset .45s ease}
#p-dashboard .analytics-donut-center{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  width:72px;height:72px;
  border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:linear-gradient(145deg,#171714,#0e0e0d);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 20px -16px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.04);
  text-align:center;
}
#p-dashboard .analytics-donut-center b{font-family:'Sora';font-size:22px;line-height:1;color:#fff}
#p-dashboard .analytics-donut-center span{margin-top:4px;color:#8f8d86;font-size:7px;text-transform:uppercase;letter-spacing:.8px;font-weight:800}
#p-dashboard .analytics-donut-center small{margin-top:2px;color:var(--v9-gold);font-size:8px;font-weight:900}
#p-dashboard .analytics-donut-empty{position:absolute;inset:0;display:grid;place-content:center;gap:4px;text-align:center;color:#777;pointer-events:none}
#p-dashboard .analytics-donut-empty i{font-size:15px;opacity:.45}
#p-dashboard .analytics-donut-empty span{font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}
#p-dashboard .analytics-pie-legend.professional{display:grid;gap:7px;min-width:0}
#p-dashboard .analytics-pie-legend.professional>div{
  display:grid;
  grid-template-columns:9px minmax(0,1fr) auto auto;
  align-items:center;
  gap:7px;
  padding:7px 8px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:9px;
  background:rgba(255,255,255,.025);
  color:#aaa;
  font-size:8px;
}
#p-dashboard .analytics-pie-legend.professional>div>b{font-size:12px;color:#fff}
#p-dashboard .analytics-pie-legend.professional>div>small{font-size:7px;color:#7f7d76;min-width:24px;text-align:right}
#p-dashboard .analytics-pie-legend.professional .analytics-mini-total{grid-template-columns:minmax(0,1fr) auto;background:rgba(246,197,47,.045);border-color:rgba(246,197,47,.16)}
#p-dashboard .analytics-pie-legend.professional .analytics-mini-total>b{color:var(--v9-gold)}
#p-dashboard .analytics-pie-legend.professional .analytics-mini-total .pie-swatch{display:none}
#p-dashboard .analytics-round-chart.users .pie-swatch.current{background:linear-gradient(135deg,#ffd84a,#ef8f1b)}
#p-dashboard .analytics-round-chart.users .pie-swatch.previous{background:linear-gradient(135deg,#88a6ff,#6d50c9)}
#p-dashboard .analytics-round-chart.courses .pie-swatch.current{background:linear-gradient(135deg,#74e49b,#159b8b)}
#p-dashboard .analytics-round-chart.courses .pie-swatch.previous{background:linear-gradient(135deg,#ffd76c,#d77b2b)}

html[data-theme="light"] #p-dashboard .analytics-donut-shell:before{
  background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.9),transparent 38%),#fffdf8;
  border-color:#e5dacb;
  box-shadow:inset 0 0 20px rgba(128,94,18,.045),0 12px 24px -22px rgba(70,52,20,.3);
}
html[data-theme="light"] #p-dashboard .analytics-donut-svg .donut-track{stroke:#e8dfd2}
html[data-theme="light"] #p-dashboard .analytics-donut-center{
  background:linear-gradient(145deg,#fffdf8,#f5eddf);
  border-color:#e4d8c7;
  box-shadow:0 10px 20px -18px rgba(89,65,25,.32),inset 0 1px 0 #fff;
}
html[data-theme="light"] #p-dashboard .analytics-donut-center b{color:#1d1b18}
html[data-theme="light"] #p-dashboard .analytics-donut-center span{color:#80766a}
html[data-theme="light"] #p-dashboard .analytics-donut-center small{color:#9b7412}
html[data-theme="light"] #p-dashboard .analytics-pie-legend.professional>div{
  background:#fffdf8;
  border-color:#e7dccd;
  color:#766d62;
  box-shadow:0 8px 16px -18px rgba(83,60,20,.3);
}
html[data-theme="light"] #p-dashboard .analytics-pie-legend.professional>div>b{color:#211f1b}
html[data-theme="light"] #p-dashboard .analytics-pie-legend.professional>div>small{color:#9a9084}
html[data-theme="light"] #p-dashboard .analytics-pie-legend.professional .analytics-mini-total{background:#fff8e7;border-color:#ead9aa}

/* Preserve the one-screen dashboard goal with the richer circular charts. */
@media (min-width:1180px) and (min-height:720px){
  #p-dashboard .analytics-round-chart.professional{grid-template-columns:102px minmax(0,1fr);gap:9px;max-width:300px}
  #p-dashboard .analytics-donut-shell{width:102px}
  #p-dashboard .analytics-donut-svg circle{stroke-width:12.5}
  #p-dashboard .analytics-donut-center{width:56px;height:56px}
  #p-dashboard .analytics-donut-center b{font-size:17px}
  #p-dashboard .analytics-donut-center span{font-size:6px;margin-top:2px}
  #p-dashboard .analytics-donut-center small{font-size:7px}
  #p-dashboard .analytics-pie-legend.professional{gap:4px}
  #p-dashboard .analytics-pie-legend.professional>div{padding:5px 6px;gap:5px;font-size:7px;border-radius:7px}
  #p-dashboard .analytics-pie-legend.professional>div>b{font-size:10px}
  #p-dashboard .analytics-pie-legend.professional>div>small{font-size:6px;min-width:20px}
}
@media (min-width:1180px) and (max-height:820px){
  #p-dashboard .analytics-round-chart.professional{grid-template-columns:88px minmax(0,1fr);max-width:270px}
  #p-dashboard .analytics-donut-shell{width:88px}
  #p-dashboard .analytics-donut-svg circle{stroke-width:12}
  #p-dashboard .analytics-donut-center{width:48px;height:48px}
  #p-dashboard .analytics-donut-center b{font-size:15px}
  #p-dashboard .analytics-donut-center span{display:none}
  #p-dashboard .analytics-pie-legend.professional>div{padding:4px 5px}
}
@media(max-width:760px){
  #p-dashboard .analytics-round-chart.professional{grid-template-columns:1fr;max-width:none;justify-items:center}
  #p-dashboard .analytics-donut-shell{width:min(160px,52vw)}
  #p-dashboard .analytics-pie-legend.professional{width:100%}
}

/* V9.23 — balanced desktop dashboard sizing
   Restore a premium, readable scale while keeping the complete dashboard within
   a typical 1440x900 / 1728x864 desktop viewport. */
@media (min-width:1180px) and (min-height:720px){
  .app-content{padding:20px 26px 18px;max-width:1720px}

  #p-dashboard>.panel-heading{margin-bottom:12px}
  #p-dashboard>.panel-heading h1{font-size:clamp(27px,1.85vw,32px);margin-bottom:3px}
  #p-dashboard>.panel-heading p{font-size:12px}

  #p-dashboard #adminKpis.business-summary-grid{gap:11px;margin-bottom:13px}
  #p-dashboard .business-summary-card{
    min-height:88px;
    padding:13px 14px;
    border-radius:15px;
    grid-template-columns:42px minmax(0,1fr) 18px;
    gap:10px;
  }
  #p-dashboard .business-summary-icon{width:42px;height:42px;border-radius:11px;font-size:16px}
  #p-dashboard .business-summary-copy>b{font-size:22px;margin-bottom:4px}
  #p-dashboard .business-summary-copy small{font-size:10px;line-height:1.2}
  #p-dashboard .business-summary-arrow{font-size:10px}

  #p-dashboard .dashboard-business-grid{
    grid-template-columns:minmax(0,1.05fr) minmax(500px,.95fr);
    gap:14px;
  }
  #p-dashboard .dashboard-work-column{
    gap:14px;
    grid-template-rows:minmax(150px,.58fr) minmax(300px,1.42fr);
  }
  #p-dashboard .dashboard-analytics-column{gap:12px}

  #p-dashboard .dashboard-action-card{padding:14px 16px;border-radius:15px}
  #p-dashboard .dashboard-action-card .app-card-head{margin-bottom:10px}
  #p-dashboard .dashboard-action-card .app-card-head h3{font-size:16px}
  #p-dashboard .dashboard-action-card .app-card-head p{font-size:10px}
  #p-dashboard .dashboard-action-card .app-btn.small{min-height:33px;padding:6px 11px;font-size:9px}
  #p-dashboard .dashboard-action-card .empty-state{padding:22px 12px;font-size:11px}
  #p-dashboard .dashboard-action-card .empty-state i{font-size:23px}

  #p-dashboard #dashboardSessions .activity-item,
  #p-dashboard #dashboardPayments .activity-item{padding:9px 0;gap:10px}
  #p-dashboard #dashboardSessions .activity-icon,
  #p-dashboard #dashboardPayments .activity-icon{width:35px;height:35px;border-radius:10px;font-size:13px}
  #p-dashboard #dashboardSessions .activity-item b,
  #p-dashboard #dashboardPayments .activity-item b{font-size:11px}
  #p-dashboard #dashboardSessions .activity-item small,
  #p-dashboard #dashboardPayments .activity-item small{font-size:9px}
  #p-dashboard #dashboardSessions .status-pill{min-height:23px;padding:4px 8px;font-size:7.5px}

  #p-dashboard .trend-analytics-card{padding:12px 13px 10px;border-radius:15px}
  #p-dashboard .analytics-head.trend-head{margin-bottom:7px}
  #p-dashboard .analytics-head.trend-head h3{font-size:15px}
  #p-dashboard .analytics-head.trend-head h3 i{font-size:13px}
  #p-dashboard .analytics-head.trend-head p{font-size:9px}
  #p-dashboard .analytics-eyebrow{font-size:7.5px}
  #p-dashboard .trend-total b{font-size:21px}
  #p-dashboard .trend-total small{font-size:7px}

  #p-dashboard .analytics-range-row{gap:5px;margin:3px 0 7px}
  #p-dashboard .analytics-range-btn{padding:5px 8px;font-size:7.5px}

  #p-dashboard .analytics-trend-chart.round{height:170px;padding:8px 10px;border-radius:11px}
  #p-dashboard .analytics-round-chart.professional{
    grid-template-columns:146px minmax(0,1fr);
    gap:14px;
    max-width:390px;
  }
  #p-dashboard .analytics-donut-shell{width:146px}
  #p-dashboard .analytics-donut-svg circle{stroke-width:13.5}
  #p-dashboard .analytics-donut-center{width:78px;height:78px}
  #p-dashboard .analytics-donut-center b{font-size:23px}
  #p-dashboard .analytics-donut-center span{display:block;font-size:7px;margin-top:4px}
  #p-dashboard .analytics-donut-center small{font-size:8px}
  #p-dashboard .analytics-pie-legend.professional{gap:7px}
  #p-dashboard .analytics-pie-legend.professional>div{
    padding:7px 9px;
    gap:7px;
    font-size:8px;
    border-radius:9px;
  }
  #p-dashboard .analytics-pie-legend.professional>div>b{font-size:12px}
  #p-dashboard .analytics-pie-legend.professional>div>small{font-size:7px;min-width:24px}
  #p-dashboard .analytics-performance-row{margin-top:7px;padding-top:7px;font-size:8px}
  #p-dashboard .analytics-performance-row small{font-size:8px}
  #p-dashboard .analytics-change{padding:4px 7px;font-size:8px}
}

/* Keep 1366x768 class laptops compact enough to avoid scroll, but not tiny. */
@media (min-width:1180px) and (max-height:820px){
  .app-content{padding:14px 20px 12px}
  #p-dashboard>.panel-heading h1{font-size:26px}
  #p-dashboard #adminKpis.business-summary-grid{gap:8px;margin-bottom:9px}
  #p-dashboard .business-summary-card{min-height:72px;padding:9px 10px;grid-template-columns:34px minmax(0,1fr) 15px}
  #p-dashboard .business-summary-icon{width:34px;height:34px;font-size:13px}
  #p-dashboard .business-summary-copy>b{font-size:18px}
  #p-dashboard .business-summary-copy small{font-size:8.5px}
  #p-dashboard .dashboard-business-grid{gap:10px}
  #p-dashboard .dashboard-work-column{gap:10px;grid-template-rows:minmax(125px,.55fr) minmax(230px,1.45fr)}
  #p-dashboard .dashboard-analytics-column{gap:9px}
  #p-dashboard .dashboard-action-card{padding:10px 12px}
  #p-dashboard .trend-analytics-card{padding:9px 10px 8px}
  #p-dashboard .analytics-head.trend-head h3{font-size:13.5px}
  #p-dashboard .analytics-range-btn{padding:4px 6px;font-size:7px}
  #p-dashboard .analytics-trend-chart.round{height:132px;padding:6px 8px}
  #p-dashboard .analytics-round-chart.professional{grid-template-columns:112px minmax(0,1fr);gap:10px;max-width:320px}
  #p-dashboard .analytics-donut-shell{width:112px}
  #p-dashboard .analytics-donut-center{width:62px;height:62px}
  #p-dashboard .analytics-donut-center b{font-size:18px}
  #p-dashboard .analytics-donut-center span{display:block;font-size:6px;margin-top:2px}
  #p-dashboard .analytics-donut-center small{font-size:7px}
  #p-dashboard .analytics-pie-legend.professional{gap:5px}
  #p-dashboard .analytics-pie-legend.professional>div{padding:5px 6px;font-size:7px}
  #p-dashboard .analytics-pie-legend.professional>div>b{font-size:10px}
  #p-dashboard .analytics-performance-row{margin-top:5px;padding-top:5px;font-size:7px}
  #p-dashboard .analytics-performance-row small{font-size:7px}
}


/* V9.24 — larger right-side analytics and free/paid enrollment comparison */
#p-dashboard .dashboard-business-grid{
  grid-template-columns:minmax(0,1.04fr) minmax(560px,1fr);
}
#p-dashboard .dashboard-analytics-column{
  gap:14px;
}
#p-dashboard .trend-analytics-card{
  min-height:250px;
}
#p-dashboard .analytics-trend-chart.round{
  min-height:185px;
  height:auto;
  display:flex;
  align-items:center;
}
#p-dashboard .analytics-round-chart.professional{
  width:100%;
  max-width:none;
  margin:0;
  grid-template-columns:minmax(160px,190px) minmax(260px,1fr);
  gap:18px;
  justify-content:space-between;
}
#p-dashboard .analytics-donut-shell{
  width:min(190px,100%);
}
#p-dashboard .analytics-pie-legend.professional{
  width:100%;
  align-self:center;
}
#p-dashboard .analytics-pie-legend.professional>div{
  grid-template-columns:11px minmax(0,1fr) auto auto;
  padding:9px 10px;
  gap:8px;
  font-size:9px;
}
#p-dashboard .analytics-pie-legend.professional>div>b{font-size:13px}
#p-dashboard .analytics-pie-legend.professional>div>small{font-size:8px;min-width:28px}
#p-dashboard .analytics-round-chart.courses .pie-swatch.free{background:linear-gradient(135deg,#ffd76c,#d77b2b)}
#p-dashboard .analytics-round-chart.courses .pie-swatch.paid{background:linear-gradient(135deg,#74e49b,#159b8b)}
#p-dashboard .analytics-performance-row{
  margin-top:9px;
  padding-top:9px;
}
#p-dashboard .trend-total{
  min-width:48px;
  text-align:right;
}

@media (min-width:1180px) and (min-height:720px){
  #p-dashboard .dashboard-business-grid{grid-template-columns:minmax(0,1.03fr) minmax(580px,1fr)}
  #p-dashboard .dashboard-analytics-column{gap:14px}
  #p-dashboard .trend-analytics-card{padding:13px 14px 11px}
  #p-dashboard .analytics-head.trend-head{margin-bottom:8px}
  #p-dashboard .analytics-range-row{margin:4px 0 8px}
  #p-dashboard .analytics-trend-chart.round{min-height:192px;padding:10px 12px}
  #p-dashboard .analytics-round-chart.professional{grid-template-columns:170px minmax(270px,1fr);gap:18px;max-width:none}
  #p-dashboard .analytics-donut-shell{width:170px}
  #p-dashboard .analytics-donut-center{width:82px;height:82px}
  #p-dashboard .analytics-donut-center b{font-size:24px}
}

@media (min-width:1180px) and (max-height:820px){
  #p-dashboard .dashboard-business-grid{grid-template-columns:minmax(0,1.02fr) minmax(520px,.98fr)}
  #p-dashboard .trend-analytics-card{min-height:220px}
  #p-dashboard .analytics-trend-chart.round{min-height:155px;padding:8px 10px}
  #p-dashboard .analytics-round-chart.professional{grid-template-columns:132px minmax(210px,1fr);gap:14px;max-width:none}
  #p-dashboard .analytics-donut-shell{width:132px}
  #p-dashboard .analytics-donut-center{width:68px;height:68px}
  #p-dashboard .analytics-donut-center b{font-size:20px}
  #p-dashboard .analytics-pie-legend.professional>div{padding:7px 8px;font-size:8px}
  #p-dashboard .analytics-pie-legend.professional>div>b{font-size:11px}
}

@media (max-width:1050px){
  #p-dashboard .dashboard-business-grid{grid-template-columns:1fr}
  #p-dashboard .analytics-round-chart.professional{grid-template-columns:minmax(150px,180px) minmax(220px,1fr)}
}
@media (max-width:760px){
  #p-dashboard .analytics-round-chart.professional{grid-template-columns:1fr;gap:12px}
  #p-dashboard .analytics-donut-shell{width:min(180px,58vw)}
}


/* V9.25 — New Signal branded modal + combined Direction/Order Type */
#signalFormBox.signal-create-modal{z-index:260;padding:18px;background:rgba(8,8,7,.72);backdrop-filter:blur(7px)}
#signalFormBox .signal-create-card{width:min(650px,94vw);max-height:min(88vh,760px);border-radius:18px;overflow:auto}
#signalFormBox .app-modal-head{padding:14px 17px}
#signalFormBox .app-modal-head h3{font-size:19px}
#signalFormBox .app-modal-head small{display:block;margin-top:3px;font-size:10px}
#signalFormBox .signal-create-body{padding:15px 17px 10px}
#signalFormBox .signal-popup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
#signalFormBox .signal-popup-grid .form-field{gap:5px}
#signalFormBox .signal-popup-grid label{font-size:9px}
#signalFormBox .signal-popup-grid input,#signalFormBox .signal-popup-grid select,#signalFormBox .signal-popup-grid textarea{min-height:39px;padding:9px 11px;font-size:12px;border-radius:9px}
#signalFormBox .signal-popup-grid textarea{min-height:72px;resize:vertical}
#signalFormBox .instrument-picker>input[type=search]{padding-right:44px}
#signalFormBox .instrument-menu{max-height:220px}
#signalFormBox .signal-calculation-preview.compact-popup{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:11px 0 9px}
#signalFormBox .signal-calculation-preview.compact-popup>div{padding:8px 9px;border-radius:9px}
#signalFormBox .signal-calculation-preview.compact-popup small{font-size:7px}
#signalFormBox .signal-calculation-preview.compact-popup b{font-size:11px}
#signalFormBox .signal-publish-check{margin:8px 0 0;font-size:10px}
#signalFormBox .app-modal-foot{padding:11px 17px}
#signalFormBox .app-modal-foot .app-btn{min-height:36px;padding:8px 13px;font-size:10px}
body:has(#signalFormBox.open){overflow:hidden}
html[data-theme=light] #signalFormBox.signal-create-modal{background:rgba(50,42,28,.35)}
html[data-theme=light] #signalFormBox .signal-create-card{background:linear-gradient(155deg,#fffdf9,#f8f0e4)}
@media(max-width:700px){#signalFormBox.signal-create-modal{padding:0;align-items:flex-end}#signalFormBox .signal-create-card{width:100%;max-height:94vh;border-radius:18px 18px 0 0}#signalFormBox .signal-popup-grid{grid-template-columns:1fr}#signalFormBox .signal-calculation-preview.compact-popup{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* V9.26 — New Signal modal light-theme contrast/readability fix */
html[data-theme="light"] #signalFormBox .app-modal-head h3,
html[data-theme="light"] #signalFormBox .app-modal-head small,
html[data-theme="light"] #signalFormBox .signal-popup-grid label,
html[data-theme="light"] #signalFormBox .signal-publish-check,
html[data-theme="light"] #signalFormBox .signal-publish-check span,
html[data-theme="light"] #signalFormBox .check-row{
  color:#332d25 !important;
}
html[data-theme="light"] #signalFormBox .app-modal-head small{
  color:#756b60 !important;
}
html[data-theme="light"] #signalFormBox .signal-popup-grid input,
html[data-theme="light"] #signalFormBox .signal-popup-grid select,
html[data-theme="light"] #signalFormBox .signal-popup-grid textarea,
html[data-theme="light"] #signalFormBox .instrument-picker>input[type="search"]{
  color:#29241e !important;
  background:#fffdf9 !important;
  border-color:#d9cdbd !important;
}
html[data-theme="light"] #signalFormBox .signal-popup-grid input::placeholder,
html[data-theme="light"] #signalFormBox .signal-popup-grid textarea::placeholder,
html[data-theme="light"] #signalFormBox .instrument-picker>input[type="search"]::placeholder{
  color:#8a8177 !important;
  opacity:1;
}
html[data-theme="light"] #signalFormBox .signal-calculation-preview.compact-popup>div{
  background:#fffaf0 !important;
  border-color:#ded0bd !important;
  box-shadow:0 4px 12px -12px rgba(77,55,25,.35);
}
html[data-theme="light"] #signalFormBox .signal-calculation-preview.compact-popup small{
  color:#70665b !important;
  font-weight:800;
}
html[data-theme="light"] #signalFormBox .signal-calculation-preview.compact-popup b{
  color:#211d18 !important;
  background:transparent !important;
  text-shadow:none !important;
}
html[data-theme="light"] #signalFormBox .signal-calculation-preview.compact-popup>div:nth-child(2) b,
html[data-theme="light"] #signalFormBox .signal-calculation-preview.compact-popup>div:nth-child(3) b,
html[data-theme="light"] #signalFormBox .signal-calculation-preview.compact-popup>div:nth-child(4) b{
  color:#916700 !important;
}
html[data-theme="light"] #signalFormBox .signal-calculation-preview.compact-popup>div:nth-child(5) b{
  color:#2e5a3b !important;
}
html[data-theme="light"] #signalFormBox .signal-publish-check input,
html[data-theme="light"] #signalFormBox .check-row input{
  accent-color:#eab713;
}
html[data-theme="light"] #signalFormBox .app-modal-foot{
  background:#fffaf2;
  border-top-color:#e1d5c5;
}


/* V9.29 — resilient dashboard analytics fallback */
#p-dashboard .dashboard-analytics-column:empty{min-height:520px}
#p-dashboard .v929-analytics-card{position:relative}
#p-dashboard .v929-demo-badge{display:inline-flex;align-items:center;gap:5px;margin-left:7px;padding:3px 6px;border-radius:999px;background:rgba(246,197,47,.12);border:1px solid rgba(246,197,47,.24);color:#d5a91f;font-size:7px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
#p-dashboard .v929-custom{display:none;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px}
#p-dashboard .v929-custom.on{display:grid}
#p-dashboard .v929-custom label{display:grid;gap:3px;font-size:8px;color:#8d8a82;font-weight:700}
#p-dashboard .v929-custom input{border:1px solid #30302b;background:#0e0e0c;color:#eee;border-radius:8px;padding:6px 7px;font-size:9px;color-scheme:dark}
html[data-theme="light"] #p-dashboard .v929-demo-badge{background:#fff3c9;border-color:#e6c85f;color:#8b6500}
html[data-theme="light"] #p-dashboard .v929-custom label{color:#6f655a}
html[data-theme="light"] #p-dashboard .v929-custom input{background:#fffdf8;border-color:#ded2c2;color:#211d18;color-scheme:light}


/* V9.30 — analytics clarity: current value in center, no combined total row */
#p-dashboard .analytics-donut-center span{max-width:66px;line-height:1.12;text-align:center;letter-spacing:.35px}
#p-dashboard .analytics-pie-legend.professional{align-content:center}
#p-dashboard .analytics-pie-legend.professional>div:not(.analytics-mini-total){min-height:42px}
@media (min-width:1180px) and (max-height:820px){#p-dashboard .analytics-donut-center span{font-size:6px;max-width:56px}}


/* V9.31 — consolidated course/student/calendar workflow */
.app-logo-home{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none}
.app-logo-home img{display:block;max-width:100%}

/* Compact Add/Edit Course modal */
#courseFormBox.course-form-modal{z-index:235}
#courseFormBox .course-form-card{width:min(1040px,96vw);max-height:92vh}
#courseFormBox .app-modal-head{padding:13px 17px}
#courseFormBox .app-modal-head h3{font-size:18px}
#courseFormBox .course-modal-body{padding:14px 17px}
#courseFormBox .compact-course-grid{gap:9px 11px}
#courseFormBox .form-field{gap:4px}
#courseFormBox .form-field label{font-size:9px}
#courseFormBox input,#courseFormBox select,#courseFormBox textarea{min-height:36px;padding:8px 10px;font-size:10px;border-radius:9px}
#courseFormBox textarea{min-height:58px}
#courseFormBox .live-class-form-divider{margin-top:2px;padding:8px 10px}
#courseFormBox .course-session-editor{gap:8px}
#courseFormBox .course-session-row{padding:10px;border-radius:11px}
#courseFormBox .course-session-row-head{margin-bottom:8px}
#courseFormBox .compact-session-grid{gap:8px 10px}
#courseFormBox .app-modal-foot{padding:10px 17px}
#courseFormBox .app-modal-foot .app-btn{min-height:36px;padding:8px 13px;font-size:10px}
.course-structure-inline{margin-top:10px;border:1px solid var(--app-line);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.02)}
.course-structure-inline summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;font-size:11px;font-weight:800;color:#ddd}
.course-structure-inline summary::-webkit-details-marker{display:none}
.course-structure-inline summary small{color:var(--app-gold);font-size:8px;text-transform:uppercase;letter-spacing:.8px}
.course-structure-inline-body{padding:0 12px 12px;border-top:1px solid var(--app-line)}
.compact-structure-note{margin:10px 0;font-size:9px}
.course-structure-toolbar{display:flex;justify-content:flex-end;margin-bottom:8px}.course-structure-toolbar label{display:flex;align-items:center;gap:8px;font-size:9px}.course-structure-toolbar select{min-width:210px}
.compact-structure-forms{gap:10px}.compact-inner-card{padding:10px 11px;border-radius:10px}.compact-inner-card h4{margin:0 0 8px;font-size:12px}.structure-inline-list{margin-top:10px;max-height:220px;overflow:auto}
.course-access-note{margin:10px 0 0}

/* Student management filters and summary */
.student-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.student-summary-card{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid var(--app-line);border-radius:13px;background:#11110f}
.student-summary-card>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(246,197,47,.1);color:var(--app-gold)}
.student-summary-card b{display:block;font:800 20px/1 'Sora';color:#fff}.student-summary-card small{display:block;margin-top:4px;color:#89867f;font-size:9px}
.student-summary-card.green>span{color:#48c77d;background:rgba(72,199,125,.1)}.student-summary-card.blue>span{color:#7894ff;background:rgba(120,148,255,.1)}
.student-filter-toolbar{display:grid;gap:8px;margin-bottom:11px}.student-date-buttons{display:flex;flex-wrap:wrap;gap:6px}
.student-date-btn{border:1px solid var(--app-line);background:#11110f;color:#96938b;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:800;cursor:pointer}
.student-date-btn.active{background:var(--app-gold);border-color:var(--app-gold);color:#111}
.student-custom-dates{display:flex;gap:8px}.student-custom-dates input{max-width:180px}
.student-main-filters{margin:0;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(150px,.7fr))}
.student-management-table td small{display:block;margin-top:3px;color:#777;font-size:8px}.student-management-table .table-actions{flex-wrap:nowrap}

/* Light calendar must be truly light */
html[data-theme="light"] #p-calendar .admin-calendar{background:#fffdf8;border-color:#e3d9cb}
html[data-theme="light"] #p-calendar .calendar-weekdays{background:#f6efe4;border-color:#e4d9c9}
html[data-theme="light"] #p-calendar .calendar-weekdays span{color:#6e6459}
html[data-theme="light"] #p-calendar .calendar-cell{background:#fffdf8;border-color:#eadfce;color:#25211d}
html[data-theme="light"] #p-calendar .calendar-cell:hover{background:#fff7e5;border-color:#d8b54b}
html[data-theme="light"] #p-calendar .calendar-cell.today{background:#fff4cf;border-color:#d5aa1c;box-shadow:inset 0 0 0 1px rgba(213,170,28,.25)}
html[data-theme="light"] #p-calendar .calendar-cell.muted-cell{background:#f7f1e8}
html[data-theme="light"] #p-calendar .calendar-cell small{color:#7c7267}
html[data-theme="light"] #p-calendar .calendar-legend{color:#625a51}
html[data-theme="light"] #calendarDayModal .activity-item{background:#fffaf1;border-color:#e7dccd}
html[data-theme="light"] #calendarDayModal .activity-item b{color:#211d18}
html[data-theme="light"] #calendarDayModal .activity-item small{color:#746a60}

html[data-theme="light"] .course-structure-inline{background:#fffaf1;border-color:#e5dacb}
html[data-theme="light"] .course-structure-inline summary{color:#211d18}
html[data-theme="light"] .student-summary-card{background:#fffdf8;border-color:#e5dacb}
html[data-theme="light"] .student-summary-card b{color:#211d18}
html[data-theme="light"] .student-summary-card small{color:#746a60}
html[data-theme="light"] .student-date-btn{background:#fffdf8;border-color:#e5dacb;color:#62594f}
html[data-theme="light"] .student-date-btn.active{background:#efb914;border-color:#efb914;color:#1a160d}

@media(max-width:1100px){.student-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-main-filters{grid-template-columns:1fr 1fr}.compact-structure-forms{grid-template-columns:1fr}}
@media(max-width:700px){#courseFormBox .compact-course-grid,#courseFormBox .compact-session-grid{grid-template-columns:1fr}.student-summary-grid{grid-template-columns:1fr 1fr}.student-main-filters{grid-template-columns:1fr}.student-date-buttons{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.student-date-btn{white-space:nowrap}.student-custom-dates{display:grid;grid-template-columns:1fr 1fr}.student-management-table .table-actions{flex-wrap:wrap}}

/* V9.32 consolidated QA fixes */
.session-create-modal .session-create-card{width:min(920px,calc(100vw - 34px));max-height:min(86vh,820px)}
.compact-session-grid{gap:12px 14px}.compact-session-grid .form-field textarea{min-height:82px}.compact-notice{margin-top:12px}
.team-management-card{margin-top:18px}.team-management-card .app-card-head{align-items:center}.team-management-card code{font-size:12px}

/* Calendar must remain visible in both themes. */
#p-calendar .admin-calendar{display:block;min-height:430px}
#p-calendar .calendar-weekdays,#p-calendar .calendar-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important}
html[data-theme="light"] #p-calendar .admin-calendar{background:#fffdf8!important;border:1px solid #dfd2bd!important;box-shadow:0 12px 32px rgba(70,52,20,.06)}
html[data-theme="light"] #p-calendar .calendar-weekdays{background:#f5ecdd!important}
html[data-theme="light"] #p-calendar .calendar-weekdays span{color:#645b51!important;border-bottom-color:#dfd2bd!important;font-weight:700}
html[data-theme="light"] #p-calendar .calendar-cell{display:block!important;background:#fffdf8!important;color:#211f1c!important;border-right:1px solid #e7dccb!important;border-bottom:1px solid #e7dccb!important;opacity:1}
html[data-theme="light"] #p-calendar .calendar-cell:hover{background:#fff6df!important}
html[data-theme="light"] #p-calendar .calendar-cell.muted-cell{background:#f6f0e7!important;opacity:.62}
html[data-theme="light"] #p-calendar .calendar-cell.today{background:#fff1c4!important;box-shadow:inset 0 0 0 1px #d9a900!important}
html[data-theme="light"] #p-calendar .calendar-cell small{color:#786e62!important}
html[data-theme="light"] #calendarDayModal .calendar-event-row{color:#211f1c}

@media(max-width:720px){.session-create-modal .session-create-card{width:calc(100vw - 18px);max-height:92vh}.compact-session-grid{grid-template-columns:1fr}.team-management-card .app-card-head{align-items:flex-start;gap:10px;flex-direction:column}}

/* Team Performance Panel */
.team-page{min-height:100vh;background:#10100e;color:#f8f3e8;font-family:inherit}.team-shell{min-height:100vh}.team-login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(241,184,25,.14),transparent 32%),#10100e}.team-login-card{width:min(430px,100%);background:#171713;border:1px solid #312b1d;border-radius:20px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.34)}.team-login-card img{display:block;width:150px;max-height:72px;object-fit:contain;margin:0 auto 20px}.team-login-card h1{font-size:25px;margin:0 0 6px}.team-login-card p{color:#aaa393;margin:0 0 22px}.team-login-card .form-field{margin-bottom:14px}.team-dashboard{min-height:100vh;background:#f7f1e6;color:#211f1c}.team-topbar{height:78px;background:#fffdf8;border-bottom:1px solid #e4d9c8;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.team-topbar img{width:125px;max-height:58px;object-fit:contain}.team-topbar-actions{display:flex;align-items:center;gap:12px}.team-main{padding:28px;max-width:1500px;margin:auto}.team-welcome{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.team-welcome h1{margin:0;font-size:30px}.team-welcome p{margin:5px 0 0;color:#746d63}.team-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.team-kpi{background:#fffdf8;border:1px solid #e4d9c8;border-radius:16px;padding:18px}.team-kpi small{display:block;color:#786f63;margin-bottom:6px}.team-kpi b{font-size:27px}.team-link-card,.team-clients-card{background:#fffdf8;border:1px solid #e4d9c8;border-radius:18px;padding:20px;margin-bottom:20px}.team-link-line{display:flex;gap:12px;align-items:center}.team-link-line input{flex:1}.team-table{width:100%;border-collapse:collapse}.team-table th,.team-table td{text-align:left;padding:13px 11px;border-bottom:1px solid #eee4d6;font-size:13px}.team-table th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#807568}.team-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#e7f6e9;color:#217438}.team-error{margin-top:12px;padding:10px 12px;border-radius:10px;background:#3a1616;color:#ffd7d7;display:none}.team-error.show{display:block}@media(max-width:900px){.team-kpis{grid-template-columns:repeat(2,1fr)}.team-main{padding:18px}.team-welcome{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.team-kpis{grid-template-columns:1fr}.team-topbar{padding:0 14px}.team-topbar img{width:105px}.team-main{padding:14px}.team-table{min-width:760px}}


/* V9.33 — Admin dashboard analytics recovery + separate session cards */
#p-dashboard #dashboardSessions{
  display:grid !important;
  gap:9px !important;
  background:transparent !important;
  padding:0 !important;
}
#p-dashboard #dashboardSessions .activity-item{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 !important;
  padding:10px 11px !important;
  border-radius:12px !important;
  border:1px solid rgba(246,197,47,.16) !important;
  background:linear-gradient(145deg,#171714,#11110f) !important;
  box-shadow:0 8px 18px -18px rgba(0,0,0,.8) !important;
  overflow:hidden;
}
#p-dashboard #dashboardSessions .activity-item + .activity-item{border-top:1px solid rgba(246,197,47,.16) !important}
#p-dashboard #dashboardSessions .activity-item:hover{border-color:rgba(246,197,47,.34) !important}
#p-dashboard #dashboardSessions .activity-icon{
  width:38px !important;height:38px !important;border-radius:10px !important;
  display:grid !important;place-items:center !important;
  background:rgba(246,197,47,.13) !important;color:#f6c52f !important;
}
#p-dashboard #dashboardSessions .activity-item>div:nth-child(2){min-width:0}
#p-dashboard #dashboardSessions .activity-item b{display:block;color:#f5f2ea !important;font-size:11px !important}
#p-dashboard #dashboardSessions .activity-item small{display:block;color:#8e8a81 !important;font-size:8.5px !important;margin-top:2px}
#p-dashboard #dashboardSessions .status-pill{justify-self:end}

html[data-theme="light"] #p-dashboard #dashboardSessions .activity-item{
  background:linear-gradient(145deg,#fffdf8,#faf3e7) !important;
  border-color:#e5d7c2 !important;
  box-shadow:0 8px 18px -18px rgba(68,49,19,.28) !important;
}
html[data-theme="light"] #p-dashboard #dashboardSessions .activity-item:hover{border-color:#d6b45a !important}
html[data-theme="light"] #p-dashboard #dashboardSessions .activity-icon{
  background:#fff3c9 !important;color:#a97800 !important;border:1px solid #ead497 !important;
}
html[data-theme="light"] #p-dashboard #dashboardSessions .activity-item b{color:#211e19 !important}
html[data-theme="light"] #p-dashboard #dashboardSessions .activity-item small{color:#83786c !important}

/* Guaranteed analytics containers — no black/blank panels in light theme. */
#p-dashboard #dashboardAnalytics{
  display:grid !important;
  gap:14px !important;
  min-width:0;
  align-content:start;
}
#p-dashboard .analytics-card.v933-recovery{
  display:block !important;
  min-height:235px;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(246,197,47,.18);
  background:linear-gradient(145deg,#171714,#10100e);
  box-shadow:0 14px 32px -28px rgba(0,0,0,.9);
  color:#f5f2ea;
}
#p-dashboard .v933-analytics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:7px}
#p-dashboard .v933-analytics-head .eyebrow{display:block;color:#c99814;font-size:7px;font-weight:900;letter-spacing:1.2px;margin-bottom:2px}
#p-dashboard .v933-analytics-head h3{margin:0;font:700 15px/1.15 'Sora',sans-serif;color:inherit}
#p-dashboard .v933-analytics-head p{margin:3px 0 0;color:#8e8a81;font-size:8.5px}
#p-dashboard .v933-analytics-total{text-align:right}.v933-analytics-total b{display:block;font:800 21px/1 'Sora',sans-serif}.v933-analytics-total small{font-size:7px;text-transform:uppercase;color:#807c73}
#p-dashboard .v933-filter-row{display:flex;gap:5px;flex-wrap:wrap;margin:6px 0 9px}
#p-dashboard .v933-filter-row button{border:1px solid rgba(255,255,255,.1);background:#151512;color:#aaa49b;border-radius:999px;padding:4px 7px;font-size:7px;cursor:pointer}
#p-dashboard .v933-filter-row button.active{background:#f0ba16;border-color:#f0ba16;color:#1b160b;font-weight:800}
#p-dashboard .v933-custom{display:flex;gap:7px;margin:-3px 0 8px}.v933-custom.hidden{display:none}.v933-custom input{min-height:30px;padding:5px 7px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#11110f;color:#eee;color-scheme:dark;font-size:8px}
#p-dashboard .v933-chart-surface{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:16px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:linear-gradient(180deg,rgba(246,197,47,.035),rgba(255,255,255,.012));min-height:150px}
#p-dashboard .v933-donut{position:relative;width:140px;aspect-ratio:1;justify-self:center}
#p-dashboard .v933-donut svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.v933-donut circle{fill:none;stroke-width:13;stroke-linecap:round}.v933-donut .track{stroke:rgba(255,255,255,.08)}
#p-dashboard .v933-donut-center{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#11110f;border:1px solid rgba(255,255,255,.08)}
#p-dashboard .v933-donut-center b{font:800 22px/1 'Sora',sans-serif}.v933-donut-center span{font-size:6px;text-transform:uppercase;letter-spacing:.7px;color:#8a867d;margin-top:4px}.v933-donut-center small{font-size:7px;color:#f6c52f;margin-top:2px;font-weight:800}
#p-dashboard .v933-legend{display:grid;gap:7px}.v933-legend-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:8px 9px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025);font-size:8px;color:#a7a199}.v933-legend-row b{font-size:12px;color:#f7f3ec}.v933-legend-row small{font-size:7px;color:#77736c}.v933-swatch{width:8px;height:8px;border-radius:50%}.v933-swatch.gold{background:linear-gradient(135deg,#ffd84a,#ef8f1b)}.v933-swatch.blue{background:linear-gradient(135deg,#88a6ff,#6d50c9)}.v933-swatch.orange{background:linear-gradient(135deg,#ffd76c,#d77b2b)}.v933-swatch.green{background:linear-gradient(135deg,#74e49b,#159b8b)}
#p-dashboard .v933-performance{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;border-top:1px solid rgba(255,255,255,.06);margin-top:8px;padding-top:8px;color:#817d74;font-size:8px}.v933-change{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-weight:800}.v933-change.positive{color:#5dd58d;background:rgba(55,183,105,.12)}.v933-change.negative{color:#ff7777;background:rgba(218,74,74,.12)}.v933-change.neutral{color:#d4ad36;background:rgba(246,197,47,.1)}

html[data-theme="light"] #p-dashboard .analytics-card.v933-recovery{
  background:linear-gradient(145deg,#fffdf8,#faf3e7) !important;
  border-color:#e4d6c2 !important;
  color:#211e19 !important;
  box-shadow:0 14px 28px -28px rgba(79,57,24,.3) !important;
}
html[data-theme="light"] #p-dashboard .v933-analytics-head p{color:#7f7468}
html[data-theme="light"] #p-dashboard .v933-analytics-total small{color:#8a7e71}
html[data-theme="light"] #p-dashboard .v933-filter-row button{background:#fffaf1;border-color:#dfd2c0;color:#62594f}
html[data-theme="light"] #p-dashboard .v933-filter-row button.active{background:#efb914;border-color:#efb914;color:#1a160d}
html[data-theme="light"] #p-dashboard .v933-custom input{background:#fffdf8;border-color:#ded0bd;color:#211d18;color-scheme:light}
html[data-theme="light"] #p-dashboard .v933-chart-surface{background:linear-gradient(180deg,#fffaf1,#fbf3e7);border-color:#e4d7c5}
html[data-theme="light"] #p-dashboard .v933-donut .track{stroke:#e8dfd2}
html[data-theme="light"] #p-dashboard .v933-donut-center{background:linear-gradient(145deg,#fffdf8,#f5eddf);border-color:#e4d8c7;color:#211e19}
html[data-theme="light"] #p-dashboard .v933-donut-center span{color:#80766a}
html[data-theme="light"] #p-dashboard .v933-donut-center small{color:#9b7412}
html[data-theme="light"] #p-dashboard .v933-legend-row{background:#fffdf8;border-color:#e7dccd;color:#766d62}
html[data-theme="light"] #p-dashboard .v933-legend-row b{color:#211f1b}
html[data-theme="light"] #p-dashboard .v933-legend-row small{color:#9a9084}
html[data-theme="light"] #p-dashboard .v933-performance{border-top-color:#e5dacb;color:#6c6258}
html[data-theme="light"] #p-dashboard .v933-change.positive{color:#167d46;background:#e2f5e9}
html[data-theme="light"] #p-dashboard .v933-change.negative{color:#a83232;background:#fbe7e5}
html[data-theme="light"] #p-dashboard .v933-change.neutral{color:#8b6500;background:#fff1bf}

@media(max-width:760px){
  #p-dashboard .v933-chart-surface{grid-template-columns:1fr}.v933-donut{width:min(150px,48vw)}
}


/* V9.38 — compact course modal + valid independent forms */
#courseFormBox .course-form-card{width:min(760px,94vw);max-height:86vh}
#courseFormBox .app-modal-head{padding:10px 14px}
#courseFormBox .app-modal-head h3{font-size:16px}
#courseFormBox .course-modal-body{padding:10px 14px}
#courseFormBox .compact-course-grid{gap:7px 9px}
#courseFormBox input,#courseFormBox select,#courseFormBox textarea{min-height:32px;padding:6px 8px;font-size:9px;border-radius:8px}
#courseFormBox textarea{min-height:48px}
#courseFormBox .course-session-row{padding:8px}
#courseFormBox .course-session-row-head{margin-bottom:6px}
#courseFormBox .compact-session-grid{gap:6px 8px}
#courseFormBox .live-class-form-divider{padding:6px 8px}
#courseFormBox .app-modal-foot{padding:8px 14px}
#courseFormBox .app-modal-foot .app-btn{min-height:32px;padding:6px 11px;font-size:9px}
#courseFormBox .course-structure-inline{margin:8px 14px 12px}
#courseFormBox .course-access-note{margin:7px 0 0}
@media(max-width:760px){#courseFormBox .course-form-card{width:100%;max-height:94vh}#courseFormBox .compact-course-grid,#courseFormBox .compact-session-grid{grid-template-columns:1fr}}

/* ===================================================================
   V9.46 — TEAM PERFORMANCE + OPTIONAL EMAIL VERIFICATION
   =================================================================== */
.email-verify-banner{display:flex;align-items:center;gap:12px;margin-bottom:16px}.email-verify-banner>div{flex:1}.email-verification-card{margin-bottom:18px}.email-verify-card-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center}.email-verify-card-row h3{margin:0 0 4px}.email-verify-card-row p{margin:0}.email-verify-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(255,193,7,.10);border:1px solid rgba(255,193,7,.22);color:var(--app-gold);font-size:20px}.email-verify-icon.verified{background:rgba(22,163,74,.10);border-color:rgba(22,163,74,.28);color:#45c66c}

.verification-page{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 5%,rgba(255,193,7,.11),transparent 34%),#0a0a0a;color:#f5f5f5;font-family:'Barlow',system-ui,sans-serif}.verification-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.verification-card{width:min(520px,100%);padding:34px 30px;text-align:center;background:#141414;border:1px solid rgba(255,193,7,.24);border-radius:22px;box-shadow:0 28px 80px -42px rgba(0,0,0,.95)}.verification-logo img{width:145px;max-height:70px;object-fit:contain}.verification-icon{width:70px;height:70px;margin:24px auto 16px;border-radius:22px;display:grid;place-items:center;background:rgba(255,193,7,.10);border:1px solid rgba(255,193,7,.22);color:var(--app-gold);font-size:30px}.verification-icon.success{color:#45c66c;background:rgba(22,163,74,.10);border-color:rgba(22,163,74,.26)}.verification-icon.error{color:#f87171;background:rgba(220,38,38,.10);border-color:rgba(220,38,38,.26)}.verification-card h1{margin:0 0 10px;font-size:28px}.verification-card p{margin:0 auto;color:#aaa;max-width:420px;line-height:1.65}.verification-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}

.team-page{min-height:100vh;background:#0b0b0a;color:#f8f3e8;font-family:'Barlow',system-ui,sans-serif}.team-login-wrap{background:radial-gradient(circle at 20% 10%,rgba(255,193,7,.15),transparent 35%),radial-gradient(circle at 90% 85%,rgba(220,38,38,.06),transparent 32%),#0b0b0a}.team-login-card{background:linear-gradient(160deg,#181815,#10100e);border-color:rgba(255,193,7,.22);box-shadow:0 30px 85px -45px rgba(0,0,0,.95)}.team-login-badge{width:max-content;margin:0 auto 12px;padding:6px 10px;border-radius:999px;background:rgba(255,193,7,.09);border:1px solid rgba(255,193,7,.18);color:var(--app-gold);font-size:10px;font-weight:900;letter-spacing:.12em}.team-dashboard{background:#0b0b0a;color:#f4f4f4}.team-topbar{background:rgba(12,12,11,.92);border-color:rgba(255,193,7,.12);backdrop-filter:blur(16px);box-shadow:0 14px 40px -32px rgba(0,0,0,.9)}.team-identity{font-weight:800;color:#ddd2bd}.team-main{max-width:1500px}.team-hero{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px}.team-hero h1{margin:4px 0 5px;font-size:32px}.team-hero p{margin:0;color:#9e978a}.team-eyebrow{color:var(--app-gold);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.team-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.team-kpi{display:flex;align-items:center;gap:13px;background:#141414;border-color:rgba(255,255,255,.08);box-shadow:0 18px 42px -34px rgba(0,0,0,.9)}.team-kpi-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,193,7,.08);border:1px solid rgba(255,193,7,.18);color:var(--app-gold)}.team-kpi small{margin:0;color:#8f887d}.team-kpi b{display:block;margin-top:2px;color:#fff;font-size:25px}.team-kpi span{display:block;margin-top:2px;color:#6f6a62;font-size:10px}.team-link-card,.team-clients-card{background:#141414;border-color:rgba(255,255,255,.08);box-shadow:0 20px 55px -42px rgba(0,0,0,.95)}.team-link-line input,.team-filter-row input,.team-filter-row select{min-height:44px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:#0e0e0d;color:#f5f5f5;padding:10px 12px;outline:none}.team-link-line input:focus,.team-filter-row input:focus,.team-filter-row select:focus{border-color:rgba(255,193,7,.45);box-shadow:0 0 0 3px rgba(255,193,7,.07)}.team-link-note{margin:12px 0 0;color:#858076;font-size:12px}.team-link-note i{color:var(--app-gold);margin-right:5px}.team-client-count{display:flex;align-items:baseline;gap:6px;padding:7px 10px;border-radius:10px;background:rgba(255,193,7,.07);border:1px solid rgba(255,193,7,.14)}.team-client-count b{font-size:19px;color:var(--app-gold)}.team-client-count span{font-size:11px;color:#9c958a}.team-filter-row{display:grid;grid-template-columns:minmax(280px,1fr) 180px 170px;gap:10px;margin:16px 0}.team-search{position:relative}.team-search i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#777}.team-search input{width:100%;padding-left:37px}.team-table th,.team-table td{border-bottom-color:rgba(255,255,255,.07);color:#d6d0c5}.team-table th{color:#827b70}.team-client-main{display:flex;align-items:center;gap:10px}.team-client-main small{display:block;margin-top:3px;color:#8c857a}.team-client-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#2b2516,#17140e);border:1px solid rgba(255,193,7,.16);color:var(--app-gold);font-size:11px;font-weight:900}.team-course-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:3px 0}.team-course-line b{font-size:12px}.team-empty{padding:34px 14px;text-align:center;color:#817a70}.team-empty i{display:block;margin-bottom:10px;font-size:26px;color:#5f594f}.team-empty b,.team-empty span{display:block}.team-empty span{margin-top:5px;font-size:12px}

html[data-theme="light"] .verification-page{background:#f6efe3;color:#211e1a}.verification-page html[data-theme="light"]{color-scheme:light}html[data-theme="light"] .verification-card{background:#fffdf9;border-color:#e8d7ad;box-shadow:0 22px 58px -38px rgba(44,35,22,.30)}html[data-theme="light"] .verification-card h1{color:#1b1916}html[data-theme="light"] .verification-card p{color:#71685d}
html[data-theme="light"] .team-page{background:#f6efe3;color:#211e1a}html[data-theme="light"] .team-dashboard{background:#f6efe3;color:#211e1a}html[data-theme="light"] .team-topbar{background:rgba(255,253,249,.93);border-color:#e4d9c8;box-shadow:0 14px 36px -30px rgba(44,35,22,.28)}html[data-theme="light"] .team-identity{color:#3f392f}html[data-theme="light"] .team-hero h1{color:#1b1916}html[data-theme="light"] .team-hero p{color:#71685d}html[data-theme="light"] .team-kpi,html[data-theme="light"] .team-link-card,html[data-theme="light"] .team-clients-card{background:#fffdf9;border-color:#e4d9c8;box-shadow:0 16px 40px -34px rgba(44,35,22,.28)}html[data-theme="light"] .team-kpi b{color:#211e1a}html[data-theme="light"] .team-kpi small,html[data-theme="light"] .team-kpi span{color:#71685d}html[data-theme="light"] .team-link-line input,html[data-theme="light"] .team-filter-row input,html[data-theme="light"] .team-filter-row select{background:#fff9ef;color:#211e1a;border-color:#e4d9c8}html[data-theme="light"] .team-table th,html[data-theme="light"] .team-table td{color:#4f473d;border-bottom-color:#eee4d6}html[data-theme="light"] .team-table th{color:#71685d}html[data-theme="light"] .team-client-main small{color:#71685d}html[data-theme="light"] .email-verify-card-row h3{color:#1b1916}

@media(max-width:1050px){.team-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.team-filter-row{grid-template-columns:1fr 1fr}.team-search{grid-column:1/-1}}
@media(max-width:700px){.email-verify-banner{align-items:flex-start;flex-wrap:wrap}.email-verify-banner .app-btn{width:100%}.email-verify-card-row{grid-template-columns:44px 1fr}.email-verify-card-row>.app-btn,.email-verify-card-row>.status-pill{grid-column:1/-1;width:100%;justify-content:center}.team-hero{align-items:flex-start;flex-direction:column}.team-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.team-filter-row{grid-template-columns:1fr}.team-search{grid-column:auto}.team-link-line{align-items:stretch;flex-direction:column}.team-topbar{padding:0 14px}.team-identity{display:none}}
@media(max-width:440px){.team-kpis{grid-template-columns:1fr}.verification-card{padding:28px 20px}}