.development-module{padding:30px;max-width:1600px;margin:auto;font-size:1rem}.dm-header{display:flex;align-items:center;gap:16px;margin:8px 0 28px}.dm-header>span{padding:15px;border-radius:15px;background:#173951;color:#f3c662}.dm-header small{color:#f3c662;letter-spacing:.12em;font-size:.75rem}.dm-header h1{font-size:1.8rem;margin:8px 0}.dm-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dm-metrics article{display:flex;align-items:center;gap:16px;padding:22px;background:linear-gradient(145deg,#0b203e,#07172d);border:1px solid #294160;border-radius:15px}.dm-metrics svg{color:#5ec6ee;width:32px;height:32px}.dm-metrics small{display:block;color:#9bb0ca;font-size:.85rem}.dm-metrics b{display:block;font-size:1.8rem;margin-top:9px}.dm-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0}.development-module button{border:1px solid #365473;border-radius:8px;background:#122d48;color:#f5d07b;padding:10px 14px;font:inherit}.dm-toolbar button{display:flex;gap:8px;align-items:center}.development-module button:disabled{opacity:.5}.dm-toolbar label{margin-left:auto;color:#9ab0cc;display:flex;gap:12px;align-items:center}.development-module input,.development-module select{background:#07182d;color:#e9f1fd;border:1px solid #365473;padding:11px;border-radius:8px;font:inherit}.dm-form{padding:24px;background:#0b213b;border:1px solid #365473;border-radius:15px;margin:20px 0}.dm-form header{display:flex;justify-content:space-between;gap:14px;align-items:center}.dm-form h2{font-size:1.2rem}.dm-form>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:22px 0}.dm-form label{display:flex;flex-direction:column;gap:9px}.dm-form p,.dm-scope{color:#92a8c4;line-height:1.7}.development-module .dm-primary{background:linear-gradient(135deg,#ffdc7a,#dda32b);color:#06132a;font-weight:700}.dm-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.dm-catalog article{border:1px solid #294160;border-radius:15px;padding:22px;background:linear-gradient(140deg,#0c2341,#07182d)}.dm-catalog article>span{display:block;color:#eec365;margin-bottom:18px}.dm-catalog small,.dm-catalog p,.dm-catalog footer{color:#99afc9}.dm-catalog h2{font-size:1.15rem}.dm-catalog footer{border-top:1px solid #294160;padding-top:16px;font-size:.85rem}.dm-table{overflow:auto;border:1px solid #294160;border-radius:14px}.dm-table table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}.dm-table th,.dm-table td{padding:17px;border-bottom:1px solid #294160;font-size:.9rem}.dm-table th{background:#112c47;color:#a9c1de}.dm-table input{width:80px}.dm-table form,.dm-decisions{display:flex;gap:8px}.dm-table progress{width:85px;accent-color:#40cda5;margin-right:8px}.dm-table>p{padding:25px;color:#9bb1cc}.dm-status{display:inline-block;border-radius:20px;padding:6px 10px;background:#233d57}.dm-status.pending,.dm-status.assigned{background:#493b1e;color:#f5cf70}.dm-status.approved,.dm-status.completed{background:#124338;color:#6ce1b6}.dm-status.rejected{background:#482637;color:#f0a2b4}.dm-error,.dm-success{padding:16px;border:1px solid #935069;background:#382332;border-radius:10px}.dm-success{border-color:#276954;background:#123b32}.dm-scope{font-size:.875rem;margin-top:24px}@media(max-width:950px){.dm-metrics,.dm-form>div,.dm-catalog{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.development-module{padding:18px}.dm-form>div,.dm-catalog{grid-template-columns:1fr}.dm-metrics article{padding:14px;gap:9px}.dm-toolbar label{margin-left:0}}
.learning-workspace {
  max-width: 1600px;
  margin: auto;
  padding: 28px 32px;
  color: #edf4fb;
}
.learning-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 23px;
}
.learning-hero > div {
  display: flex;
  align-items: center;
  gap: 16px;
}
.learning-hero > div > span {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 16px;
  background: #163b61;
  color: #f2c55d;
}
.learning-hero svg {
  width: 28px;
  height: 28px;
}
.learning-hero small,
.kirkpatrick-dashboard header small {
  color: #f2c55d;
  font-weight: 800;
  letter-spacing: 0.12em;
}
.learning-hero h1 {
  margin: 5px 0;
  font-size: 2rem;
}
.learning-hero p {
  margin: 0;
  color: #91a9c3;
}
.learning-primary,
.kirkpatrick-dashboard header button,
.learning-table-head button {
  display: flex;
  align-items: center;
  gap: 7px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #ffdc78, #dfa72f);
  color: #07162a;
  padding: 12px 16px;
  font-weight: 800;
}
.learning-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.learning-metrics article {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px;
  border: 1px solid #294663;
  border-radius: 15px;
  background: linear-gradient(145deg, #0b203c, #07182d);
}
.learning-metrics article > svg {
  box-sizing: content-box;
  width: 25px;
  height: 25px;
  padding: 11px;
  border-radius: 12px;
  background: #12395d;
  color: #66c6f0;
}
.learning-metrics article.impact > svg {
  background: #173e31;
  color: #61dea9;
}
.learning-metrics small,
.learning-metrics b {
  display: block;
}
.learning-metrics small {
  color: #91a9c4;
}
.learning-metrics b {
  margin-top: 5px;
  font-size: 1.7rem;
}
.learning-tabs {
  display: flex;
  gap: 7px;
  margin: 22px 0 16px;
  border-bottom: 1px solid #294663;
}
.learning-tabs button {
  border: 0;
  border-bottom: 3px solid transparent;
  background: transparent;
  color: #9db2ca;
  padding: 12px 15px;
  font: inherit;
}
.learning-tabs button[aria-pressed="true"] {
  border-color: #f1c45c;
  color: #f1c45c;
}
.kirkpatrick-dashboard {
  border: 1px solid #294663;
  border-radius: 16px;
  background: linear-gradient(145deg, #0b213e, #07182d);
  overflow: hidden;
}
.kirkpatrick-dashboard > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 22px;
  border-bottom: 1px solid #294663;
}
.kirkpatrick-dashboard h2 {
  margin: 6px 0;
  font-size: 1.35rem;
}
.kirkpatrick-dashboard p {
  margin: 0;
  color: #8fa8c2;
}
.kirkpatrick-levels {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: #294663;
}
.kirkpatrick-levels article {
  position: relative;
  display: grid;
  justify-items: center;
  padding: 23px 16px;
  background: #081b34;
  text-align: center;
}
.kirkpatrick-levels article > svg {
  position: absolute;
  right: 15px;
  top: 15px;
  color: var(--level-color);
  width: 22px;
  height: 22px;
}
.level-ring {
  display: grid;
  place-items: center;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  background:
    radial-gradient(circle, #081b34 58%, transparent 60%),
    conic-gradient(var(--level-color) var(--level-score), #263f58 0);
}
.level-ring span {
  font-size: 1.05rem;
  font-weight: 800;
}
.kirkpatrick-levels small {
  margin-top: 14px;
  color: var(--level-color);
  font-weight: 800;
}
.kirkpatrick-levels h3 {
  min-height: 38px;
  margin: 6px 0 12px;
  font-size: 0.86rem;
}
.kirkpatrick-levels progress {
  width: 100%;
  height: 6px;
  accent-color: var(--level-color);
}
.kirkpatrick-dashboard > footer {
  display: flex;
  gap: 28px;
  padding: 16px 22px;
  color: #91a8c1;
}
.kirkpatrick-dashboard > footer b {
  color: #fff;
  margin-right: 5px;
}
.learning-table-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
}
.learning-table-head h2 {
  font-size: 1.1rem;
}
.evaluation-history {
  margin-top: 18px;
  border: 1px solid #294663;
  border-radius: 14px;
  overflow: hidden;
}
.evaluation-history > h2 {
  padding: 16px 18px;
  margin: 0;
  border-bottom: 1px solid #294663;
  font-size: 1rem;
}
.evaluation-history > article {
  display: grid;
  grid-template-columns: minmax(230px, 1.5fr) repeat(4, 1fr);
  align-items: center;
  gap: 12px;
  padding: 15px 18px;
  border-bottom: 1px solid #203d59;
}
.evaluation-history article > div b,
.evaluation-history article > div small,
.evaluation-history article > span small,
.evaluation-history article > span b {
  display: block;
}
.evaluation-history small {
  color: #8ea7c1;
  font-size: 0.72rem;
}
.evaluation-history article > span b {
  color: #69ddb0;
  margin-top: 4px;
}
.evaluation-history > p {
  padding: 20px;
  color: #8fa8c2;
}
.learning-dialog {
  max-width: 780px;
}
.learning-dialog > header {
  display: flex;
  justify-content: space-between;
}
.learning-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 20px 0;
}
.learning-form-grid label {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.learning-form-grid .wide {
  grid-column: 1/-1;
}
.learning-dialog input,
.learning-dialog select,
.learning-dialog textarea {
  border: 1px solid #365673;
  border-radius: 9px;
  background: #06172d;
  color: #edf4fb;
  padding: 11px;
  font: inherit;
}
.learning-dialog textarea {
  min-height: 90px;
}
.evaluation-course {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 20px 0;
}
.evaluation-sliders {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;
  margin-bottom: 18px;
}
.evaluation-sliders label {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  padding: 13px;
  border: 1px solid #294a67;
  border-radius: 11px;
  background: #0a2039;
}
.evaluation-sliders label span {
  display: flex;
  align-items: center;
  gap: 7px;
}
.evaluation-sliders label svg {
  color: #f2c55d;
}
.evaluation-sliders input {
  grid-column: 1/-1;
  padding: 0;
}
.evaluation-sliders output {
  color: #8da6c0;
  font-size: 0.75rem;
}
.learning-dialog > footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}
@media (max-width: 950px) {
  .learning-metrics,
  .kirkpatrick-levels {
    grid-template-columns: repeat(2, 1fr);
  }
  .evaluation-history > article {
    grid-template-columns: 1fr 1fr;
  }
  .learning-workspace {
    padding: 22px;
  }
}
@media (max-width: 600px) {
  .learning-hero {
    align-items: stretch;
    flex-direction: column;
  }
  .learning-metrics,
  .kirkpatrick-levels,
  .learning-form-grid,
  .evaluation-sliders {
    grid-template-columns: 1fr;
  }
  .learning-workspace {
    padding: 16px;
  }
  .kirkpatrick-dashboard > header {
    align-items: flex-start;
    flex-direction: column;
  }
  .learning-tabs {
    overflow: auto;
    white-space: nowrap;
  }
}
.learning-record-actions{display:flex;gap:.45rem;align-items:center}.learning-record-actions button,.learning-delete{display:inline-flex;align-items:center;gap:.3rem;min-height:2.2rem;padding:.4rem .6rem}.learning-record-actions .is-delete,.learning-delete{color:#ff9d9d;border-color:rgba(255,99,99,.45);background:rgba(132,28,28,.16)}.learning-record-actions svg,.learning-delete svg{width:1rem;height:1rem}
.kirkpatrick-questionnaire{display:grid;gap:16px;max-height:58vh;overflow:auto;padding:2px 8px 2px 2px}.kirkpatrick-questionnaire fieldset{margin:0;padding:16px;border:1px solid #31516f;border-radius:13px;background:#081d36}.kirkpatrick-questionnaire legend{display:flex;flex-direction:column;gap:4px;padding:0 8px;color:#f2c45a}.kirkpatrick-questionnaire legend small{color:#879db6;font-weight:400}.evaluation-question{display:grid;grid-template-columns:minmax(210px,1fr) minmax(420px,1.3fr);align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #223e59}.evaluation-question:last-child{border-bottom:0}.evaluation-question>span{display:flex;align-items:center;gap:9px}.evaluation-question>span>b{display:grid;place-items:center;min-width:30px;height:30px;border-radius:8px;background:#173d60;color:#f3ca66;font-size:.72rem}.evaluation-question>div{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.evaluation-question>div label{cursor:pointer}.evaluation-question>div input{position:absolute;opacity:0}.evaluation-question>div label>span{display:grid;place-items:center;gap:2px;min-height:46px;border:1px solid #31516f;border-radius:8px;background:#06172e;color:#b8c8d9}.evaluation-question>div label small{font-size:.56rem;color:#758ca5}.evaluation-question>div input:checked+span{border-color:#f2c451;background:#3c3218;color:#ffda73;box-shadow:0 0 0 2px #f2c45133}.evaluation-question>div input:focus-visible+span{outline:2px solid #60a5fa}@media(max-width:850px){.evaluation-question{grid-template-columns:1fr}.evaluation-question>div{grid-template-columns:repeat(5,minmax(58px,1fr))}}
.manager-learning-tray{border:1px solid #294663;border-radius:16px;background:#071a33;overflow:hidden}.manager-learning-tray>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #294663}.manager-learning-tray header small{color:#f2c55d;font-weight:900;letter-spacing:.1em}.manager-learning-tray h2{margin:5px 0}.manager-learning-tray header p{margin:0;color:#91a9c3}.manager-learning-tray>header>span{min-width:70px;padding:9px 12px;border-radius:999px;background:#5b4517;color:#ffd66f;text-align:center;font-weight:800}.manager-learning-tray>div{display:grid;gap:12px;padding:18px}.manager-learning-tray article{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1fr) auto;align-items:center;gap:18px;padding:16px;border:1px solid #294c69;border-left:4px solid #60748a;border-radius:12px;background:#091f39}.manager-learning-tray article.due{border-left-color:#f2c451}.manager-learning-tray article b,.manager-learning-tray article small{display:block}.manager-learning-tray article small{margin-top:5px;color:#879fb9}.manager-learning-tray dl{display:flex;gap:24px;margin:0}.manager-learning-tray dl div{display:grid;gap:4px}.manager-learning-tray dt{color:#829ab5;font-size:.68rem}.manager-learning-tray dd{margin:0}.manager-learning-tray button{padding:10px 13px;border:1px solid #b68b31;border-radius:9px;background:#f2c451;color:#07162b;font-weight:800}.manager-learning-tray button:disabled{border-color:#36516c;background:#122c45;color:#748ca5}.manager-tray-empty{padding:18px;color:#8ea6bf}.manager-evaluation-context{display:grid;gap:4px;margin:18px 0;padding:14px;border:1px solid #886c2e;border-radius:11px;background:#302815}.manager-evaluation-context b{color:#f5ce6e}.manager-evaluation-context small{color:#9fb0c2}@media(max-width:800px){.manager-learning-tray article{grid-template-columns:1fr}.manager-learning-tray>header{align-items:flex-start;flex-direction:column}}

/* PHP parity bridge */
.module-learning .admin-main{padding:28px 36px 56px;max-width:1600px;margin:0 auto}.module-learning .learning-hero{margin-bottom:18px}.module-learning .learning-hero>div>span svg{width:29px;height:29px}.module-learning .learning-shell{padding:0;border:0;background:transparent;box-shadow:none}.module-learning .learning-tabs{margin:0 0 18px}.module-learning .learning-tabs>div{display:flex;gap:6px;overflow:auto;padding:7px;border:1px solid #294966;border-radius:14px;background:#071a34}.module-learning .learning-tabs button{white-space:nowrap}.module-learning .learning-tabs button.active,.module-learning .learning-tabs button[aria-selected="true"]{background:#194a74;color:#ffd05c}.module-learning .local-tab-panel{padding:0}.module-learning .dm-catalog{margin-top:17px}.module-learning .learning-cards.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.module-learning .learning-cards.catalog>article{position:relative;padding:19px;border:1px solid #315170;border-radius:14px;background:linear-gradient(155deg,#0a2341,#06162d)}.module-learning .learning-cards.catalog>article>div:first-child{display:flex;align-items:center;justify-content:space-between}.module-learning .learning-cards.catalog svg{width:28px;height:28px;color:#ffd05c}.module-learning .learning-cards.catalog h3{font-size:1.12rem;margin:15px 0 7px}.module-learning .learning-cards.catalog p{color:#91acc7;line-height:1.65;min-height:48px}.module-learning .course-meta{display:flex;gap:7px;margin:12px 0}.module-learning .course-meta span,.module-learning .course-code{padding:5px 8px;border-radius:99px;background:#123b59;color:#65d9ee;font-size:.68rem}.module-learning .learning-cards details{margin-top:14px;border-top:1px solid #294966;padding-top:10px}.module-learning .learning-cards details form{display:grid;gap:9px;margin-top:10px}.module-learning .learning-cards details label{display:grid;gap:5px}.module-learning .catalog-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px;color:#8fabca}.module-learning .local-create-drawer{border:1px solid #31516e;border-radius:12px;background:#081d37;padding:12px}.module-learning .local-create-drawer>summary{cursor:pointer;color:#ffd05c;font-weight:800}.module-learning .local-create-drawer .form-grid{margin-top:14px}.module-learning .local-tab-panel>.table-wrap,.module-learning .learning-gap{border:1px solid #294966;border-radius:14px;background:#071a34;padding:16px}.module-learning .manager-learning-tray a{display:inline-flex;padding:9px 11px;border-radius:8px;background:#194a74;color:#ffd05c;text-decoration:none}.module-learning #learning-manager-forms>.admin-panel{margin-top:15px}.module-learning .kirkpatrick{display:none}@media(max-width:980px){.module-learning .learning-cards.catalog{grid-template-columns:1fr 1fr}}@media(max-width:720px){.module-learning .admin-main{padding:18px 14px 44px}.module-learning .learning-cards.catalog{grid-template-columns:1fr}.module-learning .catalog-head{align-items:flex-start;flex-direction:column}}