:root{
  --ids-bg:#0f1115; --ids-panel:#151a21; --ids-text:#e9edf4; --ids-muted:#9aa4b2;
  --ids-accent:#4b93ff; --ids-good:#33d69f; --ids-bad:#ff6b6b; --ids-warn:#ffce4b;
  --ids-border:#232a36; --ids-chip:#1b2230; --ids-chip-br:#2a3343;
}
#ids-load-calculator * { box-sizing:border-box; }
#ids-load-calculator{
  color:var(--ids-text); background:var(--ids-bg);
  padding:20px; border-radius:14px; border:1px solid var(--ids-border);
  font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
}
@media (max-width:720px){
  #ids-load-calculator{
    padding-left:8px; padding-right:8px;
    margin-left:0; margin-right:0;
    border-left:none; border-right:none; border-radius:0;
  }
}
.ids-section{ background:var(--ids-panel); border:1px solid var(--ids-border); border-radius:14px; padding:16px; margin:14px 0; }
.ids-title{ font-size:18px; font-weight:700; margin:0 0 4px; }
.ids-sub{ color:var(--ids-muted); margin:0 0 12px; }
.ids-grid{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; }
@media (max-width:720px){ .ids-grid{ grid-template-columns:1fr; } }
.ids-row{ display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.ids-field{ display:flex; flex-direction:column; gap:6px; }
.ids-field label{ color:var(--ids-muted); font-weight:600; }
.ids-field input, .ids-field select{
  background:#0c1016; color:var(--ids-text); border:1px solid var(--ids-border);
  padding:10px 12px; border-radius:10px; outline:none; width:100%;
}
.ids-field input:focus, .ids-field select:focus{ border-color:var(--ids-accent); }
.ids-radio{ display:flex; gap:12px; flex-wrap:wrap; }
.ids-radio label{ display:flex; align-items:center; gap:6px; cursor:pointer; }
.ids-btn{ background:var(--ids-accent); color:#fff; border:none; padding:10px 14px; border-radius:10px; cursor:pointer; font-weight:700; }
.ids-btn.secondary{ background:#2a3343; }
.ids-btn:disabled{ opacity:.6; cursor:not-allowed; }
.ids-chip{ display:inline-flex; gap:8px; align-items:center; background:var(--ids-chip); border:1px solid var(--ids-chip-br);
  color:var(--ids-muted); padding:6px 10px; border-radius:999px; font-weight:600; font-size:12px; }
.ids-badge{ display:inline-block; padding:4px 8px; border-radius:999px; font-weight:700; font-size:12px; }
.ids-badge.good{ background:rgba(51,214,159,.1); color:var(--ids-good); border:1px solid rgba(51,214,159,.3); }
.ids-badge.bad{ background:rgba(255,107,107,.1); color:var(--ids-bad); border:1px solid rgba(255,107,107,.3); }
.ids-out{ display:grid; gap:12px; margin-top:10px; }
.ids-card{ background:var(--ids-panel); border:1px solid var(--ids-border); border-radius:14px; padding:16px; }
.ids-hero{
  display:grid; grid-template-columns: 1fr auto; gap:10px; align-items:center;
  background:linear-gradient(180deg, rgba(75,147,255,.08), rgba(0,0,0,0));
  border:1px solid var(--ids-border); border-radius:14px; padding:16px;
}
.ids-hero .big{ font-size:32px; font-weight:900; }
.ids-hero .big.good{ color:var(--ids-good); }
.ids-hero .big.bad{ color:var(--ids-bad); }
.ids-hero .minor{ display:flex; gap:10px; flex-wrap:wrap; }
.ids-hero .meta{ color:var(--ids-muted); font-size:12px; margin-top:4px; }
.ids-kpis{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:12px; }
@media (max-width:720px){ .ids-kpis{ grid-template-columns:1fr; } }
.ids-kpi{ background:#0c1016; border:1px dashed var(--ids-border); border-radius:12px; padding:12px; }
.ids-kpi .label{ color:var(--ids-muted); font-size:12px; }
.ids-kpi .value{ font-weight:800; font-size:18px; }
.ids-kv{ display:grid; grid-template-columns: 1fr auto; gap:6px; }
.ids-kv div{ padding:6px 0; border-bottom:1px dashed var(--ids-border); }
.ids-kv div:last-child{ border-bottom:none; }
.ids-val{ font-weight:800; }
.ids-val.good{ color:var(--ids-good); }
.ids-val.bad{ color:var(--ids-bad); }
.ids-progress{ background:#0c1016; border:1px solid var(--ids-border); height:10px; border-radius:999px; overflow:hidden; }
.ids-progress > div{ height:100%; background:linear-gradient(90deg, var(--ids-accent), #7fb3ff); width:0%; }
.ids-note{ color:var(--ids-muted); font-size:12px; margin-top:8px; }