:root{
  --background: 220 41% 10%;
  --foreground: 220 15% 90%;
  --card: 220 30% 14%;
  --card-foreground: 220 15% 90%;
  --primary: 35 80% 60%;
  --primary-foreground: 220 25% 15%;
  --secondary: 220 22% 20%;
  --secondary-foreground: 220 15% 90%;
  --muted: 220 22% 20%;
  --muted-foreground: 220 12% 70%;
  --accent: 35 80% 60%;
  --accent-foreground: 220 25% 15%;
  --border: 220 22% 22%;
  --input: 220 22% 22%;
  --ring: 35 80% 60%;
  --radius: .75rem;
}

body{font-family:system-ui, sans-serif;margin:2rem;background:hsl(var(--background));color:hsl(var(--foreground))}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}
.card{background:hsl(var(--card));border:1px solid hsl(var(--border));padding:1rem;border-radius:12px;margin-bottom:1rem;color:hsl(var(--card-foreground))}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
button,.btn{padding:.6rem 1rem;border-radius:10px;border:1px solid hsl(var(--primary));background:hsl(var(--primary));color:hsl(var(--primary-foreground));display:inline-block;text-decoration:none;text-align:center}
.btn.secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border))}
input,textarea,select{width:100%;padding:.5rem;border:1px solid hsl(var(--input));border-radius:8px;margin:.25rem 0 .75rem;background:hsl(var(--card));color:hsl(var(--foreground))}
.badge{display:inline-block;padding:.2rem .5rem;border-radius:999px;background:hsl(var(--secondary));border:1px solid hsl(var(--border));font-size:.8rem}
small{color:hsl(var(--muted-foreground))}
.nav a{margin-right:1rem;text-decoration:none;color:hsl(var(--foreground))}
.hero{padding:1.25rem;border:1px dashed hsl(var(--border));border-radius:12px;background:hsl(220 30% 12%)}
.section-title{margin:.25rem 0 1rem}
.list{margin:.25rem 0 0 1.25rem}
.muted{color:hsl(var(--muted-foreground))}
.meter{height:10px;background:hsl(220 15% 18%);border-radius:999px;overflow:hidden;border:1px solid hsl(220 25% 30%);margin:.35rem 0 .6rem;display:block}
.meter > span{display:block;height:100%;background:linear-gradient(90deg,#fbbf24,#f97316)}
.stat{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;margin:.25rem 0 .1rem}
.panel{border:1px solid hsl(var(--border));border-radius:14px;padding:1rem;background:hsl(220 30% 12%)}
.panel h3{margin:.25rem 0 .75rem}
.pill{display:inline-block;padding:.25rem .6rem;border-radius:999px;background:hsl(var(--secondary));border:1px solid hsl(var(--border));font-size:.75rem}
.kpi{display:flex;gap:1rem;flex-wrap:wrap}
.kpi .card{flex:1;min-width:180px}
.strip{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;justify-content:space-between}
.tile{border:1px solid hsl(var(--border));border-radius:12px;padding:.75rem;background:hsl(220 30% 12%)}
.timeline li{margin:.35rem 0}
.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0 1rem}
.tab{padding:.4rem .7rem;border-radius:999px;border:1px solid hsl(var(--border));background:hsl(var(--secondary));color:hsl(var(--foreground));text-decoration:none;font-size:.85rem}
.tab:focus,.tab:hover{border-color:hsl(var(--primary));color:hsl(var(--primary-foreground));background:hsl(var(--primary))}
.section{margin-top:1rem}