.vega-employee-integrated{
  color:#071326;
  font-family:inherit;
}
.vega-employee-integrated *{box-sizing:border-box}
.vega-employee-integrated .ve-card{
  background:#fff;
  border:1px solid rgba(148,163,184,.28);
  border-radius:22px;
  box-shadow:0 18px 45px rgba(15,23,42,.07);
}
.vega-employee-integrated .ve-hero{
  padding:34px;
  margin-bottom:22px;
  background:radial-gradient(circle at 0 0,rgba(37,99,235,.12),transparent 35%),linear-gradient(135deg,#fff,#f7fbff);
}
.vega-employee-integrated .ve-kicker{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:#eff6ff;
  color:#0b57e3;
  border:1px solid rgba(37,99,235,.18);
  font-size:13px;
  font-weight:800;
  margin-bottom:14px;
}
.vega-employee-integrated h1{
  margin:0;
  font-size:42px;
  letter-spacing:-.04em;
}
.vega-employee-integrated .ve-subtitle{
  margin:12px 0 0;
  color:#64748b;
  font-size:16px;
  line-height:1.55;
}
.vega-employee-integrated .ve-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}
.vega-employee-integrated .ve-btn,
.vega-employee-nav-btn{
  border:1px solid rgba(37,99,235,.22);
  background:#fff;
  color:#0646c8;
  border-radius:12px;
  padding:10px 14px;
  font-weight:800;
  font-family:inherit;
  cursor:pointer;
}
.vega-employee-integrated .ve-btn.primary{
  background:#0b57e3;
  color:#fff;
  border-color:#0b57e3;
}
.vega-employee-nav-btn{
  width:100%;
  text-align:left;
  margin:7px 0;
}
.vega-employee-nav-btn.active,
.vega-employee-nav-btn:hover{
  background:#eff6ff;
}
.vega-employee-integrated .ve-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  margin-bottom:22px;
}
.vega-employee-integrated .ve-kpi{padding:20px}
.vega-employee-integrated .ve-kpi-label{
  color:#64748b;
  font-size:13px;
  font-weight:800;
}
.vega-employee-integrated .ve-kpi-value{
  color:#071326;
  font-size:32px;
  font-weight:900;
  margin-top:10px;
}
.vega-employee-integrated .ve-kpi-note{
  color:#94a3b8;
  font-size:12px;
  margin-top:8px;
}
.vega-employee-integrated .ve-layout{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:18px;
}
.vega-employee-integrated .ve-section{
  padding:22px;
  margin-bottom:18px;
}
.vega-employee-integrated .ve-section h2{
  margin:0 0 4px;
  font-size:22px;
}
.vega-employee-integrated .ve-muted{color:#64748b}
.vega-employee-integrated .ve-small{font-size:12px}
.vega-employee-integrated .ve-table-wrap{
  overflow:auto;
  border:1px solid rgba(148,163,184,.24);
  border-radius:18px;
}
.vega-employee-integrated table{
  width:100%;
  min-width:760px;
  border-collapse:collapse;
}
.vega-employee-integrated th,
.vega-employee-integrated td{
  padding:13px 14px;
  border-bottom:1px solid rgba(148,163,184,.18);
  text-align:left;
  vertical-align:top;
}
.vega-employee-integrated th{
  background:#f3f7ff;
  color:#64748b;
  font-size:12px;
  text-transform:uppercase;
}
.vega-employee-integrated .ve-status{
  display:inline-flex;
  padding:5px 9px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.26);
}
.vega-employee-integrated .completed{background:#ecfdf5;color:#047857}
.vega-employee-integrated .running{background:#eff6ff;color:#1d4ed8}
.vega-employee-integrated .queued{background:#fffbeb;color:#b45309}
.vega-employee-integrated .failed,.vega-employee-integrated .rejected{background:#fef2f2;color:#b91c1c}
.vega-employee-integrated .waiting_approval,.vega-employee-integrated .pending{background:#f5f3ff;color:#6d28d9}
.vega-employee-integrated .ve-list{display:grid;gap:10px}
.vega-employee-integrated .ve-item{
  padding:13px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:16px;
  background:#fff;
}
.vega-employee-integrated .ve-item-title{font-weight:900}
.vega-employee-integrated .ve-item-meta{
  margin-top:5px;
  color:#64748b;
  font-size:12px;
}
.vega-employee-integrated .ve-badges{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}
.vega-employee-integrated .ve-badge{
  padding:6px 9px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.23);
  color:#64748b;
  font-size:12px;
  font-weight:800;
}
.vega-employee-integrated .ve-badge.green{background:#ecfdf5;color:#047857}
.vega-employee-integrated .ve-badge.yellow{background:#fffbeb;color:#b45309}
.vega-employee-integrated .ve-badge.red{background:#fef2f2;color:#b91c1c}
.vega-employee-integrated .ve-code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:12px;
  background:#f8fafc;
  color:#1e40af;
  padding:8px;
  border-radius:10px;
  word-break:break-word;
}
.vega-employee-integrated .ve-input,
.vega-employee-integrated .ve-textarea,
.vega-employee-integrated .ve-select{
  width:100%;
  border:1px solid rgba(148,163,184,.32);
  background:#fff;
  color:#071326;
  border-radius:14px;
  padding:11px 12px;
  font:inherit;
}
.vega-employee-integrated .ve-textarea{min-height:110px;resize:vertical}
.vega-employee-integrated .ve-form{display:grid;gap:10px}
.vega-employee-integrated .ve-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:1100px){
  .vega-employee-integrated .ve-layout{grid-template-columns:1fr}
  .vega-employee-integrated .ve-kpis{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .vega-employee-integrated .ve-kpis{grid-template-columns:1fr}
  .vega-employee-integrated h1{font-size:32px}
}

#vegaEmployeePanelRoute{
  display:none;
  position:fixed;
  z-index:9998;
  overflow:auto;
  padding:30px 34px 60px;
  background:#eef4fb;
  border-left:1px solid rgba(148,163,184,.22);
}

body.vega-employee-route-open{
  overflow:hidden;
}

.vega-employee-integrated{
  max-width:1500px;
  margin:0 auto;
}