body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI";
  background:#0b1220;
  color:#e5e7eb;
  padding:30px;
}

/* TITLE */
h1{
  font-size:36px;
  font-weight:800;
  margin-bottom:25px;
}

/* TOPBAR */
.topbar{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:20px;
}

/* CARD */
.card{
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;
  padding:14px 18px;
  backdrop-filter: blur(10px);
}

.card.big{
  padding:18px;
  min-width:300px;
}

/* TEXT */
.label{
  font-size:12px;
  opacity:0.6;
}

.value{
  font-size:26px;
  font-weight:800;
}

/* INPUT */
.search, input, select{
  padding:12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.1);
  background:rgba(255,255,255,0.05);
  color:white;
}

/* GRID */
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:15px;
}

/* ROW */
.row{
  display:flex;
  justify-content:space-between;
  margin:6px 0;
}

/* STATUS */
.status{
  margin-top:10px;
  font-weight:700;
}

.low{ color:#ef4444; }
.medium{ color:#f59e0b; }
.good{ color:#22c55e; }

/* AI */
.ai{
  margin-top:8px;
  padding:8px;
  background:rgba(59,130,246,0.1);
  border-radius:10px;
}

/* BUTTON */
.btn{
  padding:10px 14px;
  border:none;
  border-radius:10px;
  cursor:pointer;
  background:#1f2937;
  color:white;
}

.btn.primary{ background:#3b82f6; }
.btn.success{ background:#10b981; }
.btn.danger{ background:#ef4444; }

.actions{
  display:flex;
  gap:8px;
  margin-top:10px;
}

/* LOG */
.logs{
  margin-top:40px;
}