:root{
  --primary:#E8741F;
  --bg:#0b0b0b;
  --card:#111;
  --text:#f5f5f5;
  --muted:#bdbdbd;
  --border:#232323;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: linear-gradient(180deg, #000 0%, #090909 100%);
  color:var(--text);
}
a{color:inherit}
.container{max-width:980px;margin:0 auto;padding:16px}
.topbar{
  display:flex;align-items:center;gap:12px;justify-content:space-between;
  padding:14px 16px;border-bottom:1px solid var(--border);
  position:sticky;top:0;background:rgba(0,0,0,.85);backdrop-filter: blur(6px);
}
.brand{display:flex;align-items:center;gap:10px}
.brand img{width:40px;height:40px;border-radius:10px}
.brand .t{line-height:1}
.brand .t b{display:block}
.badge{font-size:12px;color:var(--muted)}
.nav{
  display:flex;gap:10px;flex-wrap:wrap
}
.btn{
  border:1px solid var(--border);
  background:#0f0f0f;
  color:var(--text);
  padding:10px 12px;
  border-radius:14px;
  text-decoration:none;
  display:inline-flex;gap:8px;align-items:center;
}
.btn.primary{background:var(--primary);border-color:transparent;color:#111;font-weight:700}
.btn.danger{background:#b91c1c;border-color:transparent}
.card{
  background:rgba(17,17,17,.9);
  border:1px solid var(--border);
  border-radius:18px;
  padding:14px;
  margin:14px 0;
}
.grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
@media(min-width:860px){
  .grid.two{grid-template-columns:1fr 1fr}
  .grid.three{grid-template-columns:1fr 1fr 1fr}
}
label{font-size:12px;color:var(--muted);display:block;margin:0 0 6px}
input, textarea{
  width:100%;
  padding:12px;
  border-radius:14px;
  border:1px solid var(--border);
  background:#0c0c0c;
  color:var(--text);
  outline:none;
}
textarea{min-height:90px;resize:vertical}
.table{
  width:100%;
  border-collapse:separate;
  border-spacing:0 10px;
}
.table td, .table th{padding:10px 12px;text-align:left;font-size:14px}
.row{
  background:#0e0e0e;border:1px solid var(--border);
}
.row td:first-child{border-top-left-radius:14px;border-bottom-left-radius:14px}
.row td:last-child{border-top-right-radius:14px;border-bottom-right-radius:14px}
.kpi{font-size:22px;font-weight:800}
.small{font-size:12px;color:var(--muted)}
.hr{height:1px;background:var(--border);margin:12px 0}