/* --- BASE --- */
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:#f4f6fb;
  color:#1f2937;
  padding:24px;
}

.container{
  max-width:1100px;
  margin:0 auto;
}

/* --- TITLES --- */
h1{
  margin-bottom:20px;
  font-size:28px;
  font-weight:700;
}

h2, h3{
  margin:30px 0 10px;
  font-size:18px;
  font-weight:700;
  color:#1e293b;
}

/* --- CARD --- */
.card{
  background:#fff;
  border-radius:12px;
  padding:16px;
  box-shadow:0 6px 20px rgba(0,0,0,0.06);
  margin-bottom:20px;
}

/* --- TABLE WRAPPER --- */
.table-wrapper{
  overflow:auto;
  border-radius:12px;
}

/* --- TABLE --- */
table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
  font-size:14px;
  min-width:800px;
}

thead{
  background:linear-gradient(135deg,#3b82f6,#2563eb);
  color:#fff;
}

th{
  font-weight:600;
  text-align:left;
}

th, td{
  padding:10px 12px;
  border-bottom:1px solid #eef2f7;
}

/* --- ROWS --- */
tbody tr:hover td{
  background:#f8fafc;
}

tbody tr:nth-child(even){
  background:#fafbff;
}

/* --- RECORD HIGHLIGHT --- */
.record{
  font-weight:700;
  color:#16a34a;
}

/* --- SMALL TEXT --- */
.small{
  font-size:12px;
  color:#6b7280;
}

/* --- SECTION SEPARATOR --- */
.section{
  margin-bottom:30px;
}

/* --- HEADER (якщо лишиться текст з docx) --- */
p{
  margin:6px 0;
  line-height:1.4;
}

/* --- MOBILE --- */
@media (max-width:768px){
  body{
    padding:12px;
  }

  h1{
    font-size:22px;
  }

  table{
    font-size:13px;
  }

  th, td{
    padding:8px;
  }
}