body { margin: 0; font-family: Arial, sans-serif; color: #1f2933; background: #f6f4ef; }
    header { padding: 22px 32px; background: #132f2f; color: white; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
    .brand { display: flex; align-items: center; gap: 20px; min-width: 0; }
    .brand-logo { width: 260px; max-width: 34vw; background: white; border-radius: 4px; padding: 8px 12px; }
    header h1 { margin: 0 0 6px; font-size: 28px; color: white; }
    header p { margin: 0; color: #d9e8df; }
    .prepared { font-size: 13px; color: #d9e8df; white-space: nowrap; align-self: flex-start; }
    main { padding: 22px 32px; display: grid; gap: 18px; }
    .kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
    .card { background: white; border: 1px solid #bed3c8; border-radius: 8px; padding: 16px; overflow-x: auto; }
    .kpis .card { background: #e8f5e9; border-color: #b9d8bc; }
    .value { font-size: 24px; font-weight: 700; margin-top: 4px; }
    .label { color: #66757f; font-size: 13px; }
    .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 18px; }
    table { width: 100%; border-collapse: collapse; font-size: 12px; background: white; }
    th, td { padding: 8px; border-bottom: 1px solid #e5e0d8; text-align: right; vertical-align: top; }
    th:first-child, td:first-child { text-align: left; }
    td:last-child, th:last-child { text-align: left; min-width: 260px; }
    .weekly-table th:nth-child(2), .weekly-table td:nth-child(2),
    .weekly-table th:nth-child(6), .weekly-table td:nth-child(6),
    .weekly-table th:nth-child(9), .weekly-table td:nth-child(9) { background: #eeeeee; }
    .commitments-table tr.status-alert td { background: #fde2e2; color: #7f1d1d; font-weight: 700; }
    .weekly-table tbody tr:last-child td,
    .commitments-table tr.total-row td { font-weight: 700; }
    .status-badge { display: inline-block; border-radius: 999px; padding: 4px 9px; font-size: 11px; font-weight: 700; line-height: 1; white-space: nowrap; }
    .status-planning { background: #eef2f7; color: #344054; }
    .status-planned { background: #e6f0ff; color: #1849a9; }
    .status-in-progress { background: #e8f5e9; color: #1b5e20; }
    .status-ongoing { background: #fff7d6; color: #7a4b00; }
    .objective-card { background: #e8f5e9; border-color: #9dc7ad; }
    .objective-text { font-size: 18px; font-weight: 700; line-height: 1.45; max-width: 1100px; }
    .targets { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; margin-top: 14px; }
    .target-box { background: white; border: 1px solid #e5dca8; border-radius: 8px; padding: 12px; }
    .small-value { font-size: 20px; }
    h2 { margin: 0 0 12px; font-size: 18px; color: #132f2f; }
    @media (max-width: 760px) {
      header { align-items: flex-start; flex-direction: column; }
      .brand { align-items: flex-start; flex-direction: column; }
      .brand-logo { max-width: 82vw; width: 240px; }
      .prepared { align-self: auto; }
    }