/* Theme: Dark background with deep orange highlights and black-orange gradients + glassmorphism cards */
:root{
  --bg-dark: #0f1722; /* uniform dark like the screenshot */
  --bg-darker: #0b121b;
  --glass-bg: rgba(255,255,255,0.04);
  --glass-border: rgba(255,255,255,0.12);
  --text: #e9eaee;
  --muted: #a7acb9;
  --orange: #ff6a00; /* deep orange highlight */
  --orange-2: #ff8a1f;
}

html, body{
  /* Flat solid background as requested */
  background: var(--bg-dark);
  color: var(--text);
}

/* Glass cards */
.card{
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  backdrop-filter: blur(8px) saturate(120%);
  -webkit-backdrop-filter: blur(8px) saturate(120%);
  border-radius: 14px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.45);
}
.card .card-header{
  background: linear-gradient(135deg, rgba(255,106,0,0.25), rgba(255,138,31,0.15)) !important;
  border-bottom-color: var(--glass-border) !important;
  color: var(--text) !important;
}

/* Buttons */
.btn-primary{ background: linear-gradient(135deg, var(--orange), var(--orange-2)); border: none; color: #111; }
.btn-warning, .btn-info{ background: linear-gradient(135deg, var(--orange), var(--orange-2)); border: none; color: #111; }
.btn-success{ background: linear-gradient(135deg, var(--orange), var(--orange-2)); border: none; color: #111; }
.btn-danger{ border: none; }
.btn:hover, .btn:active{ filter: brightness(0.95); }
.btn:focus{ box-shadow: 0 0 0 0.2rem rgba(255,106,0,0.35) !important; }

/* Navbar */
.navbar{
  background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.25) 100%) !important;
  border-bottom: 1px solid var(--glass-border);
}

/* Sidebar */
#sidebar-wrapper{
  background: #0c141f;
  border-right: 1px solid var(--glass-border);
}
#sidebar-wrapper .list-group-item{
  background: transparent;
  color: var(--text);
  border-color: transparent;
}
#sidebar-wrapper .list-group-item:hover{
  background: rgba(255,106,0,0.12);
  color: #fff;
}
#sidebar-wrapper .list-group-item.active{
  background: linear-gradient(135deg, var(--orange), var(--orange-2));
  color: #111;
  border: none;
}

/* Tables / DataTable */
.table, .dataTable{
  color: var(--text);
}
.table thead th{
  border-bottom-color: var(--glass-border);
}
.table td, .table th{
  border-top-color: var(--glass-border);
}

/* Footer */
.app-footer{
  margin-top: 16px;
  padding: 10px 0;
  color: var(--muted);
  font-size: 12px;
  border-top: 1px solid var(--glass-border);
  background: transparent;
}
.table-striped tbody tr:nth-of-type(odd){
  background-color: rgba(255,255,255,0.02);
}
.table-hover tbody tr:hover{
  background-color: rgba(255,106,0,0.08);
}

/* Forms */
.form-control{
  background: rgba(255,255,255,0.06);
  border: 1px solid var(--glass-border);
  color: var(--text);
}
.form-control:focus{
  background: rgba(255,255,255,0.09);
  color: #fff;
  border-color: rgba(255,106,0,0.5);
  box-shadow: 0 0 0 0.2rem rgba(255,106,0,0.25);
}

/* Links */
a{ color: var(--orange); }
a:hover{ color: var(--orange-2); text-decoration: none; }

/* Login logo and container spacing */
.login-logo{ filter: drop-shadow(0 8px 20px rgba(255,106,0,0.25)); }

/* Utility */
.badge-orange{ background: var(--orange); color: #111; }
.text-orange{ color: var(--orange)!important; }
.border-orange{ border-color: rgba(255,106,0,0.5)!important; }

/* Modals */
.modal-content{
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  backdrop-filter: blur(8px) saturate(120%);
  -webkit-backdrop-filter: blur(8px) saturate(120%);
}
.modal-header{
  background: linear-gradient(135deg, rgba(255,106,0,0.25), rgba(255,138,31,0.15));
  border-bottom: 1px solid var(--glass-border);
  color: var(--text);
}
.modal-footer{
  background: transparent;
  border-top: 1px solid var(--glass-border);
}

/* Alerts */
.alert{
  background: rgba(255,255,255,0.06);
  border: 1px solid var(--glass-border);
  color: var(--text);
}
.alert-info{ border-left: 3px solid var(--orange); }
.alert-danger{ background: rgba(255,0,0,0.08); border-color: rgba(255,0,0,0.25); }