:root{
  --st-font: Arial, "Segoe UI", sans-serif;
  --primary:#2563eb;
  --primary-hover:#1d4ed8;
  --success:#10b981;
  --warning:#f59e0b;
  --danger:#ef4444;
  --dark:#0f172a;
  --surface:#111827;
  --card:#1e293b;
  --text:#e5e7eb;
  --muted:#94a3b8;
  --radius:14px;
}

body,
button,
input,
select,
textarea,
table{
  font-family:var(--st-font) !important;
}

.btn,
button[type=submit],
button{
  border-radius:14px;
  font-weight:600;
  transition:.25s ease;
}

.btn:hover,
button:hover{
  transform:translateY(-2px);
}

.btn-primary,
.btn-blue{
  background:var(--primary) !important;
  color:#fff !important;
}

.btn-success,
.btn-green{
  background:var(--success) !important;
  color:#fff !important;
}

.btn-warning,
.btn-yellow{
  background:var(--warning) !important;
  color:#fff !important;
}

.btn-danger,
.btn-red{
  background:var(--danger) !important;
  color:#fff !important;
}

.card,
.stat-card,
.nas-card,
.panel,
.box{
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 30px rgba(0,0,0,.15);
}

table{
  width:100%;
  border-collapse:collapse;
}

tbody tr:hover{
  background:rgba(37,99,235,.08);
}

.sidebar{
  background:#0f172a !important;
}

.sidebar a:hover,
.sidebar a.active{
  background:#2563eb !important;
  color:#fff !important;
}

.topbar,
.header{
  background:#111827 !important;
}