:root{
  --hud-bg:#0a0f1c;
  --hud-surface:#121a2b;
  --hud-surface-2:#0f1728;
  --hud-line:rgba(255,255,255,.08);
  --hud-line-soft:rgba(255,255,255,.05);
  --hud-text:#dfe7f5;
  --hud-muted:#8b9bb7;
  --hud-accent:#00acac;
  --hud-accent-2:#348fe2;
  --hud-danger:#ff5b57;
}
html{background:var(--hud-bg)}
body{
  background:
    radial-gradient(circle at top left, rgba(0,172,172,.08), transparent 26%),
    radial-gradient(circle at top right, rgba(52,143,226,.12), transparent 30%),
    linear-gradient(180deg,#0a0f1c 0%, #0b1220 100%) !important;
}
#layout-wrapper{padding-left:17rem}
.panel-sidebar{
  width:17rem;
  background:linear-gradient(180deg, rgba(18,26,43,.98), rgba(11,17,31,.98)) !important;
  border-right:1px solid rgba(0,172,172,.16);
  box-shadow:0 0 0 1px rgba(0,0,0,.3), 18px 0 40px rgba(0,0,0,.24);
}
.panel-sidebar .container-fluid{padding:1rem .85rem 1.2rem .85rem}
.panel-sidebar .navbar-brand{margin:0 0 .8rem 0; padding:0 .4rem .9rem .4rem; border-bottom:1px solid var(--hud-line-soft)}
.brand-mark,
.brand-logo-wrap{
  box-shadow:0 0 0 1px rgba(255,255,255,.05), 0 14px 35px rgba(0,0,0,.28);
}
.brand-mark{background:linear-gradient(135deg,var(--hud-accent),var(--hud-accent-2))}
.brand-title{font-size:.95rem; letter-spacing:.05em; text-transform:uppercase}
.brand-subtitle{color:#6f86a8; text-transform:uppercase; letter-spacing:.12em; font-size:.62rem}
.panel-sidebar .nav-link{
  border-radius:.7rem;
  margin:.12rem 0;
  padding:.78rem .85rem;
  border:1px solid transparent;
  font-size:.92rem;
}
.panel-sidebar .nav-link:hover{
  border-color:rgba(0,172,172,.16);
  background:linear-gradient(90deg, rgba(0,172,172,.1), rgba(52,143,226,.05));
}
.panel-sidebar .nav-link-icon{color:#55d6d2}
.dropdown-group.active>.nav-link,
.dropdown-group>.nav-link[aria-expanded="true"],
.panel-subnav .nav-link.active{
  background:linear-gradient(90deg, rgba(0,172,172,.18), rgba(52,143,226,.08)) !important;
  border-color:rgba(0,172,172,.22) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 0 0 1px rgba(0,172,172,.05);
}
.panel-subnav{border-left-color:rgba(0,172,172,.14)}
.panel-subnav-nested{border-left-color:rgba(52,143,226,.14)}
.panel-topbar{
  margin:1rem 1.25rem 0 1.25rem;
  padding:.9rem 1rem;
  border:1px solid rgba(0,172,172,.14);
  border-radius:1rem;
  background:linear-gradient(180deg, rgba(18,26,43,.9), rgba(12,18,33,.82));
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.page-content{padding:1rem 1.25rem 0 1.25rem}
.hud-topbar-shell .container-fluid{padding:0}
.hud-topbar-chip{
  align-items:center;
  gap:.55rem;
  border:1px solid rgba(0,172,172,.18);
  background:rgba(0,172,172,.08);
  color:#8ce8e4;
  border-radius:999px;
  padding:.44rem .8rem;
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.hud-topbar-chip__dot{width:.48rem;height:.48rem;border-radius:50%;background:var(--hud-accent);box-shadow:0 0 0 4px rgba(0,172,172,.12)}
.status-chip{
  border-color:rgba(0,172,172,.18);
  background:rgba(0,172,172,.08);
  color:#c9fbf8;
}
.status-dot{background:var(--hud-accent); box-shadow:0 0 0 4px rgba(0,172,172,.12)}
.panel-mini-stat,
.hud-mini-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.07);
}
.card,
.modal-content,
.dropdown-menu,
.list-group-item,
.twitter-bs-wizard .tab-content{
  background:linear-gradient(180deg, rgba(18,26,43,.98), rgba(13,20,36,.98)) !important;
  border-color:rgba(0,172,172,.14) !important;
  box-shadow:0 18px 38px rgba(0,0,0,.22);
}
.card-header,
.twitter-bs-wizard .twitter-bs-wizard-nav{
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01));
  border-bottom:1px solid rgba(0,172,172,.12) !important;
}
.table thead th{
  color:#9eb2d0;
  font-size:.75rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.table tbody tr:hover td{background:rgba(255,255,255,.02)}
.form-control,.form-select,textarea,select,input[type=text],input[type=password],input[type=url],.custom-select{
  background:#0b1324 !important;
  border-color:rgba(0,172,172,.14) !important;
  color:var(--hud-text) !important;
}
.form-control:focus,.form-select:focus,textarea:focus,.custom-select:focus{
  border-color:rgba(0,172,172,.42) !important;
  box-shadow:0 0 0 .2rem rgba(0,172,172,.14) !important;
}
.btn-primary,.btn-success{
  background:linear-gradient(135deg, var(--hud-accent), var(--hud-accent-2)) !important;
  border:0 !important;
  box-shadow:0 12px 24px rgba(0,172,172,.16);
}
.btn-primary:hover,.btn-success:hover{filter:brightness(1.05)}
.btn-outline-primary{
  color:#8ce8e4 !important;
  border-color:rgba(0,172,172,.24) !important;
  background:rgba(0,172,172,.04) !important;
}
.btn-outline-primary:hover{background:rgba(0,172,172,.12) !important}
.page-title-box{
  margin-bottom:1rem;
  padding:.1rem .1rem .95rem .1rem;
  border-bottom:1px solid rgba(0,172,172,.1);
}
.breadcrumb-item.active,
.breadcrumb-item a{color:#80d4ff !important}
.twitter-bs-wizard .twitter-bs-wizard-nav{display:flex;flex-wrap:wrap;gap:.55rem;padding:1rem;border-radius:1rem 1rem 0 0}
.twitter-bs-wizard .twitter-bs-wizard-nav .nav-item{flex:1 1 120px}
.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link{
  display:flex;align-items:center;gap:.7rem;justify-content:flex-start;
  border:1px solid rgba(0,172,172,.14);border-radius:.85rem;padding:.8rem .9rem;
  background:rgba(255,255,255,.02);min-height:64px;
}
.twitter-bs-wizard .twitter-bs-wizard-nav .step-number{
  width:2rem;height:2rem;border-radius:.7rem;display:grid;place-items:center;
  background:linear-gradient(135deg, rgba(0,172,172,.22), rgba(52,143,226,.14));
  color:#dffefe;font-weight:700;flex:none;
}
.twitter-bs-wizard .tab-content{padding:1rem 1.1rem 1.1rem 1.1rem;border-radius:0 0 1rem 1rem}
.twitter-bs-wizard .pager{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0 0;margin:0;list-style:none}
.twitter-bs-wizard .pager li a{
  display:inline-flex;align-items:center;justify-content:center;min-width:120px;padding:.75rem 1rem;
  border-radius:.8rem;background:rgba(255,255,255,.03);border:1px solid rgba(0,172,172,.14);color:#dce8fb;text-decoration:none;
}
.square-switch label{border-color:rgba(0,172,172,.18) !important}
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select{margin-left:.35rem}
.dashboard-ref-header,
.dashboard-ref-panel,
.dashboard-ref-stat{position:relative;overflow:hidden}
.dashboard-ref-header::after,
.dashboard-ref-panel::after,
.dashboard-ref-stat::after{
  content:"";position:absolute;inset:auto -20% auto auto;width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle, rgba(0,172,172,.08), transparent 68%);pointer-events:none;
}
.footer{margin:1rem 1.25rem 1.25rem 1.25rem;padding:0;border:0;background:transparent}
.panel-footer{
  background:linear-gradient(180deg, rgba(18,26,43,.78), rgba(12,18,33,.74));
  border:1px solid rgba(0,172,172,.12);
  border-radius:1rem;
  padding:1rem .25rem;
}
@media (max-width: 991.98px){
  #layout-wrapper{padding-left:0}
  .panel-topbar,.footer{margin-left:1rem;margin-right:1rem}
  .panel-sidebar{width:17rem}
}