:root {
      --navy:       #1f2c95;
      --navy-dark:  #141c6a;
      --navy-light: #2a3ab5;
      --crimson:    #ff2d55;
      --surface:    #f2f4ff;
      --border:     #dde1f7;
      --text:       #0d1240;
      --muted:      #5a6299;
    }

    /* ══ HEADING ROW ══ */
    .heading-row {
      display: flex; justify-content: space-between; align-items: center;
      margin-bottom: .85rem; flex-wrap: wrap; gap: .5rem;
    }
    .heading-row h4 { margin: 0; font-weight: 700; color: #1a1a2e; font-size: 1.35rem; }
    .btn-download-main {
      display: inline-flex; align-items: center; gap: .4rem;
      background: #1f2c95; color: #fff; border: none; border-radius: 9px;
      padding: .45rem 1.1rem; font-size: .83rem; font-weight: 600;
      text-decoration: none; transition: background .2s; cursor: pointer;
    }
    .btn-download-main:hover { background: #141c6a; color: #fff; }

    /* ══ CAT STRIP ══ */
    .cat-strip {
      background: #fff; border-bottom: 2px solid var(--border);
      padding: .6rem 1rem; overflow-x: auto; white-space: nowrap; scrollbar-width: none;border-radius: 15px;
    }
    .cat-strip::-webkit-scrollbar { display: none; }
    .cat-pill {
      display: inline-flex; align-items: center; gap: .35rem;
      padding: .42rem 1.05rem; border-radius: 50px; font-size: .8rem; font-weight: 600;
      cursor: pointer; border: 1.5px solid var(--border); background: #fff; color: var(--muted);
      transition: all .18s; text-decoration: none; 
       white-space: nowrap;width: 48%;
    }
    .cat-pill:hover { border-color: var(--navy); color: var(--navy); background: var(--surface); }
    .cat-pill.active { background: var(--crimson); border-color: var(--crimson); color: #fff; box-shadow: 0 4px 12px rgba(255,45,85,.3); }

    /* ══ INNER TABS ══ */
    .inner-tabs {
      background: #fff; border-bottom: 2px solid var(--border);
      padding: 0 1rem; overflow-x: auto; white-space: nowrap;
      scrollbar-width: none; display: flex;border-radius: 15px 15px 0px 0px;
    }
    .inner-tabs::-webkit-scrollbar { display: none; }
    .inner-tab {
      display: inline-flex; align-items: center; gap: .3rem;
      padding: .7rem 1.1rem; font-size: .82rem; font-weight: 600;
      color: var(--muted); border: none; background: transparent;
      border-bottom: 2.5px solid transparent; margin-bottom: -2px;
      cursor: pointer; transition: all .18s; white-space: nowrap; text-decoration: none;
    }
    .inner-tab:hover { color: var(--navy); }
    .inner-tab.active { color: var(--navy); border-bottom-color: var(--navy); background: var(--surface); }

    /* ══ TOOLBAR ══ */
    .section-toolbar {
      display: flex; align-items: center; justify-content: space-between;
      flex-wrap: wrap; gap: .6rem; padding: .85rem 1.2rem;
      background: #fff; border-bottom: 1px solid var(--border);
    }
    .show-wrap { display: flex; align-items: center; gap: .5rem; font-size: .82rem; color: var(--muted); font-weight: 500; }
    .show-select {
      border: 1.5px solid var(--border); border-radius: 8px; padding: .28rem .6rem;
      font-size: .8rem; font-family: inherit; color: var(--text); background: var(--surface);
      cursor: pointer; appearance: none; padding-right: 1.6rem;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%231f2c95'/%3E%3C/svg%3E");
      background-repeat: no-repeat; background-position: right .5rem center;
    }
    .show-select:focus { outline: 2px solid var(--navy); }
    .search-wrap2 { display: flex; align-items: center; gap: .4rem; }
    .search-label { font-size: .82rem; font-weight: 600; color: var(--muted); }
    .search-input2 {
      border: 1.5px solid var(--border); border-radius: 8px;
      padding: .3rem .75rem .3rem 2rem; font-size: .82rem; font-family: inherit;
      width: 180px; transition: border-color .2s, width .3s;
      background: var(--surface); color: var(--text);
    }
    .search-input2:focus { outline: none; border-color: var(--navy); width: 220px; background: #fff; }
    .search-input-wrap2 { position: relative; }
    .search-icon {
      position: absolute; left: .6rem; top: 50%; transform: translateY(-50%);
      color: var(--muted); font-size: .85rem; pointer-events: none;
    }

    /* ══ SECTION LIST ══ */
    .section-list { list-style: none; margin: 0; padding: 0; }
    .section-row {
      display: flex; align-items: center; gap: .85rem;
      padding: .78rem 1.2rem; border-bottom: 1px solid #eef0fb;
      cursor: pointer; transition: background .15s; text-decoration: none; color: var(--text);
    }
    .section-row:last-child { border-bottom: none; }
    .section-row:hover { background: #f5f7ff; }
    .section-row:hover .section-arrow { color: var(--crimson); transform: translateX(3px); }
    .section-badge {
      flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center;
      min-width: 88px; padding: .3rem .7rem; border-radius: 8px; font-size: .76rem;
      font-weight: 700; letter-spacing: .03em; background: #e8ecff;
      color: var(--navy); border: 1.5px solid #c8d0f5; transition: all .15s;
    }
    .section-row:nth-child(3n+1) .section-badge { background: var(--navy); color: #fff; border-color: var(--navy); }
    .section-row:nth-child(3n+2) .section-badge { background: #e0f7ff; color: #0077aa; border-color: #b3e8f7; }
    .section-row:nth-child(3n+3) .section-badge { background: #e8ecff; color: var(--navy); border-color: #c8d0f5; }
    .section-text { flex: 1; font-size: .875rem; font-weight: 400; line-height: 1.45; }
    .section-arrow { flex-shrink: 0; color: var(--border); font-size: 1rem; transition: color .18s, transform .18s; }

    /* ══ PANEL WRAP ══ */
    .panel-wrap {
      background: #fff; border-radius: 18px; border: 1px solid var(--border);
      overflow: hidden; box-shadow: 0 6px 28px rgba(31,44,149,.08);
    }

    /* ══ PAGINATION ══ */
    .pagination-bar {
      display: flex; align-items: center; justify-content: space-between;
      flex-wrap: wrap; gap: .5rem; padding: .75rem 1.2rem;
      background: #fafbff; border-top: 1px solid var(--border);
      font-size: .8rem; color: var(--muted);
    }
    .pg-pills { display: flex; gap: .25rem; }
    .pg-btn {
      width: 30px; height: 30px; border-radius: 8px; border: 1.5px solid var(--border);
      background: #fff; color: var(--navy); font-size: .78rem; font-weight: 600;
      display: flex; align-items: center; justify-content: center;
      cursor: pointer; transition: all .18s;
    }
    .pg-btn:hover { background: var(--navy); color: #fff; border-color: var(--navy); }
    .pg-btn.active { background: var(--navy); color: #fff; border-color: var(--navy); }
    .pg-btn.wide { width: auto; padding: 0 .65rem; }

    /* ══ DATA TABLE ══ */
    .data-table { width: 100%; border-collapse: collapse; font-size: .84rem; }
    .data-table thead th {
      background: #1f2c95; color: #fff; padding: .7rem 1rem;
      font-weight: 600; font-size: .83rem; border: none; text-align: left;
    }
    .data-table tbody tr { border-bottom: 1px solid #eef0fb; transition: background .14s; }
    .data-table tbody tr:last-child { border-bottom: none; }
    .data-table tbody tr:hover { background: #f5f7ff; }
    .data-table tbody td { padding: .68rem 1rem; color: var(--text); vertical-align: middle; }
    .no-data-row td { text-align: center; color: var(--muted); padding: 2rem 1rem; font-size: .85rem; }

    /* ══ ACT DETAILS TABLE ══ */
    .actdetails-table { width: 100%; border-collapse: collapse; }
    .actdetails-table tr { border-bottom: 1px solid #d8ddf5; }
    .actdetails-table tr:last-child { border-bottom: none; }
    .actdetails-table td { padding: .75rem 1rem; font-size: .875rem; vertical-align: top; }
    .actdetails-table td:first-child {
      font-weight: 700; color: var(--text); width: 200px;
      text-align: right; background: #f7f8ff; white-space: nowrap;
    }
    .actdetails-table td:last-child { color: #2a2a4a; line-height: 1.55; }
    .highlight-word { color: #ff2d55; font-weight: 700; }

    @keyframes fadeIn { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }

    @media (max-width: 575px) {
      .section-toolbar { flex-direction: column; align-items: flex-start; }
      .search-input2 { width: 100%; }
      .search-input2:focus { width: 100%; }
      .search-wrap2 { width: 100%; }
      .search-input-wrap2 { flex: 1; }
      .section-badge { min-width: 76px; font-size: .7rem; }
      .section-text { font-size: .82rem; }
      .actdetails-table td:first-child { width: 120px; font-size: .78rem; }
      .heading-row h4 { font-size: .95rem; }
    }