.staff-rule{align-self:center;padding:9px 12px;border:1px solid #d6e0e8;border-radius:8px;color:#647588;background:#fff;font-size:9px;font-weight:800}
.staff-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(460px,1.28fr);gap:16px;margin-top:16px}
.assignment-form form{display:grid;gap:13px;padding:18px}
.assignment-form label{display:grid;gap:6px;color:#132b45;font-size:9px;font-weight:800}
.assignment-form input,.assignment-form select{padding:11px;border:1px solid #cbd7e1;border-radius:8px;background:#fff;font:inherit}
.assignment-message{padding:10px;border-left:3px solid #c79622;border-radius:6px;color:#66521e;background:#fff9e7;font-size:9px}
.assignment-list{overflow:hidden}
.assignment-list>article{display:grid;grid-template-columns:38px 1fr auto auto;gap:11px;align-items:center;padding:13px 18px;border-top:1px solid #e8edf1}
.assignment-list>article>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#092b50;font-style:normal;font-size:8px;font-weight:900}
.assignment-list>article span{display:grid;gap:3px}
.assignment-list>article span b{font-size:10px}
.assignment-list>article span small{color:#718092;font-size:8px}
.assignment-list>article>strong{color:#092b50;font-size:10px}
.assignment-list>article>em{padding:5px 7px;border-radius:999px;color:#8b6614;background:#fff2c8;font-size:8px;font-style:normal;font-weight:800}
.assignment-list>article>em.claimed{color:#17634e;background:#e3f3ed}
.empty-staff{padding:35px;text-align:center;color:#718092;font-size:10px}
@media(max-width:900px){.staff-grid{grid-template-columns:1fr}.staff-rule{display:none}.assignment-list>article{grid-template-columns:38px 1fr auto}.assignment-list>article>em{grid-column:2/4;justify-self:start}}
.password-field{position:relative;display:flex;align-items:center}
.password-field input{width:100%;padding-right:76px}
.password-field button{position:absolute;right:6px;display:flex;align-items:center;gap:5px;padding:6px 8px;border:0;border-radius:6px;color:#173a5e;background:#edf2f5;font-size:8px;font-weight:900;cursor:pointer}
.password-field button:hover,.password-field button:focus-visible{color:#fff;background:#173a5e;outline:none}
.password-field button span{font-size:12px;line-height:1}
.portal-choice .admin-locked{display:block;margin-top:8px;padding:10px;border:1px solid #ffffff20;border-radius:8px;color:#bdcbd8;background:#ffffff08;text-align:center;font-size:8px;font-weight:800}
.access-tabs.single{grid-template-columns:1fr}
.forgot-link{width:100%;margin-top:10px;padding:7px;border:0;color:#173a5e;background:transparent;text-align:center;font-size:9px;font-weight:800;cursor:pointer}
.forgot-link:hover,.forgot-link:focus-visible{color:#a50f1a;text-decoration:underline;outline:none}
.access-success{padding:10px;border-left:3px solid #17634e;border-radius:6px;color:#17634e;background:#e8f5f0;font-size:9px;line-height:1.5}
.staff-approval-queue > p {
  color: #64748b;
  font-size: 11px;
}
.staff-approval-queue article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  border-top: 1px solid #e2e8f0;
}
.staff-approval-queue article span {
  display: grid;
  gap: 4px;
}
.staff-approval-queue article small,
.staff-approval-queue article em {
  color: #64748b;
  font-size: 10px;
}
.staff-approval-queue article div {
  display: flex;
  gap: 8px;
}
.staff-approval-queue article button {
  padding: 9px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
}
.performance-filter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin: 18px 0;
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
}
.performance-filter select {
  min-width: 220px;
  padding: 10px 12px;
  border: 1px solid #d9e2e8;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 5px 15px rgba(16, 47, 70, .06);
}
.staff-performance-register {
  padding: clamp(18px, 2.5vw, 30px);
  border: 0;
  border-radius: 20px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 18px 45px rgba(17, 46, 67, .09);
}
.performance-title {
  padding-bottom: 16px;
  border-bottom: 1px solid #e5edf1;
}
.performance-title p {
  margin: -6px 0 0;
  color: #64788a;
  font-size: 10px;
}
.performance-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.performance-card {
  overflow: hidden;
  border: 1px solid #dde7ec;
  border-radius: 16px;
  background: linear-gradient(180deg, #fff, #f9fbfc);
  box-shadow: 0 10px 25px rgba(15, 47, 70, .07);
  transition: transform .2s ease, box-shadow .2s ease;
}
.performance-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 34px rgba(15, 47, 70, .12);
}
.performance-card > header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px;
  background: linear-gradient(110deg, #f2f8fa, #fff);
}
.performance-card > header > span:nth-child(2) {
  min-width: 0;
  display: grid;
  gap: 3px;
  flex: 1;
}
.performance-card > header b { color: #08284d; font-size: 11px; }
.performance-card > header small { color: #718092; font-size: 8px; }
.performance-avatar {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(145deg, #08284d, #2c7783);
  font-size: 10px;
  font-weight: 900;
}
.performance-card header em {
  padding: 6px 8px;
  border-radius: 999px;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
}
.performance-card header em.competent { color: #17634e; background: #e3f4ed; }
.performance-card header em.development { color: #8a5d12; background: #fff1cc; }
.performance-meta {
  padding: 14px 16px;
  display: grid;
  grid-template-columns: .8fr 1.25fr .8fr;
  gap: 12px;
}
.performance-meta span { display: grid; gap: 4px; }
.performance-meta small { color: #7a8997; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.performance-meta b { color: #19364f; font-size: 9px; line-height: 1.4; }
.performance-feedback-panel {
  margin: 0 16px 14px;
  padding: 12px;
  border-left: 3px solid #d4a62d;
  border-radius: 9px;
  background: #f5f8fa;
}
.performance-feedback-panel > small { color: #256b78; font-size: 7px; font-weight: 900; letter-spacing: .08em; }
.performance-feedback-panel p { margin: 6px 0 0; color: #5f7180; font-size: 8px; line-height: 1.55; }
.performance-card footer {
  padding: 9px 16px;
  border-top: 1px solid #e8eef1;
  color: #7a8997;
  font-size: 8px;
  text-align: right;
}
.performance-feedback {
  display: grid;
  gap: 3px;
  margin-bottom: 7px;
  line-height: 1.4;
}
.performance-feedback b {
  color: #0b3657;
}
@media (max-width: 900px) {
  .performance-card-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .performance-filter { align-items: stretch; flex-direction: column; }
  .performance-filter select { min-width: 0; width: 100%; }
  .performance-meta { grid-template-columns: 1fr; }
  .performance-card > header { align-items: flex-start; flex-wrap: wrap; }
}
.central-register-title{margin:-18px -18px 18px;padding:25px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:14px 14px 0 0;color:#fff;background:radial-gradient(circle at 92% 10%,#c7962240,transparent 30%),linear-gradient(120deg,#061d40,#0c4961)}
.central-register-title>div:first-child{max-width:650px}.central-register-title small{color:#e1bb58;font-size:8px;font-weight:900;letter-spacing:.15em}.central-register-title h2{margin:6px 0;color:#fff;font:25px Georgia}.central-register-title p{margin:0;color:#c7d9e2;font-size:9px;line-height:1.55}
.central-register-metrics{display:flex;gap:9px}.central-register-metrics span{min-width:95px;padding:12px;border:1px solid #ffffff1f;border-radius:11px;background:#ffffff0d;display:grid;text-align:center}.central-register-metrics b{font-size:20px}.central-register-metrics small{margin-top:3px;color:#c7d9e2;font-size:7px;letter-spacing:0}
.central-register-tools{margin-bottom:16px;padding:13px 15px;border:1px solid #dce7ec;border-radius:12px;background:#f7fafb;display:flex;align-items:end;justify-content:space-between;gap:14px}.central-register-tools label{width:min(520px,100%);display:grid;gap:6px}.central-register-tools label span{color:#173a53;font-size:8px;font-weight:900}.central-register-tools input{width:100%;padding:11px 13px;border:1px solid #cbd9e0;border-radius:9px;background:#fff;font:inherit}.central-register-tools>small{max-width:280px;color:#718494;font-size:8px;line-height:1.45}
.central-register-list{display:grid;gap:14px}.central-outlet-card{overflow:hidden;border:1px solid #dce6eb!important;border-radius:14px!important;background:#fff;box-shadow:0 10px 28px #0a314612}.central-outlet-card>header{padding:15px 17px!important;align-items:center!important;background:linear-gradient(110deg,#eef6f8,#fbfcfd)!important}.central-outlet-identity{display:flex;align-items:center;gap:11px}.central-outlet-identity>i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#fff;background:#0d5167;font-style:normal;font-size:9px;font-weight:900}.central-outlet-identity span{display:grid}.central-outlet-identity span>small{color:#9a7419;font-size:7px;font-weight:900;letter-spacing:.1em}.central-outlet-identity span>b{color:#092c49;font-size:13px}.central-outlet-identity span>em{color:#718494;font-size:8px;font-style:normal}.central-outlet-card>header>strong{padding:7px 10px;border-radius:8px;color:#0d5167!important;background:#e2f0f3;font-size:9px!important}
.central-name-editor{padding:11px 15px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end;background:#fbfcfd}.central-name-editor label{display:grid;gap:5px}.central-name-editor label span{color:#65798a;font-size:7px;font-weight:900}.central-name-editor input{width:100%;padding:9px 11px;border:1px solid #cedbe2;border-radius:8px;background:#fff;font:inherit}.central-name-editor button{min-height:35px;padding:8px 12px;border:0;border-radius:8px;color:#fff;background:#0d5167;font-size:8px;font-weight:900;white-space:nowrap}.outlet-name-editor{border-top:1px solid #e5ecef;border-bottom:1px solid #e5ecef;background:#f5f9fa}
.central-staff-list{padding:13px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px;background:#fff}.central-staff-card{overflow:hidden;border:1px solid #e1e9ed;border-radius:11px;background:#fbfcfd}.central-staff-summary{padding:12px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center}.central-staff-summary>i{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#256b78;font-style:normal;font-size:8px;font-weight:900}.central-staff-summary>span{display:grid;min-width:0}.central-staff-summary span small{color:#a07819;font-size:6px;font-weight:900;letter-spacing:.08em}.central-staff-summary span b{overflow:hidden;color:#123550;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.central-staff-summary span em{color:#718494;font-size:7px;font-style:normal}.central-staff-summary>strong{color:#0d5167;font-size:8px}.central-staff-summary>mark{grid-column:2/4;justify-self:start;padding:3px 7px;border-radius:999px;color:#8a6719;background:#fff3ce;font-size:6px;font-weight:900}.central-staff-summary>mark.active{color:#17634e;background:#e4f4ed}.staff-name-editor{padding:9px 11px;border-top:1px solid #e4ebef;background:#f7fafb}.central-empty{margin:0;padding:22px;color:#718494;text-align:center;font-size:9px}
@media(max-width:900px){.central-register-title{align-items:flex-start;flex-direction:column}.central-staff-list{grid-template-columns:1fr!important}.central-register-tools{align-items:stretch;flex-direction:column}.central-register-tools>small{max-width:none}}
@media(max-width:600px){.central-register-title{margin:-14px -12px 14px;padding:19px 15px}.central-register-title h2{font-size:21px}.central-register-metrics{width:100%}.central-register-metrics span{min-width:0;flex:1}.central-outlet-card>header{align-items:flex-start!important;flex-direction:column}.central-name-editor{grid-template-columns:1fr}.central-name-editor button{width:100%}.central-staff-summary{grid-template-columns:34px minmax(0,1fr)}.central-staff-summary>strong{grid-column:2}.central-staff-summary>mark{grid-column:2}.central-staff-summary span b{white-space:normal}.central-staff-list{padding:9px!important}}
.central-editor-actions,.enrollment-actions{display:flex;align-items:center;gap:7px}.central-name-editor .delete-record,.delete-record{border:1px solid #e4bfc2!important;color:#9b1822!important;background:#fff4f5!important}.central-name-editor .delete-record:hover,.delete-record:hover{color:#fff!important;background:#a50f1a!important}.central-editor-actions button:disabled,.enrollment-actions button:disabled{cursor:not-allowed;opacity:.55}.approval-row>.enrollment-actions{display:grid;gap:6px}.approval-row>.enrollment-actions button{width:100%}
@media(max-width:600px){.central-editor-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.central-editor-actions button{width:100%}.approval-row>.enrollment-actions{grid-template-columns:1fr 1fr}}
.central-directory-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:15px;align-items:start}.central-partner-selector{position:sticky;top:12px;overflow:hidden;border:1px solid #dce6eb;border-radius:14px;background:#f8fbfc;box-shadow:0 10px 28px #0a314610}.central-partner-selector>header{padding:14px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(115deg,#082c49,#0d596e)}.central-partner-selector>header span{display:grid}.central-partner-selector>header small{color:#e1bb58;font-size:7px;font-weight:900;letter-spacing:.11em}.central-partner-selector>header b{font-size:10px}.central-partner-selector>header em{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#082c49;background:#fff;font-size:8px;font-style:normal;font-weight:900}.central-partner-scroll{max-height:390px;overflow-y:auto;padding:7px;scrollbar-color:#9bb9c4 #edf3f5;scrollbar-width:thin}.central-partner-scroll button{width:100%;padding:10px 9px;border:1px solid transparent;border-radius:10px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center;color:#26465c;background:transparent;text-align:left;cursor:pointer}.central-partner-scroll button:hover{border-color:#d2e0e6;background:#fff}.central-partner-scroll button.on{border-color:#9fc2cc;color:#082c49;background:#fff;box-shadow:0 5px 14px #0a314612}.central-partner-scroll button>i{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#7c9eaa;font-size:7px;font-style:normal;font-weight:900}.central-partner-scroll button.on>i{background:#0d596e}.central-partner-scroll button>span{display:grid;min-width:0}.central-partner-scroll button b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.central-partner-scroll button small{color:#788c9b;font-size:7px}.central-partner-scroll button>strong{color:#9aafba;font-size:18px}.central-partner-scroll button.on>strong{color:#c79622}.central-partner-selector>footer{padding:9px 12px;border-top:1px solid #dfe8ec;color:#718494;background:#fff;font-size:7px;text-align:center}.central-directory-layout>.central-register-list{min-width:0}.central-directory-layout .central-outlet-card{margin:0!important}
@media(max-width:950px){.central-directory-layout{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:760px){.central-directory-layout{grid-template-columns:1fr}.central-partner-selector{position:relative;top:auto}.central-partner-scroll{max-height:235px}.central-register-list{min-height:0}}