:root{
  --sr-yellow:#FFC107;
  --sr-dark:#111111;
  --sr-muted:#6c757d;
  --sr-bg:#0f1216;
}
html,body{height:100%}
body{
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Noto Sans",sans-serif;
  color:#1b1f24;
}
.navbar{border-bottom:1px solid rgba(0,0,0,.06)}
.brand-mark{display:flex;align-items:center;gap:.6rem}
.brand-mark img{height:36px;width:auto}
.hero{
  background: linear-gradient(120deg, rgba(255,193,7,.92) 0%, rgba(255,193,7,.92) 32%, rgba(15,18,22,.92) 32%, rgba(15,18,22,.92) 100%),
              url('img/hero.jpg') center/cover no-repeat;
  min-height:78vh;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
}
.hero::after{
  content:"";
  position:absolute;inset:0;
  background: radial-gradient(circle at 70% 25%, rgba(255,255,255,.12), transparent 45%);
  pointer-events:none;
}
.hero .card{
  background: rgba(15,18,22,.72);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(8px);
}
.kpi{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.kpi .chip{
  background: rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  padding:8px 12px;
  border-radius:999px;
  font-size:.92rem;
}
.section-title{font-weight:800;letter-spacing:.2px}
.section-sub{color:var(--sr-muted)}
.banner-img{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 10px 25px rgba(0,0,0,.10);
}
.icon-card{border:1px solid rgba(0,0,0,.08);border-radius:18px}
.icon-card .badge{background: var(--sr-yellow);color:#111;font-weight:700}
.table thead th{
  background:#111;
  color:#fff;
  position:sticky;
  top:0;
  z-index:2;
}
.footer{background:#0f1216;color:#cbd5e1}
.footer a{color:#fff;text-decoration:none}
.footer a:hover{text-decoration:underline}
.btn-sr{
  background: var(--sr-yellow);
  color:#111;
  font-weight:700;
  border:0;
}
.btn-sr:hover{filter:brightness(.95)}
.form-control,.form-select{border-radius:14px}
.card{border-radius:18px}
.badge-soft{
  background: rgba(255,193,7,.18);
  color:#111;
  border:1px solid rgba(255,193,7,.35);
}
small.mono{font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}