*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f4f7fa;color:#132331}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#061a2b;color:#dce8ef;padding:20px 13px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:3px 10px 28px}.logo{width:35px;height:35px;border:2px solid var(--trex-gold);border-radius:10px;display:grid;place-items:center;font-weight:900;overflow:hidden;background:#050505}.logo img{width:100%;height:100%;object-fit:cover;display:block}.brand b{display:block}.brand small{font-size:9px;letter-spacing:1.3px;color:#839aaa}.nav{width:100%;padding:12px 14px;border:0;background:transparent;color:#a9bdca;border-radius:10px;text-align:left;cursor:pointer;margin:2px 0}.nav:hover,.nav.active{background:#103957;color:#fff}.nav span{margin-left:9px}.side-foot{margin-top:auto;font-size:11px;color:#9db2c0;padding:12px}.side-foot span{color:#6d8492}.main{margin-left:245px;padding:0 28px 40px}.topbar{height:80px;background:#fff;margin:0 -28px 25px;padding:0 28px;border-bottom:1px solid #e4e9ee;display:flex;align-items:center;gap:15px}.topbar h1{margin:0;font-size:20px}.topbar p{margin:4px 0 0;color:#7b8994;font-size:12px}.icon{border:0;background:none;font-size:18px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.primary,.secondary{border:0;border-radius:9px;padding:10px 14px;font-weight:800;cursor:pointer}.primary{background:#0b67c2;color:#fff}.secondary{background:#e9eef2;color:#22313c}.pill,.badge{padding:7px 10px;border-radius:99px;background:#eaf7ef;color:#197747;font-size:11px}.pill.muted{background:#edf1f4;color:#687680}.page{display:none}.page.active{display:block}.hero{background:linear-gradient(120deg,#061a2b,#0d3b5b);color:white;border-radius:18px;padding:28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8cc8f3}.hero h2{font-size:28px;max-width:750px;margin:8px 0}.hero p{color:#c9dbe6;max-width:800px;margin:0}.hero-logo{width:90px;height:90px;border-radius:22px;border:1px solid #4c6d84;background:#12344d;display:grid;place-items:center;text-align:center;font-size:12px}.hero-logo b{font-size:18px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.cards.two{grid-template-columns:repeat(2,1fr);max-width:620px}.card,.panel{background:#fff;border:1px solid #e3e8ed;border-radius:14px;box-shadow:0 4px 20px #10283d0a}.card{padding:18px}.card span,.card small{display:block;color:#75828c;font-size:11px}.card strong{display:block;font-size:27px;margin:8px 0}.grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.panel{padding:18px}.panel h3{margin:0}.panel-head,.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.panel-head small,.section-head p{color:#7a8791;font-size:12px}.live{font-size:10px;color:#d32727;font-weight:900}.list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.row{padding:11px;border:1px solid #edf0f3;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.person{display:flex;gap:10px;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;background:#dce8ef;display:grid;place-items:center;font-weight:800}.row small{display:block;color:#7b8994;margin-top:2px}.search{min-width:260px;border:1px solid #d6dfe6;padding:10px 12px;border-radius:9px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:12px 9px;border-bottom:1px solid #edf0f3;text-align:left;white-space:nowrap}th{font-size:10px;color:#71808a;text-transform:uppercase;background:#fafbfc}.notice{padding:15px;border-radius:10px;background:#f4f8fb;color:#52616c;font-size:12px;line-height:1.6}.dialog{border:0;border-radius:14px;padding:22px;min-width:360px}.dialog::backdrop{background:#06121acc}.dialog label{display:block;font-size:12px;margin:15px 0}.dialog select{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #d7dfe5;border-radius:8px}.actions{display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;right:20px;bottom:20px;background:#142331;color:#fff;padding:12px 15px;border-radius:9px;display:none;font-size:12px}.toast.show{display:block}@media(max-width:900px){.sidebar{width:70px}.brand div,.nav span,.side-foot{display:none}.main{margin-left:70px;padding:0 16px 30px}.topbar{margin:0 -16px 18px;padding:0 16px}.top-actions .pill{display:none}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:560px){.cards,.cards.two{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.search{width:100%}}.status{display:inline-block;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.2px}.status.qualified{background:#e7f7ed;color:#167444}.status.prorate{background:#fff4d8;color:#946200}.status.non-qualified{background:#fbe9e9;color:#a51f1f}.cards{grid-template-columns:repeat(4,1fr)}@media(min-width:1200px){.cards{grid-template-columns:repeat(4,1fr)}}
.section-tools{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.export-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.performance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.performance-wide{grid-column:1/-1}.performance-grid .table-wrap{max-height:420px;overflow:auto}@media(max-width:900px){.performance-grid{grid-template-columns:1fr}.performance-wide{grid-column:auto}.section-tools{align-items:stretch}.export-buttons{justify-content:flex-start}}
.reward-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.reward-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.reward-grid{align-items:start}.reward-table-panel{margin-top:18px}.top-duration-controls{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}.top-duration-controls select{flex:1;min-width:220px;padding:10px;border:1px solid #d7dfe5;border-radius:8px;background:#fff}.reward-chip{display:inline-block;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.2px}.reward-chip.selected{background:#e8ddff;color:#6c3fbb}.reward-chip.candidate{background:#eef3f7;color:#536673}.reward-chip.unlock{background:#dff7e8;color:#167444}.reward-chip.continue{background:#e4f0ff;color:#165d97}.reward-chip.reset{background:#fbe1e1;color:#a31d1d}.reward-chip.locked{background:#eef1f4;color:#707d86}.reward-notice{margin:0 0 18px}.reward-grid .panel{min-width:0}@media(max-width:1200px){.reward-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.reward-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-actions{justify-content:flex-start}}@media(max-width:560px){.reward-kpis{grid-template-columns:1fr}}
/* V24.3 Reward + Talent Database + New Talent */
.section-tools{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.reward-three-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:start;margin-bottom:18px}.top-duration-reward-panel{margin-top:18px}.reward-feature-box{border:1px solid #e5e9ee;border-radius:12px;padding:16px;margin-top:12px;background:linear-gradient(180deg,#fbfcfd,#f6f9fb)}.feature-title{font-size:17px;font-weight:900}.feature-meta{color:#6f7d88;font-size:12px;margin-top:6px}.feature-reward{font-size:28px;font-weight:900;color:#0b67c2;margin-top:10px}.feature-note{font-size:11px;color:#71808a;margin-top:6px}.reward-rule-panel{margin-bottom:18px}.panel-actions{display:flex;gap:8px;align-items:center}.reward-detail-tools{align-items:flex-end}.filter-row{display:flex;gap:8px;align-items:center}.filter-select,.inline-form input,.new-talent-form input,.new-talent-form select,.inline-form select{border:1px solid #d6dfe6;padding:10px 12px;border-radius:9px;background:#fff;color:#1a2a36}.inline-form{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;margin-top:14px}.inline-form button{min-height:40px}.file-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.import-panel{margin-bottom:18px}.small-btn{padding:6px 9px;border:0;border-radius:7px;font-size:11px;font-weight:800;cursor:pointer}.small-btn.danger{background:#fbe5e5;color:#a21d1d}.small-btn.secondary{background:#edf1f4;color:#32424f}.process-check{display:inline-flex;gap:7px;align-items:center;font-size:11px;white-space:nowrap}.process-check input{width:15px;height:15px;accent-color:#0b67c2}.new-talent-form{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px;margin-top:14px}.check-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;margin-top:16px}.check-item{display:flex;align-items:center;gap:9px;border:1px solid #e4e9ee;border-radius:10px;padding:10px;background:#fbfcfd;font-size:12px;font-weight:700}.check-item input{width:17px;height:17px;accent-color:#0b67c2}.done-badge{background:#ddf5e6;color:#167444}.muted-badge{background:#edf1f4;color:#667682}.reward-kpis{grid-template-columns:repeat(7,minmax(0,1fr))}.danger{background:#fbe5e5;color:#a21d1d}.muted-text{color:#788792}.panel table{min-width:760px}.reward-table-panel{margin-top:18px}@media(max-width:1200px){.reward-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.new-talent-form{grid-template-columns:repeat(3,minmax(140px,1fr))}.inline-form{grid-template-columns:repeat(3,minmax(130px,1fr))}.reward-three-grid{grid-template-columns:1fr}}@media(max-width:900px){.reward-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.new-talent-form{grid-template-columns:repeat(2,minmax(140px,1fr))}.inline-form{grid-template-columns:repeat(2,minmax(130px,1fr))}.check-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.filter-row{flex-direction:column;align-items:stretch}}@media(max-width:560px){.reward-kpis,.new-talent-form,.inline-form,.check-grid{grid-template-columns:1fr}.section-tools,.reward-detail-tools{align-items:stretch}}

/* V24.3.2 corrections */
.duration-select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end;margin:14px 0}.duration-select-grid>div{display:flex;flex-direction:column;gap:6px}.duration-select-grid label{font-size:11px;color:#6e7c87;font-weight:800}.duration-select-grid select{padding:10px;border:1px solid #d7dfe5;border-radius:8px;background:#fff;min-width:0}.duration-save-btn{height:40px;white-space:nowrap}.reward-duration-card{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;border:1px solid #e5e9ee;border-radius:10px;padding:11px 12px;margin-top:8px;background:#fff}.reward-duration-card .feature-note{grid-column:1/-1}.reward-duration-card .feature-reward{margin:0;font-size:22px}.reward-duration-card .feature-title{font-size:14px}@media(max-width:900px){.duration-select-grid{grid-template-columns:1fr 1fr}.duration-save-btn{grid-column:1/-1}}@media(max-width:560px){.duration-select-grid{grid-template-columns:1fr}}
/* ===== PK & AGENCY ===== */
.nav-group-title{padding:13px 14px 5px;font-size:9px;letter-spacing:1.6px;font-weight:900;color:#597285}.nav.subnav{padding-left:28px;font-size:12px}.pk-page{--pk-navy:#0d1018;--pk-gold:#e8b834}.pk-main-tabs,.pk-mini-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.pk-tab-main,.pk-tab{border:1px solid #d7dfe6;background:#fff;color:#253542;border-radius:9px;padding:10px 13px;font-weight:800;cursor:pointer}.pk-tab-main.active,.pk-tab.active{background:#0b2740;color:#fff;border-color:#0b2740}.pk-subpage{display:none}.pk-subpage.active{display:block}.pk-master-form{grid-template-columns:repeat(4,minmax(130px,1fr))}.pk-master-form button{min-height:42px}.pk-form-panel{background:linear-gradient(160deg,#0d1018,#131721);color:#eef3f7;border:1px solid #2b3440}.pk-form-panel .panel-head h3{color:#f2c44e}.pk-form-panel .panel-head small,.pk-form-panel label{color:#aebdcc}.pk-form-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:14px;margin-top:14px}.pk-form-grid label{display:block;margin:0 0 6px;font-size:12px}.pk-form-grid input,.pk-form-grid select,.pk-form-grid textarea{width:100%;border:1px solid #394352;border-radius:9px;background:#0e1219;color:#f5f7fa;padding:11px 12px}.pk-form-grid input::placeholder,.pk-form-grid textarea::placeholder{color:#647284}.pk-form-grid .span-2{grid-column:1/-1}.check-box-field{display:flex;align-items:center;justify-content:space-between;border:1px solid #394352;border-radius:9px;padding:10px 12px}.check-box-field label{margin:0}.check-box-field input{width:17px;height:17px}.pk-form-panel .actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.pk-status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf3f7;color:#405766;font-size:10px;font-weight:900}.pk-status.match{background:#dff7ea;color:#087744}.pk-status.done{background:#dff7ea;color:#087744}.pk-status.cancel{background:#fde7e7;color:#a01f25}.pk-status.reschedule{background:#fff2cc;color:#8a6400}.pk-score-input{width:72px;border:1px solid #d6dfe6;border-radius:7px;padding:7px}.pk-schedule-status{border:1px solid #d6dfe6;border-radius:7px;padding:7px;background:#fff}.pk-mini-tabs{margin:14px 0}.pk-page .panel table{min-width:1100px}.pk-page .table-wrap{border-radius:14px}.pk-page .section-head h3{margin:0}.pk-page .section-head p{margin-top:4px}
@media(max-width:1100px){.pk-form-grid,.pk-master-form{grid-template-columns:1fr}.pk-form-grid .span-2{grid-column:auto}}

/* ============================================================
   V24.3.4 TREX BLACK & GOLD THEME + SIDEBAR SCROLL
   ============================================================ */
:root{
  --trex-bg:#070707;
  --trex-bg-2:#0d0d0f;
  --trex-panel:#111216;
  --trex-panel-2:#15161a;
  --trex-border:#3a2b0d;
  --trex-gold:#f5c542;
  --trex-gold-2:#d89d17;
  --trex-gold-soft:#ffe8a0;
  --trex-text:#f5f1e6;
  --trex-muted:#b7ac92;
}
html,body{background:var(--trex-bg);color:var(--trex-text)}
body{background:
 radial-gradient(circle at top right,rgba(245,197,66,.07),transparent 25%),
 radial-gradient(circle at 25% 10%,rgba(245,197,66,.04),transparent 20%),
 var(--trex-bg)}
.sidebar{
  background:linear-gradient(180deg,#020202 0%,#080808 55%,#0b0b0b 100%);
  border-right:1px solid rgba(245,197,66,.18);
  box-shadow:8px 0 30px rgba(0,0,0,.35);
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(245,197,66,.55) rgba(255,255,255,.03);
}
.sidebar::-webkit-scrollbar{width:7px}
.sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.025)}
.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--trex-gold),var(--trex-gold-2));border-radius:20px}
.brand{padding-bottom:22px}
.logo{border-color:var(--trex-gold);color:var(--trex-gold);background:radial-gradient(circle,#241a05,#090909);box-shadow:0 0 18px rgba(245,197,66,.15)}
.brand small,.side-foot span{color:#b8a56d}
.nav{color:#c6baa0}
.nav:hover,.nav.active{background:linear-gradient(90deg,rgba(245,197,66,.18),rgba(245,197,66,.06));color:#fff;border-left:2px solid var(--trex-gold)}
.nav-group-title{color:#7f6d42 !important}
.main{background:transparent}
.topbar{background:rgba(8,8,8,.96);border-bottom:1px solid rgba(245,197,66,.16);backdrop-filter:blur(8px)}
.topbar h1{color:var(--trex-text)}
.topbar p{color:var(--trex-muted)}
.primary{background:linear-gradient(180deg,#f6cd58,#d99f1d);color:#17110a;box-shadow:0 6px 18px rgba(245,197,66,.18)}
.primary:hover{filter:brightness(1.05)}
.secondary{background:#1b1b1f;color:#f0e8d7;border:1px solid #3e3a30}
.pill,.badge{background:rgba(245,197,66,.12);color:var(--trex-gold-soft);border:1px solid rgba(245,197,66,.2)}
.pill.muted{background:#17171a;color:#a99e86}
.hero{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(0,0,0,.90),rgba(0,0,0,.58)),
    url('trex-theme.png') center/cover no-repeat;
  border:1px solid rgba(245,197,66,.35);
  box-shadow:0 15px 38px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.02);
}
.hero:after{content:'';position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--trex-gold),transparent);opacity:.75}
.eyebrow{color:var(--trex-gold)}
.hero h2{color:#fff7df;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.hero p{color:#ded4bd}
.hero-logo{border-color:rgba(245,197,66,.55);background:rgba(0,0,0,.62);color:var(--trex-gold-soft);box-shadow:0 0 24px rgba(245,197,66,.12)}
.card,.panel{background:linear-gradient(180deg,var(--trex-panel),var(--trex-panel-2));border-color:rgba(245,197,66,.14);box-shadow:0 8px 28px rgba(0,0,0,.25)}
.card span,.card small,.panel-head small,.section-head p,.feature-meta,.feature-note,.muted-text{color:var(--trex-muted)}
.card strong{color:#fff8e6}
.notice{background:#111216;color:#cfc4aa;border:1px solid rgba(245,197,66,.12)}
th{background:#0c0c0e;color:#bba970;border-bottom-color:#2f2a1e}
td{border-bottom-color:#23221e;color:#eee6d7}
.table-wrap{scrollbar-width:thin;scrollbar-color:rgba(245,197,66,.35) rgba(255,255,255,.03)}
.table-wrap::-webkit-scrollbar{height:8px;width:8px}
.table-wrap::-webkit-scrollbar-track{background:#0a0a0b}
.table-wrap::-webkit-scrollbar-thumb{background:#6f5620;border-radius:20px}
.search,.filter-select,.inline-form input,.inline-form select,.new-talent-form input,.new-talent-form select,.dialog select,.top-duration-controls select{background:#0d0d10;color:#eee6d7;border-color:#3b372e}
.search::placeholder,.inline-form input::placeholder,.new-talent-form input::placeholder{color:#817963}
.top-duration-controls select,.top-duration-controls select option{background:#0d0d10;color:#eee6d7}
.dialog{background:#101114;color:#eee6d7;border:1px solid rgba(245,197,66,.18)}
.actions{color:#eee6d7}
.reward-feature-box,.check-item{background:linear-gradient(180deg,#141414,#0f1012);border-color:rgba(245,197,66,.16)}
.feature-title{color:#fff6de}
.feature-reward{color:var(--trex-gold)}
.reward-chip.selected{background:rgba(245,197,66,.15);color:var(--trex-gold-soft);border:1px solid rgba(245,197,66,.22)}
.reward-chip.candidate{background:#1a1b1f;color:#aaa18f}
.reward-chip.unlock{background:rgba(65,190,111,.13);color:#72de9c}
.reward-chip.continue{background:rgba(65,137,220,.15);color:#8bbcff}
.reward-chip.reset{background:rgba(225,77,77,.14);color:#ff9696}
.reward-chip.locked{background:#1a1b1f;color:#8c887e}
.status.qualified{background:rgba(65,190,111,.13);color:#72de9c}
.status.prorate{background:rgba(245,197,66,.13);color:#ffd86a}
.status.non-qualified{background:rgba(225,77,77,.14);color:#ff9696}
.done-badge{background:rgba(65,190,111,.13);color:#72de9c}
.muted-badge{background:#1a1b1f;color:#969082}
.small-btn.secondary{background:#1a1b1f;color:#d8ceba;border:1px solid #37342c}
.small-btn.danger{background:rgba(225,77,77,.14);color:#ff9a9a}
.process-check input,.check-item input{accent-color:var(--trex-gold)}
input[type="checkbox"]{accent-color:var(--trex-gold)}
.pk-main-tabs .pk-tab-main{background:#17181c!important;color:#cfc3ab!important;border-color:#39352d!important}
.pk-main-tabs .pk-tab-main.active{background:linear-gradient(180deg,#f6cd58,#d99f1d)!important;color:#17110a!important;border-color:#e3ae2a!important}
.pk-page .panel{background:linear-gradient(180deg,#111216,#0e0f11)}
.pk-page .badge{background:rgba(65,190,111,.13);color:#72de9c;border-color:rgba(65,190,111,.2)}
.pk-page textarea{background:#0d0d10;color:#eee6d7;border-color:#3b372e}
.toast{background:#17181c;color:#fff3cf;border:1px solid rgba(245,197,66,.18);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.side-foot{color:#c1b595}
@media(max-width:900px){.sidebar{overflow-y:auto}.main{background:var(--trex-bg)}}
.onboarding-collab{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px;margin-top:16px}
.onboarding-item{border:1px solid rgba(245,197,66,.16);border-radius:12px;padding:12px;background:linear-gradient(180deg,#141414,#0f1012)}
.onboarding-item-title{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#f4e9cf;font-weight:800;font-size:12px;margin-bottom:10px}
.onboarding-history-count{font-size:10px;color:#a99e86;font-weight:600}
.onboarding-item-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.onboarding-item-controls select{width:100%;padding:9px 10px;border:1px solid #3b372e;border-radius:8px;background:#0d0d10;color:#eee6d7}
.onboarding-note{margin-top:12px;padding:11px 13px;border-radius:10px;background:rgba(245,197,66,.07);border:1px solid rgba(245,197,66,.14);color:#cfc4aa;font-size:11px;line-height:1.6}
@media(max-width:1200px){.onboarding-collab{grid-template-columns:repeat(2,minmax(220px,1fr))}}
@media(max-width:700px){.onboarding-collab{grid-template-columns:1fr}.onboarding-item-controls{grid-template-columns:1fr}}


/* ============================================================
   V24.3.5 MONITORING ROOM VISIT
============================================================ */
.monitoring-page .section-head{margin-bottom:14px}
.monitoring-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
.monitoring-grid-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;align-items:start}
.monitoring-form-panel{background:linear-gradient(180deg,#111216,#15161a);border:1px solid rgba(245,197,66,.17)}
.monitoring-form-panel .panel-head h3{color:var(--trex-gold-soft)}
.monitoring-form-panel label,.monitoring-filter-panel label{display:block;font-size:11px;font-weight:800;color:var(--trex-muted);margin-bottom:6px}
.monitoring-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.monitoring-form-grid input,.monitoring-form-grid select,.monitoring-form-grid textarea,.monitoring-filter-grid input,.monitoring-filter-grid select{width:100%;border:1px solid #3b372e;border-radius:9px;background:#0d0d10;color:#eee6d7;padding:11px 12px;box-sizing:border-box}
.monitoring-time-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.monitoring-form-grid .span-2{grid-column:1/-1}
.monitoring-check-grid{grid-template-columns:repeat(2,minmax(170px,1fr));margin-top:0}
.monitoring-check{background:#101115;border-color:rgba(245,197,66,.12);color:#eee6d7}
.monitoring-check input{accent-color:var(--trex-gold)}
.monitoring-rule-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.monitoring-rule-list>div{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid rgba(245,197,66,.1);border-radius:9px;background:#0f1013;color:#e8dfcc;font-size:12px}
.monitoring-rule-list span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(245,197,66,.12);color:var(--trex-gold);font-weight:900;font-size:10px}
.monitoring-rule-note{margin-top:12px}
.monitoring-filter-panel{margin-top:16px}
.monitoring-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr)) 1.6fr auto;gap:10px;align-items:end}
.monitoring-filter-reset{height:42px}
.monitoring-history-panel,.monitoring-monthly-panel{margin-top:16px}
.monitoring-history-panel table{min-width:1180px}
.monitoring-monthly-panel table{min-width:760px}
.table-sub{display:block;color:var(--trex-muted);font-size:10px;margin-top:3px}
.monitoring-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;border:1px solid transparent;white-space:nowrap}
.monitoring-status.complete{background:rgba(65,190,111,.13);color:#72de9c;border-color:rgba(65,190,111,.22)}
.monitoring-status.good{background:rgba(245,197,66,.13);color:#ffd86a;border-color:rgba(245,197,66,.22)}
.monitoring-status.needs{background:rgba(225,77,77,.14);color:#ff9a9a;border-color:rgba(225,77,77,.22)}
.monitoring-page .small-btn{padding:7px 9px;font-size:10px;border-radius:7px}
@media(max-width:1200px){.monitoring-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.monitoring-filter-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}.monitoring-search-wrap{grid-column:1/-1}.monitoring-filter-reset{grid-column:auto}}
@media(max-width:900px){.monitoring-grid-top{grid-template-columns:1fr}.monitoring-form-grid{grid-template-columns:1fr}.monitoring-form-grid .span-2{grid-column:auto}.monitoring-time-pair{grid-column:auto}.monitoring-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.monitoring-filter-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.monitoring-check-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.monitoring-kpis,.monitoring-filter-grid,.monitoring-check-grid{grid-template-columns:1fr}.monitoring-time-pair{grid-template-columns:1fr}.monitoring-rule-list{grid-template-columns:1fr}}


/* V24.3.9 Agency Commission */
.agency-page{background:transparent}
.admin-only-nav{transition:.2s ease}
.agency-policy-note{border-left:3px solid #d6a62d}
.agency-kpis{grid-template-columns:repeat(7,minmax(0,1fr))}
.agency-filter-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.6fr;gap:12px;align-items:end}
.agency-breakdown-grid{grid-template-columns:1.6fr 1fr}
.policy-table th,.policy-table td{font-size:11px;padding:8px}
.agency-formula-panel .formula-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.agency-formula-panel .formula-grid>div{background:rgba(255,193,7,.04);border:1px solid rgba(215,165,38,.22);border-radius:12px;padding:12px}
.agency-formula-panel code{display:block;margin-top:8px;white-space:normal;color:#f2e7c2;font-size:11px}
@media (max-width:1200px){.agency-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.agency-breakdown-grid{grid-template-columns:1fr}.agency-formula-panel .formula-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agency-filter-grid{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.agency-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.agency-filter-grid{grid-template-columns:1fr}.agency-formula-panel .formula-grid{grid-template-columns:1fr}}

/* V24.3.10 Agency Commission refinement */
.agency-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.agency-filter-grid-compact{grid-template-columns:1fr 1fr 1fr 1.6fr}
.agency-detail-panel{overflow-x:auto;overflow-y:hidden}
.agency-detail-table{width:100%;min-width:1380px;table-layout:auto}
.agency-detail-table th,.agency-detail-table td{white-space:nowrap;padding:10px 9px;vertical-align:middle}
.agency-detail-table th{font-size:10px;letter-spacing:.05em}
.agency-detail-table td{font-size:12px}
.agency-detail-table td:first-child,.agency-detail-table th:first-child{width:105px}
.agency-detail-table td:nth-child(2),.agency-detail-table th:nth-child(2){min-width:165px;max-width:220px;white-space:normal}
.status.new-talent{background:rgba(214,166,45,.16);border-color:rgba(214,166,45,.38);color:#f3cf65}
.status.existing-talent{background:rgba(109,151,255,.12);border-color:rgba(109,151,255,.25);color:#b9ceff}
@media (max-width:1200px){.agency-filter-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.agency-filter-grid-compact{grid-template-columns:1fr}.agency-kpis{grid-template-columns:1fr 1fr}}

/* V24.3.11 Multi User Login Simulation */
.auth-hidden{display:none!important}
.login-page{min-height:100vh;display:none;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 10%,rgba(245,197,66,.08),transparent 35%),#070708;padding:24px;box-sizing:border-box}
.login-page.show{display:flex}
.login-card{width:min(440px,100%);background:linear-gradient(180deg,#111216,#0d0e10);border:1px solid rgba(245,197,66,.24);border-radius:22px;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.5)}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.login-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:950;background:#050505;color:#17110a;overflow:hidden;border:2px solid var(--trex-gold)}.login-logo img{width:100%;height:100%;object-fit:cover;display:block}.login-brand b{display:block;color:#f5cd61;font-size:18px;letter-spacing:.08em}.login-brand small{display:block;color:#968d7a;font-size:10px;margin-top:2px;letter-spacing:.08em}
.login-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;color:#c99b2d}.login-card h1{margin:8px 0 8px;color:#fff4d2;font-size:28px}.login-subtitle{margin:0 0 20px;color:#a69d89;font-size:13px;line-height:1.6}.login-form{display:grid;gap:14px}.login-form label{font-size:11px;font-weight:800;color:#c9bea5}.login-form input{display:block;width:100%;box-sizing:border-box;margin-top:7px;border:1px solid #3b372e;border-radius:10px;background:#0b0c0e;color:#f7efdc;padding:12px 13px;outline:none}.login-form input:focus{border-color:#d6a62d;box-shadow:0 0 0 3px rgba(214,166,45,.08)}.login-submit{width:100%;height:44px;margin-top:4px}.login-error{min-height:18px;color:#ff8f8f;font-size:12px;font-weight:700}.login-note{margin-top:18px;padding:12px 14px;border-radius:11px;background:rgba(245,197,66,.05);border:1px solid rgba(245,197,66,.12);color:#918873;font-size:10px;line-height:1.6}.user-role-badge{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid rgba(245,197,66,.2);border-radius:999px;background:rgba(245,197,66,.06);color:#f0cf73;font-size:10px;font-weight:900;white-space:nowrap}.logout-btn{height:32px!important}

/* V24.3.12 Team Leader Report */
.admin-report-nav{display:block}
body[data-role="TEAM_LEADER"] .admin-report-nav,body[data-role="TEAM_LEADER"] .admin-only-nav,body[data-role="TEAM_LEADER"] .admin-only-page{display:none!important}
body[data-role="ADMIN"] .admin-report-nav,body[data-role="SUPER_ADMIN"] .admin-report-nav{display:block!important}
body[data-role="ADMIN"] .team-only-nav,body[data-role="SUPER_ADMIN"] .team-only-nav{display:none!important}
body[data-role="TEAM_LEADER"] .team-only-nav{display:block!important}
.tlr-filter-bar{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:16px}
.tlr-filter-actions{display:flex;justify-content:flex-end}
.tlr-summary-cards{grid-template-columns:repeat(8,minmax(130px,1fr));gap:10px}
.tlr-summary-table{min-width:1050px}
.tlr-score{display:inline-flex;min-width:54px;justify-content:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900}
.tlr-score.good{background:rgba(65,190,111,.14);color:#82e5a8;border:1px solid rgba(65,190,111,.25)}
.tlr-score.mid{background:rgba(245,197,66,.14);color:#f7d56e;border:1px solid rgba(245,197,66,.25)}
.tlr-score.low{background:rgba(225,77,77,.14);color:#ff9d9d;border:1px solid rgba(225,77,77,.25)}
.tlr-kpi-table{min-width:980px}
.tlr-kpi-table td:nth-child(3),.tlr-kpi-table td:nth-child(6){text-align:center;font-weight:800}
.tlr-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.tlr-detail-table{min-width:900px}
.tlr-detail-table th,.tlr-detail-table td{padding:9px 8px;white-space:nowrap;font-size:11px}
.tlr-alert-panel{margin-top:16px}
.tlr-alert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tlr-alert{padding:12px 14px;border-radius:10px;border:1px solid rgba(245,197,66,.18);background:rgba(245,197,66,.06);color:#f2e8ce;font-size:12px}
.tlr-alert.warn{border-color:rgba(245,197,66,.25);background:rgba(245,197,66,.08)}
.tlr-alert.ok{border-color:rgba(65,190,111,.25);background:rgba(65,190,111,.08);color:#9be8b7}
@media(max-width:1250px){.tlr-summary-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.tlr-filter-bar{grid-template-columns:1fr 1fr}.tlr-filter-actions{justify-content:flex-start}.tlr-detail-grid{grid-template-columns:1fr}.tlr-alert-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.tlr-summary-cards{grid-template-columns:1fr 1fr}.tlr-filter-bar{grid-template-columns:1fr}.tlr-alert-grid{grid-template-columns:1fr}}

.status.mico-active{background:rgba(65,190,111,.13);color:#72de9c}.status.mico-inactive{background:rgba(225,77,77,.14);color:#ff9696}.talent-db-table th,.talent-db-table td{white-space:nowrap}
.login-link-btn{border:0;background:transparent;color:#d6a62d;font-size:11px;font-weight:800;cursor:pointer;padding:2px;text-align:left}.login-link-btn:hover{text-decoration:underline}.hidden-field{display:none!important}.user-reset-form{grid-template-columns:minmax(260px,1fr) auto}.temp-password-result{padding:4px 0}.temp-password{display:inline-block;margin:10px 0;padding:10px 14px;border:1px dashed rgba(214,166,45,.45);border-radius:9px;background:rgba(214,166,45,.06);color:#c99726;font-weight:900;letter-spacing:.12em;font-size:16px}.account-page .notice{min-height:74px}.user-management-page .panel table{min-width:600px}@media(max-width:700px){.user-reset-form{grid-template-columns:1fr}.top-actions #changePasswordBtn{display:none}}

.talent-db-table th.sticky-action,.talent-db-table td.sticky-action{position:sticky;right:0;background:#0c0c0e;z-index:2;box-shadow:-8px 0 16px rgba(0,0,0,.22)}.talent-db-table th.sticky-action{z-index:3}.talent-db-table td.sticky-action{white-space:nowrap}.archived-row{opacity:.65}.talent-db-table .small-btn{margin-right:4px}

/* V24.3.25 Database Talent UX */
.talent-db-kpis{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}
.talent-db-search-panel{margin-bottom:16px}
.talent-db-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.talent-db-search-row .search{width:100%;box-sizing:border-box}
.talent-db-search-panel .badge b{color:inherit}
/* Exact duplicate page headings are hidden by app.js; non-duplicate section headings remain visible. */
@media(max-width:720px){.talent-db-kpis{grid-template-columns:1fr}.talent-db-search-row{grid-template-columns:1fr}}


/* V24.3.32 — commission currency and analytics chart layout */
.dashboard-monthly-chart-panel{min-width:0;}
.dashboard-monthly-chart-panel canvas{display:block;width:100%!important;height:320px!important;max-height:360px;}
.performance-chart-panel{min-width:0;margin-top:18px;}
.performance-chart-panel canvas{display:block;width:100%!important;height:420px!important;max-height:520px;}
.reward-kpis .card{min-width:0;overflow:hidden;}
.reward-kpis #rewardCashTotal{font-size:clamp(14px,1.22vw,19px);line-height:1.25;letter-spacing:-.025em;white-space:normal;overflow-wrap:anywhere;word-break:normal;}
.agency-detail-panel{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;}
.agency-detail-table{width:1550px;min-width:1550px;max-width:none;table-layout:fixed;}
.agency-detail-table th,.agency-detail-table td{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;}
.agency-detail-table th:nth-child(1),.agency-detail-table td:nth-child(1){width:95px}
.agency-detail-table th:nth-child(2),.agency-detail-table td:nth-child(2){width:180px;max-width:180px;white-space:normal;overflow-wrap:anywhere}
.agency-detail-table th:nth-child(3),.agency-detail-table td:nth-child(3){width:130px}
.agency-detail-table th:nth-child(4),.agency-detail-table td:nth-child(4){width:135px}
.agency-detail-table th:nth-child(5),.agency-detail-table td:nth-child(5){width:55px}
.agency-detail-table th:nth-child(6),.agency-detail-table td:nth-child(6){width:125px}
.agency-detail-table th:nth-child(7),.agency-detail-table td:nth-child(7){width:80px}
.agency-detail-table th:nth-child(8),.agency-detail-table td:nth-child(8){width:90px}
.agency-detail-table th:nth-child(9),.agency-detail-table td:nth-child(9){width:135px}
.agency-detail-table th:nth-child(10),.agency-detail-table td:nth-child(10),.agency-detail-table th:nth-child(11),.agency-detail-table td:nth-child(11){width:80px}
.agency-detail-table th:nth-child(12),.agency-detail-table td:nth-child(12),.agency-detail-table th:nth-child(13),.agency-detail-table td:nth-child(13){width:120px}
.agency-detail-table th:nth-child(14),.agency-detail-table td:nth-child(14){width:125px}

/* V24.3.33 — dashboard monthly range selector and history note */
.dashboard-monthly-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.monthly-chart-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}
.monthly-chart-tools label{font-size:11px;font-weight:800;color:var(--trex-muted)}
.monthly-chart-tools select{border:1px solid #3b372e;border-radius:8px;background:#0d0d10;color:#eee6d7;padding:8px 10px;min-width:112px}
.monthly-chart-info{font-size:10px;line-height:1.5;color:var(--trex-muted);margin:0 0 8px}
.dashboard-monthly-chart-panel{min-width:0;overflow:hidden}
@media(max-width:560px){.monthly-chart-tools{width:100%;justify-content:space-between}.monthly-chart-tools select{flex:1;max-width:180px}.dashboard-monthly-chart-panel canvas{height:300px!important}}

.monthly-history-button{padding:8px 10px;font-size:11px;white-space:nowrap}
@media(max-width:560px){.monthly-history-button{flex:1}}

/* V24.3.40 Reports center */
.reports-filter-panel{margin-bottom:18px}.reports-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.reports-tabs .report-mode{border:1px solid rgba(245,197,66,.2);background:#18191d;color:#ded7c5}.reports-tabs .report-mode.active{background:linear-gradient(180deg,#f4c94c,#d9a21e);color:#14110a;border-color:#dcae2b}.reports-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:14px;align-items:end}.reports-filter-grid[hidden]{display:none!important}.reports-filter-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--trex-muted);font-weight:700}.reports-filter-grid input{width:100%;min-height:40px;box-sizing:border-box;border:1px solid #3b372e;border-radius:9px;background:#0b0c0e;color:#f7efdc;padding:10px 12px}.report-filter-hint{align-self:center;color:var(--trex-muted);font-size:11px}.reports-filter-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;margin:16px 0 12px}.reports-status{background:#17181b;border:1px solid rgba(245,197,66,.12);color:var(--trex-muted)}.reports-status[data-kind="success"]{border-color:rgba(67,186,119,.35);color:#a9e6c0}.reports-status[data-kind="warning"]{border-color:rgba(245,197,66,.35);color:#f3d680}.reports-status[data-kind="error"]{border-color:rgba(235,86,86,.4);color:#ffadad}.reports-summary-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.reports-summary-cards .card{min-width:0}.reports-summary-cards .card strong{font-size:clamp(16px,2vw,24px);overflow-wrap:anywhere}.reports-results-panel{margin-top:18px;min-width:0}.reports-table-wrap{margin-top:12px;max-height:560px;overflow:auto}.reports-table{width:100%;min-width:720px}.reports-table th,.reports-table td{padding:10px 9px;font-size:11px}.reports-note-panel{margin-top:16px}.report-status-ok{display:inline-flex;padding:4px 7px;border-radius:999px;background:rgba(65,190,111,.14);color:#8ce0a8;font-size:10px}.report-status-empty{display:inline-flex;padding:4px 7px;border-radius:999px;background:rgba(245,197,66,.10);color:#d9bd72;font-size:10px}
@media(max-width:900px){.reports-filter-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.reports-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.reports-filter-grid,.reports-summary-cards{grid-template-columns:1fr}.reports-filter-actions{justify-content:stretch}.reports-filter-actions button{flex:1}}