.elementor-11521 .elementor-element.elementor-element-f4a3a1f{--display:flex;--padding-top:10px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-11521 .elementor-element.elementor-element-f4a3a1f:not(.elementor-motion-effects-element-type-background), .elementor-11521 .elementor-element.elementor-element-f4a3a1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-3ba4fc9 */*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  :root {
    --blue-50: #E6F1FB; --blue-100: #B5D4F4; --blue-600: #185FA5; --blue-800: #0C447C;
    --teal-50: #E1F5EE; --teal-100: #9FE1CB; --teal-600: #0F6E56; --teal-800: #085041;
    --amber-50: #FAEEDA; --amber-100: #FAC775; --amber-600: #854F0B; --amber-800: #633806;
    --pink-50: #FBEAF0; --pink-100: #F4C0D1; --pink-600: #993556; --pink-800: #72243E;
    --gray-50: #F8F7F4; --gray-100: #EEECEA; --gray-200: #D3D1C7; --gray-700: #444441; --gray-900: #1a1917;
  }

 
  .page-header {
    text-align: center;
    margin-bottom: 48px;
  }

  .page-header .label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #888780;
    margin-bottom: 10px;
  }

  .page-header h1 {
    font-family: "Nimbus Roman D", Sans-serif;
    font-size: clamp(28px, 5vw, 46px);
    font-weight: 400;
    color: var(--gray-900);
    line-height: 1.15;
  }

  .page-header h1 span {
    color: var(--blue-600);
  }

  .page-header .divider {
    width: 48px;
    height: 3px;
    background: var(--blue-600);
    margin: 18px auto 0;
    border-radius: 2px;
  }

  .container {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 28px;
  }

  .section {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.04);
  }

  .section-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 24px;
  }

  .section-header .icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .section-header .icon svg {
    width: 18px;
    height: 18px;
  }

  .section-header h2 {
    font-family: "Nimbus Roman D", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-top: 15px !important;
  }

  .section-header .count {
    margin-left: auto;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 999px;
  }

  /* Color themes */
  .theme-blue .section-header { background: var(--blue-50); border-bottom: 1px solid var(--blue-100); }
  .theme-blue .section-header .icon { background: var(--blue-100); }
  .theme-blue .section-header .icon svg { color: var(--blue-600); }
  .theme-blue .section-header h2 { color: var(--blue-800); }
  .theme-blue .section-header .count { background: var(--blue-100); color: var(--blue-600); }
  .theme-blue .due-pill { background: var(--blue-50); color: var(--blue-600); border: 1px solid var(--blue-100); }
  .theme-blue tbody tr:nth-child(even) td { background: #f7fbff; }

  .theme-teal .section-header { background: var(--teal-50); border-bottom: 1px solid var(--teal-100); }
  .theme-teal .section-header .icon { background: var(--teal-100); }
  .theme-teal .section-header .icon svg { color: var(--teal-600); }
  .theme-teal .section-header h2 { color: var(--teal-800); }
  .theme-teal .section-header .count { background: var(--teal-100); color: var(--teal-600); }
  .theme-teal .due-pill { background: var(--teal-50); color: var(--teal-600); border: 1px solid var(--teal-100); }
  .theme-teal tbody tr:nth-child(even) td { background: #f3fdf8; }

  .theme-amber .section-header { background: var(--amber-50); border-bottom: 1px solid var(--amber-100); }
  .theme-amber .section-header .icon { background: var(--amber-100); }
  .theme-amber .section-header .icon svg { color: var(--amber-600); }
  .theme-amber .section-header h2 { color: var(--amber-800); }
  .theme-amber .section-header .count { background: var(--amber-100); color: var(--amber-600); }
  .theme-amber .due-pill { background: var(--amber-50); color: var(--amber-600); border: 1px solid var(--amber-100); }
  .theme-amber tbody tr:nth-child(even) td { background: #fdf9f2; }

  .theme-pink .section-header { background: var(--pink-50); border-bottom: 1px solid var(--pink-100); }
  .theme-pink .section-header .icon { background: var(--pink-100); }
  .theme-pink .section-header .icon svg { color: var(--pink-600); }
  .theme-pink .section-header h2 { color: var(--pink-800); }
  .theme-pink .section-header .count { background: var(--pink-100); color: var(--pink-600); }
  .theme-pink .due-pill { background: var(--pink-50); color: var(--pink-600); border: 1px solid var(--pink-100); }
  .theme-pink tbody tr:nth-child(even) td { background: #fdf6f9; }

  table {
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
  }

  thead th {
    padding: 10px 20px;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #0f4f74;
    background: var(--gray-50);
    border-bottom: 1px solid var(--gray-100);
  }

  thead th:first-child { width: 52px; text-align: center; }
  thead th:last-child { width: 120px; text-align: center; }

  tbody td {
    padding: 13px 20px;
    vertical-align: top;
    line-height: 1.6;
    color: #2C2C2A;
    border-bottom: 1px solid var(--gray-100);
  }

  tbody tr:last-child td { border-bottom: none; }

  tbody td:first-child {
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color: #888780;
  }

  tbody td:last-child { text-align: center; }

  .due-pill {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    letter-spacing: 1px;
   
  }

  tbody tr { transition: background 0.15s; }
  tbody tr:hover td { filter: brightness(0.97); }

  .footer {
    text-align: center;
    margin-top: 40px;
    font-size: 14px;
    color: #888780;
  }

  @media (max-width: 600px) {
    body { padding: 24px 12px 60px; }
    .page-header { margin-bottom: 28px; }
    thead th:first-child, tbody td:first-child { display: none; }
    thead th:last-child { width: 96px; }
    .section-header { padding: 7px 7px;
            font-size: 14px;}
    thead th, tbody td { padding: 8px 8px;
        font-size: 13px;}
    tbody td { font-size: 13px; }
    .section-header h2 { font-size: 16px; }
  }/* End custom CSS */