/* CODSHIPX_V80_R30_R4_DARK_MANAGEMENT_THEME */
.cxv80r3-management,
.cxv80r3-management *{
  box-sizing:border-box;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.cxv80r3-management{
  --cx3-navy:#0b2347;
  --cx3-blue:#2563eb;
  --cx3-purple:#7c3aed;
  --cx3-green:#22c55e;
  --cx3-lime:#84cc16;
  --cx3-cyan:#06b6d4;
  --cx3-amber:#f59e0b;
  --cx3-red:#ef4444;
  --cx3-text:#eef6ff;
  --cx3-muted:#9fb2c8;
  width:100%;
  color:var(--cx3-text);
}
.cxv80r3-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:23px 25px;
  color:#fff;
  border:1px solid rgba(96,165,250,.22);
  border-radius:22px;
  background:
    radial-gradient(circle at 88% 0%,rgba(167,139,250,.30),transparent 38%),
    linear-gradient(135deg,#0b3a82 0%,#3156de 48%,#7c3aed 100%);
  box-shadow:0 22px 55px rgba(30,64,175,.20);
}
.cxv80r3-hero span{
  display:block;
  margin-bottom:6px;
  color:#d9f99d;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}
.cxv80r3-hero h1{
  margin:0;
  color:#fff;
  font-size:clamp(24px,3vw,34px);
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.035em;
}
.cxv80r3-hero p{
  max-width:760px;
  margin:8px 0 0;
  color:rgba(255,255,255,.82);
  font-size:13px;
  line-height:1.65;
}
.cxv80r3-refresh{
  min-width:128px;
  padding:11px 16px;
  color:#fff;
  border:1px solid rgba(255,255,255,.28);
  border-radius:12px;
  background:rgba(255,255,255,.13);
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.cxv80r3-refresh:disabled{opacity:.55;cursor:wait}
.cxv80r3-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:15px;
}
.cxv80r3-metric{
  min-width:0;
  padding:16px 17px;
  border:1px solid #263a5c;
  border-radius:16px;
  background:linear-gradient(145deg,#132541,#0f1d35);
  box-shadow:0 14px 34px rgba(2,8,23,.24);
}
.cxv80r3-metric span{
  display:block;
  color:var(--cx3-muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.cxv80r3-metric strong{
  display:block;
  margin-top:7px;
  color:var(--cx3-text);
  font-size:25px;
  line-height:1;
  font-weight:900;
}
.cxv80r3-metric.pending{border-top:4px solid var(--cx3-amber)}
.cxv80r3-metric.approved{border-top:4px solid var(--cx3-green)}
.cxv80r3-metric.completed{border-top:4px solid var(--cx3-cyan)}
.cxv80r3-metric.closed{border-top:4px solid var(--cx3-red)}
.cxv80r3-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-top:15px;
  padding:12px;
  border:1px solid #263a5c;
  border-radius:16px;
  background:#101f38;
}
.cxv80r3-tabs{display:flex;gap:7px;flex-wrap:wrap}
.cxv80r3-tabs button{
  padding:9px 12px;
  color:#a9bad0;
  border:1px solid #2b4165;
  border-radius:10px;
  background:#142641;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
}
.cxv80r3-tabs button.active{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,var(--cx3-blue),var(--cx3-purple));
  box-shadow:0 8px 20px rgba(79,70,229,.22);
}
.cxv80r3-search{display:flex;gap:8px;min-width:min(100%,390px)}
.cxv80r3-search input{
  flex:1;
  min-width:180px;
  height:39px;
  padding:0 12px;
  color:#eef6ff;
  border:1px solid #2b4165;
  border-radius:10px;
  background:#0d1b31;
  outline:none;
  font-size:12px;
}
.cxv80r3-search input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.cxv80r3-search button{
  padding:0 15px;
  color:#fff;
  border:0;
  border-radius:10px;
  background:#0f3f8d;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.cxv80r3-notice,
.cxv80r3-error,
.cxv80r3-loading,
.cxv80r3-empty{
  margin-top:15px;
  padding:17px;
  border-radius:15px;
}
.cxv80r3-notice{
  color:#bbf7d0;
  border:1px solid rgba(34,197,94,.38);
  background:rgba(20,83,45,.32);
  font-size:12px;
  font-weight:750;
}
.cxv80r3-error{
  display:grid;
  gap:7px;
  color:#fecaca;
  border:1px solid rgba(244,63,94,.42);
  background:rgba(127,29,29,.30);
}
.cxv80r3-error button{width:max-content;padding:8px 12px;border:0;border-radius:9px;color:#fff;background:#dc2626;font-weight:800;cursor:pointer}
.cxv80r3-loading,
.cxv80r3-empty{
  min-height:190px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#9fb2c8;
  border:1px dashed #314a70;
  background:linear-gradient(145deg,#101f38,#0d1a2f);
}
.cxv80r3-empty>span{font-size:30px;color:#7c3aed}
.cxv80r3-empty strong{margin-top:7px;color:#eef6ff;font-size:16px}
.cxv80r3-empty p{margin:5px 0 0;font-size:12px}
.cxv80r3-request-list{display:grid;gap:13px;margin-top:15px}
.cxv80r3-request-card{
  overflow:hidden;
  border:1px solid #263a5c;
  border-left:5px solid #64748b;
  border-radius:18px;
  background:linear-gradient(145deg,#132541,#0f1d35);
  box-shadow:0 18px 42px rgba(2,8,23,.28);
}
.cxv80r3-request-card.is-pending{border-left-color:var(--cx3-amber)}
.cxv80r3-request-card.is-approved{border-left-color:var(--cx3-green)}
.cxv80r3-request-card.is-completed{border-left-color:var(--cx3-cyan)}
.cxv80r3-request-card.is-rejected,
.cxv80r3-request-card.is-cancelled{border-left-color:var(--cx3-red)}
.cxv80r3-request-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:15px 17px;
  border-bottom:1px solid #263a5c;
  background:linear-gradient(180deg,#172a48,#12213a);
}
.cxv80r3-identity{display:flex;align-items:center;gap:11px;min-width:0}
.cxv80r3-avatar{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  color:#fff;
  border-radius:13px;
  background:linear-gradient(135deg,#2563eb,#7c3aed);
  font-size:13px;
  font-weight:900;
}
.cxv80r3-identity h3{margin:0;color:#f8fbff;font-size:14px;font-weight:900}
.cxv80r3-identity p{margin:4px 0 0;color:#9fb2c8;font-size:10px}
.cxv80r3-status{
  flex:0 0 auto;
  padding:6px 10px;
  border-radius:999px;
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.cxv80r3-status.is-pending{color:#fde68a;background:rgba(245,158,11,.18);border:1px solid rgba(245,158,11,.28)}
.cxv80r3-status.is-approved{color:#bbf7d0;background:rgba(34,197,94,.17);border:1px solid rgba(34,197,94,.28)}
.cxv80r3-status.is-completed{color:#a5f3fc;background:rgba(6,182,212,.17);border:1px solid rgba(6,182,212,.28)}
.cxv80r3-status.is-rejected,
.cxv80r3-status.is-cancelled{color:#fecdd3;background:rgba(244,63,94,.17);border:1px solid rgba(244,63,94,.28)}
.cxv80r3-request-body{padding:16px 17px}
.cxv80r3-reason{display:grid;gap:5px;padding:12px 13px;border:1px solid #2a4164;border-radius:12px;background:#0d1b31}
.cxv80r3-reason span{color:#8fa5bf;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.cxv80r3-reason strong{color:#eef6ff;font-size:12px;line-height:1.55}
.cxv80r3-time-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:11px}
.cxv80r3-time-grid>div{min-width:0;padding:11px;border:1px solid #293f61;border-radius:11px;background:#13233d}
.cxv80r3-time-grid span{display:block;color:#91a6bf;font-size:8.5px;font-weight:850;text-transform:uppercase}
.cxv80r3-time-grid strong{display:block;margin-top:5px;color:#f8fbff;font-size:11px;line-height:1.35;font-weight:900;overflow-wrap:anywhere}
.cxv80r3-approval-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}
.cxv80r3-approval-strip span{padding:8px 9px;color:#c8f7d6;border:1px solid rgba(34,197,94,.24);border-radius:9px;background:rgba(34,197,94,.08);font-size:9px;font-weight:800;text-align:center}
.cxv80r3-note{margin:10px 0 0;padding:10px 12px;color:#cfe8ff;border-left:3px solid #38bdf8;border-radius:8px;background:rgba(56,189,248,.08);font-size:10px;line-height:1.55}
.cxv80r3-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 17px;border-top:1px solid #263a5c;background:#0e1c33}
.cxv80r3-btn{
  min-height:38px;
  padding:0 15px;
  color:#fff;
  border:0;
  border-radius:10px;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.cxv80r3-btn.approve{background:linear-gradient(135deg,#15803d,#22c55e);box-shadow:0 8px 18px rgba(34,197,94,.20)}
.cxv80r3-btn.reject,.cxv80r3-btn.cancel{background:linear-gradient(135deg,#dc2626,#f43f5e);box-shadow:0 8px 18px rgba(244,63,94,.18)}
.cxv80r3-btn.neutral{color:#dbeafe;border:1px solid #354b6e;background:#172943;box-shadow:none}
.cxv80r3-btn:disabled{opacity:.56;cursor:wait}
.cxv80r3-footer{margin-top:14px;color:#8fa5bf;font-size:10px;text-align:right}
.cxv80r3-dialog-overlay{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(2,8,23,.76);
  backdrop-filter:blur(12px);
}
.cxv80r3-dialog{
  width:min(100%,680px);
  max-height:min(90vh,760px);
  overflow:auto;
  padding:22px;
  color:#eaf2ff;
  border:1px solid rgba(96,165,250,.30);
  border-radius:21px;
  background:
    radial-gradient(circle at 100% 0%,rgba(124,58,237,.20),transparent 38%),
    linear-gradient(145deg,#102947,#0b1d36);
  box-shadow:0 34px 90px rgba(0,0,0,.48);
}
.cxv80r3-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.cxv80r3-dialog-head span{display:block;color:#a3e635;font-size:9px;font-weight:900;letter-spacing:.13em}
.cxv80r3-dialog-head h2{margin:6px 0 0;color:#fff;font-size:24px;line-height:1.15;font-weight:900}
.cxv80r3-dialog-head p{margin:5px 0 0;color:#9fb2c8;font-size:11px}
.cxv80r3-dialog-close{width:36px;height:36px;color:#fff;border:1px solid rgba(254,202,202,.32);border-radius:10px;background:#e11d48;font-size:22px;font-weight:900;cursor:pointer}
.cxv80r3-dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:19px}
.cxv80r3-dialog label{display:grid;gap:6px}
.cxv80r3-dialog label>span{color:#c4d3e3;font-size:10px;font-weight:850}
.cxv80r3-dialog select,
.cxv80r3-dialog input,
.cxv80r3-dialog textarea{
  width:100%;
  color:#eef6ff;
  border:1px solid rgba(148,163,184,.24);
  border-radius:11px;
  background:rgba(255,255,255,.055);
  outline:none;
  font-size:12px;
}
.cxv80r3-dialog select,
.cxv80r3-dialog input{height:43px;padding:0 11px}
.cxv80r3-dialog select option{color:#eef6ff;background:#10203a}
.cxv80r3-dialog textarea{min-height:105px;padding:11px;resize:vertical}
.cxv80r3-dialog-note{margin-top:12px}
.cxv80r3-dialog-policy{margin-top:11px;padding:10px 12px;color:#adc1d4;border:1px solid rgba(56,189,248,.18);border-radius:10px;background:rgba(56,189,248,.06);font-size:9.5px;text-align:center}
.cxv80r3-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:15px}

.cxv80r3-supervision-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:15px 0 0;
  padding:9px;
  border:1px solid #263a5c;
  border-radius:14px;
  background:#101f38;
}
.cxv80r3-supervision-tabs button{
  padding:10px 14px;
  color:#a9bad0;
  border:1px solid #2b4165;
  border-radius:10px;
  background:#142641;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.cxv80r3-supervision-tabs button.active{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,#2563eb,#7c3aed);
}

@media(max-width:980px){
  .cxv80r3-metrics,.cxv80r3-time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cxv80r3-approval-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .cxv80r3-hero{align-items:flex-start;flex-direction:column;padding:19px}
  .cxv80r3-refresh{width:100%}
  .cxv80r3-metrics{grid-template-columns:1fr 1fr}
  .cxv80r3-search{width:100%;min-width:0}
  .cxv80r3-request-head{align-items:flex-start;flex-direction:column}
  .cxv80r3-time-grid,.cxv80r3-approval-strip{grid-template-columns:1fr 1fr}
  .cxv80r3-actions{justify-content:stretch;flex-direction:column}
  .cxv80r3-btn{width:100%}
  .cxv80r3-dialog{padding:18px 15px}
  .cxv80r3-dialog-grid{grid-template-columns:1fr}
  .cxv80r3-dialog-actions{flex-direction:column-reverse}
}


/* Dark-theme finishing details */
.cxv80r3-search input::placeholder{color:#7289a6}
.cxv80r3-search input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.18)}
.cxv80r3-tabs button:hover:not(.active),
.cxv80r3-supervision-tabs button:hover:not(.active){color:#eef6ff;background:#1a3152;border-color:#3a557c}
.cxv80r3-metric strong,.cxv80r3-management input,.cxv80r3-management textarea,.cxv80r3-management select{font-variant-numeric:tabular-nums}
.cxv80r3-dialog input::placeholder,.cxv80r3-dialog textarea::placeholder{color:#7188a5}