:root{
  --ic-primary:#10d8cf;
  --ic-dark:#071b1f;
  --ic-text:#15252c;
  --ic-muted:#667085;
  --ic-bg:#f6fafb;
  --ic-card:#ffffff;
  --ic-border:#dbe7ea;
}
*{box-sizing:border-box}
body{margin:0;background:var(--ic-bg);font-family:Arial,Helvetica,sans-serif;color:var(--ic-text)}
.ic-wrap{max-width:1180px;margin:30px auto;padding:20px}
.card,.ic-card{background:#fff;border:1px solid var(--ic-border);border-radius:18px;padding:22px;box-shadow:0 12px 30px rgba(7,27,31,.08)}
h1{margin:0 0 15px;font-size:28px;color:var(--ic-dark)}
label{display:block;font-weight:700;margin:12px 0 6px}
input,select{width:100%;border:1px solid var(--ic-border);border-radius:12px;padding:13px 14px;font-size:15px;background:#fff}
.btn-primary,.btn-secondary,.btn-warning{border:0;border-radius:13px;padding:13px 18px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}
.btn-primary{background:linear-gradient(135deg,#10d8cf,#0bb5ff);color:#021315;box-shadow:0 10px 20px rgba(16,216,207,.25)}
.btn-secondary{background:#102a32;color:#fff}
.btn-warning{background:#ffb020;color:#111}
.alert{background:#e9fffb;border:1px solid #9ef1e9;border-radius:14px;padding:14px;margin:14px 0;color:#07534f}
.report-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}
.ic-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--ic-border);border-radius:16px;overflow:hidden}
.ic-table th{background:#f0f6f8;color:#23343b;text-align:left;padding:13px;font-size:13px;text-transform:uppercase}
.ic-table td{padding:13px;border-top:1px solid var(--ic-border);font-size:14px}
@media(max-width:768px){
  .ic-wrap{padding:12px;margin:10px auto}
  .report-head{display:block}
  .ic-table{display:block;overflow-x:auto;white-space:nowrap}
  .btn-primary,.btn-secondary,.btn-warning{width:100%;text-align:center;margin:6px 0}
}