/* /Components/Layout/MainLayout.razor.rz.scp.css */
.dashboard-main[b-r4paxnhpgw] {
    min-height: 100vh;
    background: #eef3f8;
    color: #111827;
}

.dashboard-content[b-r4paxnhpgw] {
    width: 100%;
    min-height: 100vh;
    padding: 18px;
}

@media (max-width: 640px) {
    .dashboard-content[b-r4paxnhpgw] {
        padding: 12px;
    }
}

#blazor-error-ui[b-r4paxnhpgw] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-r4paxnhpgw] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-9hr20hmxg8] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: #0e1a2f;
    position: absolute;
    top: 0.7rem;
    right: 1rem;
    border: 1px solid #b9c7d9;
    border-radius: 8px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2814, 26, 47, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem #ffffff;
}

.navbar-toggler:checked[b-9hr20hmxg8] {
    background-color: #dde9f8;
}

.sidebar-brand[b-9hr20hmxg8] {
    min-height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 16px 30px;
}

.sidebar-brand a[b-9hr20hmxg8] {
    color: #061b5b;
    text-decoration: none;
    font-size: 1.12rem;
    font-weight: 800;
}

.sidebar-brand span[b-9hr20hmxg8] {
    color: #4f5d73;
    font-size: 0.78rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.nav[b-9hr20hmxg8] {
    gap: 6px;
    padding: 8px 16px 16px;
}

.nav-icon[b-9hr20hmxg8] {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: inline-grid;
    place-items: center;
    border-radius: 7px;
    background: #edf4ff;
    color: #334d7a;
    font-size: 0.68rem;
    font-weight: 900;
}

.nav-item[b-9hr20hmxg8] {
    font-size: 0.94rem;
}

.nav-item[b-9hr20hmxg8]  .nav-link {
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    padding: 8px 14px;
    color: #293246;
    background: transparent;
    border: 1px solid transparent;
    text-decoration: none;
    font-weight: 650;
}

.nav-item[b-9hr20hmxg8]  a.active {
    color: #0b5f48;
    background: #65edb2;
    border-color: #65edb2;
}

.nav-item[b-9hr20hmxg8]  a.active .nav-icon {
    background: rgba(255, 255, 255, 0.42);
    color: #063f33;
}

.nav-item[b-9hr20hmxg8]  .nav-link:hover {
    background: #e7f0fb;
    color: #0e1a2f;
}

.nav-scrollable[b-9hr20hmxg8] {
    display: none;
}

.sidebar-bottom[b-9hr20hmxg8] {
    margin: 18px 16px 0;
    padding-top: 18px;
    border-top: 1px solid #d4dfec;
    display: grid;
    gap: 12px;
}

.sidebar-action[b-9hr20hmxg8] {
    height: 42px;
    border: 0;
    border-radius: 8px;
    background: #0726a7;
    color: #ffffff;
    font-weight: 800;
}

.sidebar-bottom a[b-9hr20hmxg8] {
    color: #334155;
    text-decoration: none;
    font-weight: 650;
    padding: 6px 12px;
}

@media (min-width: 641px) {
    .navbar-toggler[b-9hr20hmxg8] {
        display: none;
    }

    .nav-scrollable[b-9hr20hmxg8] {
        display: block;
        height: calc(100vh - 76px);
        overflow-y: auto;
    }
}

@media (max-width: 640px) {
    .sidebar-brand[b-9hr20hmxg8] {
        min-height: 64px;
        padding-right: 88px;
    }

    .navbar-toggler:checked ~ .nav-scrollable[b-9hr20hmxg8] {
        display: block;
    }

    .sidebar-bottom[b-9hr20hmxg8] {
        padding-bottom: 16px;
    }
}
/* /Components/Pages/DashBoard.Branch/BranchDashboardTabs.razor.rz.scp.css */
/* Dashboard shell layout is centralized in wwwroot/app.css. */
/* /Components/Pages/DashBoard.Branch/Overview/BranchOverviewFilter.razor.rz.scp.css */
.branch-filter[b-p59o1e8zzs] {
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.branch-filter-row[b-p59o1e8zzs] {
    display: flex;
    align-items: flex-end;
    gap: 14px;
}

.branch-time-row[b-p59o1e8zzs] {
    min-width: 0;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.branch-time-button[b-p59o1e8zzs] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.branch-time-button.active[b-p59o1e8zzs] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.branch-period-picker[b-p59o1e8zzs] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.branch-year-picker[b-p59o1e8zzs] {
    width: 92px;
}

.branch-select-row[b-p59o1e8zzs] {
    display: grid;
    grid-template-columns: minmax(260px, 420px);
    flex: 0 1 420px;
}

.branch-select-row label[b-p59o1e8zzs] {
    display: grid;
    gap: 7px;
}

.branch-select-row span[b-p59o1e8zzs] {
    color: #06142b;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.branch-select-row select[b-p59o1e8zzs] {
    min-height: 38px;
    border: 1px solid #bfd0e6;
    border-radius: 6px;
    background: #f8fbff;
    color: #0f766e;
    padding: 0 12px;
    font-size: 0.86rem;
    font-weight: 700;
    opacity: 1;
}

@media (max-width: 1180px) {
    .branch-filter-row[b-p59o1e8zzs] {
        flex-direction: column;
        align-items: stretch;
    }

    .branch-select-row[b-p59o1e8zzs] {
        grid-template-columns: 1fr;
        flex-basis: auto;
    }
}

/* /Components/Pages/DashBoard.Branch/Overview/BranchOverviewPage.razor.rz.scp.css */
.branch-overview-page[b-t8yaavvrt4] {
    display: grid;
    gap: 16px;
}

.branch-state-panel[b-t8yaavvrt4] {
    min-height: 220px;
    display: grid;
    place-content: center;
    gap: 12px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    color: #06142b;
    text-align: center;
    font-weight: 700;
}

.branch-state-panel.error[b-t8yaavvrt4] {
    color: #b91c1c;
}

.branch-state-panel button[b-t8yaavvrt4] {
    min-height: 36px;
    border: 1px solid #b91c1c;
    border-radius: 6px;
    background: #fff5f5;
    color: #b91c1c;
    font-weight: 700;
}

.branch-main-grid[b-t8yaavvrt4] {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(340px, 3fr);
    gap: 14px;
    align-items: stretch;
}

.branch-kpi-panel[b-t8yaavvrt4],
.branch-composition-panel[b-t8yaavvrt4] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.branch-kpi-panel > header[b-t8yaavvrt4] {
    padding: 16px 18px 14px;
}

.branch-kpi-panel > header strong[b-t8yaavvrt4] {
    color: #06142b;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.branch-kpi-stack[b-t8yaavvrt4] {
    display: grid;
    gap: 10px;
    padding: 0 10px 10px;
}

.branch-kpi-row[b-t8yaavvrt4] {
    display: grid;
    gap: 10px;
}

.branch-kpi-row-primary[b-t8yaavvrt4] {
    grid-template-columns: minmax(260px, 1.55fr) minmax(230px, 1.35fr) minmax(220px, 1.25fr);
}

.branch-kpi-row-support[b-t8yaavvrt4] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.branch-kpi-row-students[b-t8yaavvrt4] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.branch-kpi-row-missing[b-t8yaavvrt4] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.branch-kpi-card[b-t8yaavvrt4] {
    position: relative;
    min-width: 0;
    min-height: 86px;
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 16px 18px 13px;
    border: 1px solid #cbd7e8;
    border-left: 5px solid #2563eb;
    border-radius: 8px;
    background: #ffffff;
    color: #06142b;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.branch-kpi-card span[b-t8yaavvrt4],
.branch-composition-panel header span[b-t8yaavvrt4] {
    color: #0f172a;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.branch-kpi-card strong[b-t8yaavvrt4] {
    color: #06142b;
    font-size: clamp(1.35rem, 1.42vw, 1.9rem);
    font-weight: 700;
    line-height: 1.05;
    max-width: 100%;
    overflow-wrap: normal;
    word-break: keep-all;
    font-variant-numeric: tabular-nums;
}

.branch-kpi-row-primary .branch-kpi-card strong[b-t8yaavvrt4] {
    font-size: clamp(1.55rem, 1.52vw, 2.05rem);
    white-space: nowrap;
}

.branch-kpi-card small:not(.branch-growth)[b-t8yaavvrt4] {
    position: absolute;
    top: 14px;
    right: 14px;
    max-width: 52%;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.15;
    text-align: right;
}

.branch-kpi-card .branch-growth[b-t8yaavvrt4] {
    position: absolute;
    top: 14px;
    right: 14px;
    width: fit-content;
    padding: 7px 11px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 0.78rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.branch-kpi-card .branch-growth.positive[b-t8yaavvrt4] {
    background: #dcfce7;
    color: #047857;
}

.branch-kpi-card .branch-growth.negative[b-t8yaavvrt4] {
    background: #fee2e2;
    color: #b91c1c;
}

.branch-kpi-card .branch-growth.neutral[b-t8yaavvrt4] {
    background: #f1f5f9;
    color: #475569;
}

.branch-kpi-card.primary[b-t8yaavvrt4] {
    border-left-color: #1d4ed8;
    background: linear-gradient(135deg, #102a9a 0%, #1958d8 100%);
    color: #ffffff;
}

.branch-kpi-card.primary span[b-t8yaavvrt4],
.branch-kpi-card.primary strong[b-t8yaavvrt4] {
    color: #ffffff;
}

.branch-kpi-card.payable[b-t8yaavvrt4],
.branch-kpi-card.warning[b-t8yaavvrt4] {
    border-left-color: #ea580c;
}

.branch-kpi-card.danger[b-t8yaavvrt4] {
    border-left-color: #dc2626;
    background: #fffafa;
}

.branch-kpi-card.success[b-t8yaavvrt4] {
    border-left-color: #059669;
}

.branch-clickable[b-t8yaavvrt4] {
    cursor: pointer;
    transition: transform 120ms ease, border-color 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
}

.branch-clickable:hover[b-t8yaavvrt4],
.branch-clickable:focus-visible[b-t8yaavvrt4] {
    border-color: #2563eb;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.11);
    outline: 0;
    transform: translateY(-1px);
}

.branch-status-row.branch-clickable:hover[b-t8yaavvrt4],
.branch-status-row.branch-clickable:focus-visible[b-t8yaavvrt4] {
    background: #f3f7ff;
}

.branch-composition-panel header[b-t8yaavvrt4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 22px 24px;
    border-bottom: 1px solid #eef2f7;
    background: #ffffff;
}

.branch-composition-panel header div[b-t8yaavvrt4] {
    display: grid;
    gap: 5px;
}

.branch-composition-panel header strong[b-t8yaavvrt4] {
    color: #06142b;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.branch-composition-panel header small[b-t8yaavvrt4] {
    color: #64748b;
    font-weight: 700;
}

.branch-composition-panel header span[b-t8yaavvrt4] {
    font-size: 0.9rem;
}

.branch-composition-panel header small b[b-t8yaavvrt4] {
    color: #0f766e;
    font-size: 1rem;
}

.branch-composition-panel header small span[b-t8yaavvrt4] {
    color: #475569;
    text-transform: none;
    letter-spacing: 0;
}

.branch-status-list[b-t8yaavvrt4] {
    display: grid;
    gap: 10px;
    padding: 18px 24px 24px;
}

.branch-status-row[b-t8yaavvrt4] {
    display: grid;
    grid-template-columns: minmax(145px, 1fr) 86px 64px;
    align-items: center;
    column-gap: 14px;
    row-gap: 7px;
    padding: 3px 0;
    border-bottom: 0;
}

.branch-status-row:last-child[b-t8yaavvrt4] {
    border-bottom: 0;
}

.branch-status-label[b-t8yaavvrt4] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 10px;
    color: #06142b;
    font-size: 1.04rem;
    font-weight: 700;
}

.branch-status-label i[b-t8yaavvrt4] {
    width: 11px;
    height: 11px;
    flex: 0 0 auto;
    border-radius: 999px;
}

.branch-status-label span[b-t8yaavvrt4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.branch-status-row > strong[b-t8yaavvrt4],
.branch-status-row > em[b-t8yaavvrt4] {
    color: #06142b;
    font-style: normal;
    font-weight: 700;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.branch-status-row > em[b-t8yaavvrt4] {
    width: fit-content;
    justify-self: end;
    padding: 3px 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--metric-color) 12%, #ffffff);
    color: var(--metric-color);
}

.branch-status-track[b-t8yaavvrt4] {
    grid-column: 1 / -1;
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: #e8eef7;
}

.branch-status-track span[b-t8yaavvrt4] {
    display: block;
    width: var(--bar-width);
    height: 100%;
    border-radius: inherit;
    background: var(--bar-color);
}

.branch-top-grid[b-t8yaavvrt4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.branch-top-grid[b-t8yaavvrt4] (.branch-top-panel:nth-child(1) header) {
    border-left-color: #2563eb;
}

.branch-top-grid[b-t8yaavvrt4] (.branch-top-panel:nth-child(2) header) {
    border-left-color: #059669;
}

.branch-top-grid[b-t8yaavvrt4] (.branch-top-panel:nth-child(3) header) {
    border-left-color: #ea580c;
}

@media (max-width: 1500px) {
    .branch-main-grid[b-t8yaavvrt4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1180px) {
    .branch-kpi-row-primary[b-t8yaavvrt4],
    .branch-kpi-row-support[b-t8yaavvrt4],
    .branch-kpi-row-students[b-t8yaavvrt4],
    .branch-kpi-row-missing[b-t8yaavvrt4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .branch-kpi-row-primary[b-t8yaavvrt4],
    .branch-kpi-row-support[b-t8yaavvrt4],
    .branch-kpi-row-students[b-t8yaavvrt4],
    .branch-kpi-row-missing[b-t8yaavvrt4] {
        grid-template-columns: 1fr;
    }

    .branch-status-row[b-t8yaavvrt4] {
        grid-template-columns: minmax(0, 1fr) 70px 70px;
    }

    .branch-top-grid[b-t8yaavvrt4] {
        grid-template-columns: 1fr;
    }

}

/* /Components/Pages/DashBoard.Branch/Overview/BranchOverviewTopListPanel.razor.rz.scp.css */
.branch-top-panel[b-qhw45rrs76] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.branch-top-panel header[b-qhw45rrs76] {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid #dbe5f2;
    border-left: 4px solid #bfdbfe;
    background: #f8fbff;
}

.branch-top-panel h2[b-qhw45rrs76] {
    margin: 0;
    color: #06142b;
    font-size: 1rem;
    font-weight: 700;
}

.branch-top-panel button[b-qhw45rrs76] {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid #b8c8df;
    border-radius: 7px;
    background: #ffffff;
    color: #0b4fba;
    font-weight: 700;
    cursor: pointer;
}

.branch-top-panel button:hover[b-qhw45rrs76],
.branch-top-panel button:focus-visible[b-qhw45rrs76] {
    border-color: #2563eb;
    background: #eff6ff;
    outline: 0;
}

.branch-top-list[b-qhw45rrs76] {
    display: grid;
    gap: 2px;
    padding: 10px 12px 12px;
}

.branch-top-row[b-qhw45rrs76] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) minmax(92px, auto);
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 7px 6px;
    border-bottom: 1px solid #edf2f8;
    border-radius: 7px;
    background: transparent;
}

.branch-top-row:last-child[b-qhw45rrs76] {
    border-bottom: 0;
}

.branch-top-rank[b-qhw45rrs76] {
    display: inline-grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 999px;
    background: #eef5ff;
    color: #0b4fba;
    font-size: 0.82rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.branch-top-row strong[b-qhw45rrs76] {
    overflow: hidden;
    display: block;
    color: #06142b;
    font-size: 1rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: none;
}

.branch-top-value[b-qhw45rrs76] {
    justify-self: end;
    padding: 5px 9px;
    border-radius: 999px;
    background: #f8fafc;
    color: #06142b;
    font-size: 0.96rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.branch-top-empty[b-qhw45rrs76] {
    min-height: 72px;
    display: grid;
    place-items: center;
    color: #64748b;
    font-weight: 700;
    text-align: center;
}
/* /Components/Pages/DashBoard.Branch/Payable/Filter/PayableFilter.razor.rz.scp.css */
.payable-filter[b-1bd5lun582] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-1bd5lun582] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-1bd5lun582] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.time-filter-button.active[b-1bd5lun582] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-1bd5lun582] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.year-picker[b-1bd5lun582] {
    width: 92px;
}






@media (max-width: 760px) {
    .student-filter[b-1bd5lun582],
    .payable-filter[b-1bd5lun582],
    .revenue-filter-bar[b-1bd5lun582],
    .student-branch-filter[b-1bd5lun582] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-1bd5lun582] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-1bd5lun582] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-1bd5lun582] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Branch/Payable/Panel/PayablePanel.razor.rz.scp.css */
.payable-kpi-grid[b-lbjyzt0ikm] {
    display: grid;
    grid-template-columns: 1.45fr repeat(3, minmax(170px, 1fr));
    gap: 14px;
}

.payable-total-card[b-lbjyzt0ikm],
.payable-card[b-lbjyzt0ikm] {
    position: relative;
    min-height: 108px;
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 16px 18px;
    border-radius: 8px;
}

.payable-total-card[b-lbjyzt0ikm] {
    background: linear-gradient(135deg, #7c2d12, #ea580c);
    color: #ffffff;
    box-shadow: 0 16px 34px rgba(124, 45, 18, 0.18);
}

.payable-card[b-lbjyzt0ikm] {
    border: 1px solid #cbd7e8;
    background: #ffffff;
}

.payable-card.warning[b-lbjyzt0ikm] {
    border-left: 4px solid #c42828;
}

.payable-total-card span[b-lbjyzt0ikm],
.payable-card span[b-lbjyzt0ikm] {
    color: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.payable-card span[b-lbjyzt0ikm] {
    color: #1f2937;
}

.payable-total-card strong[b-lbjyzt0ikm],
.payable-card strong[b-lbjyzt0ikm] {
    font-size: clamp(1.45rem, 1.9vw, 1.9rem);
    line-height: 1.08;
    font-weight: 700;
}

.payable-total-card small[b-lbjyzt0ikm],
.payable-card small[b-lbjyzt0ikm] {
    position: absolute;
    top: 14px;
    right: 14px;
    max-width: 42%;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    color: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-align: right;
}

.payable-card small[b-lbjyzt0ikm] {
    background: #eef4ff;
    color: #123d78;
}

.good-value[b-lbjyzt0ikm] {
    color: #007a4d;
}

.bad-value[b-lbjyzt0ikm] {
    color: #c42828;
}

@media (max-width: 1180px) {
    .payable-kpi-grid[b-lbjyzt0ikm] {
        grid-template-columns: 1fr;
    }
}

/* /Components/Pages/DashBoard.Branch/Payable/PayablePage.razor.rz.scp.css */
.payable-page[b-97y8hsi0r9] {
    display: grid;
    gap: 18px;
}

.payable-state[b-97y8hsi0r9] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.payable-state strong[b-97y8hsi0r9] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.payable-state.error[b-97y8hsi0r9] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.payable-state.error strong[b-97y8hsi0r9] {
    color: #b30f18;
}

.payable-state button[b-97y8hsi0r9] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.payable-chart-grid[b-97y8hsi0r9],
.payable-detail-grid[b-97y8hsi0r9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 18px;
    row-gap: 30px;
    align-items: start;
}

.payable-chart-grid[b-97y8hsi0r9] {
    align-items: stretch;
    gap: 18px;
}

@media (max-width: 1180px) {
    .payable-chart-grid[b-97y8hsi0r9],
    .payable-detail-grid[b-97y8hsi0r9] {
        grid-template-columns: 1fr;
    }
}

/* /Components/Pages/DashBoard.Branch/Payable/Table/PayableEmployeeDetailTable.razor.rz.scp.css */
.payable-employee-stack[b-u6my8lk2k1] {
    display: contents;
}

.payable-panel[b-u6my8lk2k1] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.employee-summary-panel[b-u6my8lk2k1] {
    min-width: 0;
}

.payable-panel header[b-u6my8lk2k1] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.payable-panel header[b-u6my8lk2k1]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #ea580c;
}

.payable-panel h2[b-u6my8lk2k1] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-u6my8lk2k1] {
    overflow-x: auto;
}

table[b-u6my8lk2k1] {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
}

th[b-u6my8lk2k1],
td[b-u6my8lk2k1] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-u6my8lk2k1] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-u6my8lk2k1] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-u6my8lk2k1],
.good-value[b-u6my8lk2k1],
.bad-value[b-u6my8lk2k1] {
    font-weight: 700;
}

.good-value[b-u6my8lk2k1] {
    color: #007a4d;
}

.bad-value[b-u6my8lk2k1] {
    color: #c42828;
}

.empty-row[b-u6my8lk2k1] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

tbody tr[b-u6my8lk2k1] {
    cursor: pointer;
}

tbody tr:hover[b-u6my8lk2k1],
tbody tr.selected[b-u6my8lk2k1] {
    background: #fff7ed;
}

tbody tr.risk-row[b-u6my8lk2k1] {
    background: #fff6f6;
}

.employee-student-detail[b-u6my8lk2k1] {
    grid-column: 1 / -1;
    margin-top: 8px;
    background: #fbfdff;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
}

.employee-student-detail header[b-u6my8lk2k1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 58px;
    background: linear-gradient(90deg, #fff7ed 0%, #ffffff 76%);
}

.employee-student-detail header[b-u6my8lk2k1]::before {
    background: #2563eb;
}

@media (max-width: 1180px) {
    .employee-student-detail[b-u6my8lk2k1] {
        grid-column: auto;
    }
}
tbody td[b-u6my8lk2k1] {
    font-weight: 500;
}

tbody td strong[b-u6my8lk2k1] {
    font-weight: 500;
}
.employee-student-detail tbody td[b-u6my8lk2k1] {
    font-weight: 500;
}

.employee-student-detail tbody td strong[b-u6my8lk2k1] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Branch/RenewalManagement/StudentRenewalInModulePage.razor.rz.scp.css */
.student-page[b-yipozkrydw] {
    display: grid;
    gap: 18px;
}

.student-state[b-yipozkrydw] {
    min-height: 220px;
    display: grid;
    place-content: center;
    gap: 12px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    color: #06142b;
    text-align: center;
    font-weight: 700;
}

.student-state.error[b-yipozkrydw] {
    color: #b91c1c;
}

.student-state button[b-yipozkrydw] {
    min-height: 36px;
    border: 1px solid #b91c1c;
    border-radius: 6px;
    background: #fff5f5;
    color: #b91c1c;
    font-weight: 700;
}

.renewal-kpi-grid[b-yipozkrydw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 12px;
}

.renewal-total-card[b-yipozkrydw],
.renewal-card[b-yipozkrydw] {
    position: relative;
    min-height: 96px;
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 16px 18px;
    border: 1px solid #cbd7e8;
    border-left: 5px solid #2563eb;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.renewal-total-card[b-yipozkrydw] {
    border-left-color: #059669;
    background: linear-gradient(135deg, #0f766e 0%, #2563eb 100%);
}

.renewal-card.warning[b-yipozkrydw] {
    border-left-color: #f59e0b;
}

.renewal-total-card span[b-yipozkrydw],
.renewal-card span[b-yipozkrydw] {
    color: #06142b;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.renewal-total-card strong[b-yipozkrydw],
.renewal-card strong[b-yipozkrydw] {
    color: #06142b;
    font-size: clamp(1.45rem, 1.9vw, 1.9rem);
    font-weight: 700;
    line-height: 1.08;
}

.renewal-total-card small[b-yipozkrydw],
.renewal-card small[b-yipozkrydw] {
    position: absolute;
    top: 14px;
    right: 14px;
    max-width: 42%;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef4ff;
    color: #475569;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-align: right;
}

.renewal-total-card span[b-yipozkrydw],
.renewal-total-card strong[b-yipozkrydw] {
    color: #ffffff;
}

.renewal-total-card small[b-yipozkrydw] {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

.renewal-chart-grid[b-yipozkrydw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.renewal-student-grid[b-yipozkrydw] {
    display: grid;
    min-width: 0;
}

@media (max-width: 1180px) {
    .renewal-chart-grid[b-yipozkrydw] {
        grid-template-columns: 1fr;
    }
}

[b-yipozkrydw] .student-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

[b-yipozkrydw] .time-filter-row {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

[b-yipozkrydw] .time-filter-button {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

[b-yipozkrydw] .time-filter-button.active {
    background: #202124;
    color: #ffffff;
}





[b-yipozkrydw] .student-panel {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

[b-yipozkrydw] .student-panel header {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

[b-yipozkrydw] .student-panel header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #059669;
}

[b-yipozkrydw] .student-panel h2 {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.2;
}

[b-yipozkrydw] .student-pie-header {
    min-height: 74px;
}

[b-yipozkrydw] .student-active-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    gap: 18px;
}

[b-yipozkrydw] .student-active-total span {
    color: #475569;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

[b-yipozkrydw] .student-active-total strong {
    flex-shrink: 0;
    color: #0f4ea3;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

[b-yipozkrydw] .student-pie-layout {
    min-height: 330px;
    display: grid;
    grid-template-columns: minmax(240px, 40%) 1fr;
    align-items: center;
    gap: 26px;
    padding: 22px;
}

[b-yipozkrydw] .student-pie-wrap {
    position: relative;
    width: min(300px, 100%);
    aspect-ratio: 1;
    justify-self: center;
}

[b-yipozkrydw] .student-pie {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}

[b-yipozkrydw] .pie-slice-label {
    position: absolute;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 3px rgba(15, 23, 42, 0.55);
    pointer-events: none;
}

[b-yipozkrydw] .student-pie-legend {
    display: grid;
    gap: 8px;
}

[b-yipozkrydw] .legend-row {
    min-height: 38px;
    display: grid;
    grid-template-columns: 14px 1fr 72px 84px;
    align-items: center;
    gap: 10px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #06142b;
    text-align: left;
    font-weight: 700;
}

[b-yipozkrydw] .legend-row:hover,
[b-yipozkrydw] .legend-row.active,
[b-yipozkrydw] .clickable-row:hover,
[b-yipozkrydw] .clickable-row.active {
    background: transparent;
}

[b-yipozkrydw] .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

[b-yipozkrydw] .legend-row em {
    color: #334155;
    font-style: normal;
    text-align: right;
}

[b-yipozkrydw] .legend-row .legend-percent {
    font-weight: 700;
}

[b-yipozkrydw] .legend-row .legend-value {
    color: #06142b;
}

[b-yipozkrydw] .table-scroll {
    overflow-x: auto;
}

[b-yipozkrydw] table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

[b-yipozkrydw] .renewal-center-table-scroll,
[b-yipozkrydw] .renewal-cm-table-scroll {
    overflow-x: hidden;
}

[b-yipozkrydw] .renewal-center-table,
[b-yipozkrydw] .renewal-cm-table {
    min-width: 0;
    table-layout: fixed;
}

[b-yipozkrydw] .renewal-center-table th,
[b-yipozkrydw] .renewal-center-table td,
[b-yipozkrydw] .renewal-cm-table th,
[b-yipozkrydw] .renewal-cm-table td {
    padding: 12px 10px;
    overflow-wrap: anywhere;
}

[b-yipozkrydw] .renewal-center-table th:nth-child(1),
[b-yipozkrydw] .renewal-center-table td:nth-child(1) {
    width: 8%;
}

[b-yipozkrydw] .renewal-center-table th:nth-child(2),
[b-yipozkrydw] .renewal-center-table td:nth-child(2) {
    width: 34%;
}

[b-yipozkrydw] .renewal-center-table th:nth-child(n+3),
[b-yipozkrydw] .renewal-center-table td:nth-child(n+3) {
    width: 14.5%;
    text-align: center;
}

[b-yipozkrydw] .renewal-cm-table th:nth-child(1),
[b-yipozkrydw] .renewal-cm-table td:nth-child(1) {
    width: 7%;
}

[b-yipozkrydw] .renewal-cm-table th:nth-child(2),
[b-yipozkrydw] .renewal-cm-table td:nth-child(2) {
    width: 32%;
}

[b-yipozkrydw] .renewal-cm-table th:nth-child(3),
[b-yipozkrydw] .renewal-cm-table td:nth-child(3) {
    width: 10%;
    text-align: center;
}

[b-yipozkrydw] .renewal-cm-table th:nth-child(n+4),
[b-yipozkrydw] .renewal-cm-table td:nth-child(n+4) {
    width: 12.75%;
    text-align: center;
}

[b-yipozkrydw] th,
[b-yipozkrydw] td {
    padding: 13px 16px;
    border-bottom: 1px solid #d9e3f0;
    color: #06142b;
    text-align: left;
    font-size: 0.85rem;
    font-weight: 600;
}

[b-yipozkrydw] .student-detail-panel td {
    font-weight: 500;
}

[b-yipozkrydw] th {
    background: #eaf1fb;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

[b-yipozkrydw] tbody tr:nth-child(odd) {
    background: #fff8ee;
}

[b-yipozkrydw] .clickable-row {
    cursor: pointer;
}

[b-yipozkrydw] .empty-row {
    color: #64748b !important;
    text-align: center !important;
}

[b-yipozkrydw] .good-value {
    color: #00875a !important;
    font-weight: 700 !important;
}

[b-yipozkrydw] .bad-value {
    color: #d01616 !important;
    font-weight: 700 !important;
}

@media (max-width: 1280px) {
    .student-detail-grid[b-yipozkrydw] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 920px) {
    .renewal-kpi-grid[b-yipozkrydw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .renewal-kpi-grid[b-yipozkrydw],
}
@media (max-width: 760px) {
    .student-filter[b-yipozkrydw],
    .payable-filter[b-yipozkrydw],
    .revenue-filter-bar[b-yipozkrydw],
    .student-branch-filter[b-yipozkrydw] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-yipozkrydw] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-yipozkrydw] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-yipozkrydw] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Branch/Revenue/Filter/Filter.razor.rz.scp.css */
.revenue-filter-bar[b-22uvd69kzi] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-22uvd69kzi] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-22uvd69kzi] {
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.86rem;
    font-weight: 600;
}

.time-filter-button.active[b-22uvd69kzi] {
    border-color: #1f2937;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-22uvd69kzi] {
    min-height: 38px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.86rem;
    font-weight: 600;
}

.year-picker[b-22uvd69kzi] {
    width: 92px;
}







@media (max-width: 680px) {
    .time-filter-button[b-22uvd69kzi] {
        min-height: 34px;
        padding: 0 10px;
        font-size: 0.78rem;
    }

}
@media (max-width: 760px) {
    .student-filter[b-22uvd69kzi],
    .payable-filter[b-22uvd69kzi],
    .revenue-filter-bar[b-22uvd69kzi],
    .student-branch-filter[b-22uvd69kzi] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-22uvd69kzi] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-22uvd69kzi] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-22uvd69kzi] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Branch/Revenue/Panel/RenewPanel.razor.rz.scp.css */
.renew-health-panel[b-dx504fyfcg] {
    display: grid;
    gap: 14px;
    padding: 18px;
    border: 1px solid #70819a;
    border-radius: 8px;
    background: #e7f1ff;
}

.renew-health-panel > header[b-dx504fyfcg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.renew-health-panel h2[b-dx504fyfcg] {
    margin: 0;
    color: #0e1a2f;
    font-size: 1.7rem;
    font-weight: 500;
}

.renew-health-content[b-dx504fyfcg] {
    display: grid;
    grid-template-columns: minmax(420px, 0.92fr) minmax(520px, 1.08fr);
    gap: 14px;
    align-items: stretch;
}

.renew-metric-grid[b-dx504fyfcg] {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.renew-rate-chart[b-dx504fyfcg] {
    min-height: 258px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 8px;
    padding: 14px 16px 12px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.renew-chart-header[b-dx504fyfcg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.renew-rate-chart h3[b-dx504fyfcg] {
    margin: 0;
    color: #1f2937;
    font-size: 0.9rem;
    font-weight: 700;
}

.renew-chart-header span[b-dx504fyfcg] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 600;
}

.renew-line-wrap[b-dx504fyfcg] {
    position: relative;
    min-height: 196px;
    overflow: hidden;
}

.renew-line-chart[b-dx504fyfcg] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: block;
}

.renew-y-axis[b-dx504fyfcg] {
    position: absolute;
    inset: 0 auto 0 0;
    width: 108px;
    pointer-events: none;
}

.renew-y-axis span[b-dx504fyfcg] {
    position: absolute;
    left: 0;
    max-width: 102px;
    overflow: hidden;
    color: #64748b;
    font-size: 0.61rem;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform: translateY(-50%);
}

.renew-axis[b-dx504fyfcg] {
    stroke: #aebed2;
    stroke-width: 1.2;
}

.renew-grid-line[b-dx504fyfcg] {
    stroke: #eef3fb;
    stroke-width: 1;
}

.renew-rate-area[b-dx504fyfcg] {
    fill: rgba(8, 113, 84, 0.12);
    stroke: none;
    pointer-events: none;
}

.renew-rate-line[b-dx504fyfcg] {
    fill: none;
    stroke: #087154;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3.2;
    pointer-events: none;
}

.renew-hotspot[b-dx504fyfcg] {
    fill: transparent;
    cursor: crosshair;
    pointer-events: all;
}

.renew-rate-dot[b-dx504fyfcg] {
    fill: #087154;
    stroke: #ffffff;
    stroke-width: 2;
    pointer-events: none;
}

.renew-rate-dot.active[b-dx504fyfcg] {
    r: 6;
}

.renew-chart-tooltip[b-dx504fyfcg] {
    position: absolute;
    min-width: 146px;
    display: grid;
    gap: 4px;
    padding: 9px 11px;
    border-radius: 8px;
    background: #213145;
    color: #ffffff;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.22);
    transform: translate(-50%, calc(-100% - 10px));
    pointer-events: none;
    z-index: 3;
    font-size: 0.76rem;
}

.renew-chart-tooltip strong[b-dx504fyfcg] {
    color: #72ffd0;
    font-weight: 700;
}

.renew-chart-tooltip span[b-dx504fyfcg] {
    font-weight: 600;
    white-space: nowrap;
}

.renew-line-labels[b-dx504fyfcg] {
    display: grid;
    grid-template-columns: repeat(var(--renew-count), minmax(0, 1fr));
    gap: 4px;
    padding-left: 112px;
    color: #374151;
    font-size: 0.68rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
}

@media (max-width: 1240px) {
    .renew-health-content[b-dx504fyfcg] {
        grid-template-columns: 1fr;
    }

    .renew-rate-chart[b-dx504fyfcg] {
        min-height: 300px;
    }
}

@media (max-width: 680px) {
    .renew-health-panel[b-dx504fyfcg] {
        padding: 14px;
    }

    .renew-health-panel > header[b-dx504fyfcg] {
        align-items: flex-start;
        flex-direction: column;
    }

    .renew-health-panel h2[b-dx504fyfcg] {
        font-size: 1.28rem;
    }

    .renew-metric-grid[b-dx504fyfcg] {
        grid-template-columns: 1fr;
    }

    .renew-y-axis[b-dx504fyfcg] {
        width: 84px;
    }

    .renew-y-axis span[b-dx504fyfcg] {
        max-width: 78px;
        font-size: 0.54rem;
    }

    .renew-line-labels[b-dx504fyfcg] {
        overflow-x: auto;
        padding-left: 84px;
        font-size: 0.6rem;
    }
}
/* /Components/Pages/DashBoard.Branch/Revenue/Panel/RevenuePanel.razor.rz.scp.css */
.revenue-kpi-grid[b-ujhr70e7rk] {
    display: grid;
    grid-template-columns: 1.55fr repeat(3, minmax(170px, 1fr));
    gap: 14px;
}

.total-revenue-card[b-ujhr70e7rk] {
    position: relative;
    min-height: 112px;
    display: grid;
    align-content: start;
    padding: 18px 20px;
    border-radius: 8px;
    background: linear-gradient(135deg, #071a85, #0b46b1);
    color: #ffffff;
    box-shadow: 0 16px 34px rgba(7, 26, 133, 0.22);
}

.total-revenue-card span[b-ujhr70e7rk] {
    display: block;
    margin-bottom: 8px;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.total-revenue-card strong[b-ujhr70e7rk] {
    font-size: clamp(1.45rem, 1.9vw, 1.9rem);
    line-height: 1.08;
    font-weight: 700;
}

.growth-pill[b-ujhr70e7rk] {
    position: absolute;
    top: 16px;
    right: 18px;
    width: fit-content;
    margin: 0;
    padding: 7px 12px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.12);
    color: #72ffd0;
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 1180px) {
    .revenue-kpi-grid[b-ujhr70e7rk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .revenue-kpi-grid[b-ujhr70e7rk] {
        grid-template-columns: 1fr;
    }
}

/* /Components/Pages/DashBoard.Branch/Revenue/RevenueMetricCard.razor.rz.scp.css */
.metric-card[b-rk7dcaq61j] {
    position: relative;
    min-height: 112px;
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 18px 20px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.metric-card.warning[b-rk7dcaq61j] {
    border-left: 4px solid #c42828;
}

.metric-card span[b-rk7dcaq61j] {
    color: #1f2937;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.metric-card strong[b-rk7dcaq61j] {
    color: #0e1a2f;
    font-size: clamp(1.45rem, 1.9vw, 1.9rem);
    line-height: 1.08;
    font-weight: 700;
}

.metric-card p[b-rk7dcaq61j],
.metric-card small[b-rk7dcaq61j] {
    margin: 0;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
}

.metric-card small[b-rk7dcaq61j] {
    color: #0f766e;
}

.metric-card em[b-rk7dcaq61j] {
    position: absolute;
    top: 16px;
    right: 18px;
    padding: 6px 10px;
    border-radius: 8px;
    background: #dcfce7;
    color: #007a4d;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.metric-card em.negative[b-rk7dcaq61j],
.metric-card.warning em[b-rk7dcaq61j] {
    background: #fee2e2;
    color: #c42828;
}

/* /Components/Pages/DashBoard.Branch/Revenue/RevenuePage.razor.rz.scp.css */
.revenue-page[b-7jl45m8uqo] {
    display: grid;
    gap: 18px;
}

.revenue-state-panel[b-7jl45m8uqo] {
    min-height: 280px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.revenue-state-panel strong[b-7jl45m8uqo] {
    color: #0e1a2f;
    font-size: 1.2rem;
    font-weight: 700;
}

.revenue-state-panel span[b-7jl45m8uqo] {
    max-width: 640px;
    color: #526174;
    font-weight: 500;
}

.revenue-state-panel.error[b-7jl45m8uqo] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.revenue-state-panel.error strong[b-7jl45m8uqo] {
    color: #b30f18;
}

.revenue-state-panel button[b-7jl45m8uqo] {
    min-height: 38px;
    padding: 0 16px;
    border: 0;
    border-radius: 8px;
    background: #082b9d;
    color: #ffffff;
    font-weight: 700;
}

.revenue-chart-grid[b-7jl45m8uqo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
}

.revenue-table-grid[b-7jl45m8uqo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    align-items: start;
}

@media (max-width: 980px) {
    .revenue-chart-grid[b-7jl45m8uqo] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1120px) {
    .revenue-table-grid[b-7jl45m8uqo] {
        grid-template-columns: 1fr;
    }
}

/* /Components/Pages/DashBoard.Branch/Revenue/Table/EmployeeRevenueTable.razor.rz.scp.css */
.table-panel[b-3m5b5lzo2p] {
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.table-panel header[b-3m5b5lzo2p] {
    position: relative;
    padding: 15px 22px 15px 28px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.table-panel header[b-3m5b5lzo2p]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0d35a8;
}

.table-panel h2[b-3m5b5lzo2p] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.2;
}

.table-scroll[b-3m5b5lzo2p] {
    overflow-x: auto;
}

table[b-3m5b5lzo2p] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-3m5b5lzo2p],
td[b-3m5b5lzo2p] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-3m5b5lzo2p] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-3m5b5lzo2p] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

tbody tr.risk-row[b-3m5b5lzo2p] {
    background: #fff6f6;
}

tbody tr[b-3m5b5lzo2p] {
    cursor: pointer;
}

tbody tr.selected-row[b-3m5b5lzo2p] {
    background: #eef6ff;
    box-shadow: inset 4px 0 0 #2563eb;
}

.student-detail[b-3m5b5lzo2p] {
    border-top: 1px solid #dbe4ef;
    background: #fbfdff;
}

.student-detail header[b-3m5b5lzo2p] {
    background: linear-gradient(90deg, #eef6ff 0%, #ffffff 76%);
}

.student-detail header[b-3m5b5lzo2p]::before {
    background: #2563eb;
}

.student-detail h3[b-3m5b5lzo2p] {
    margin: 0;
    color: #071a3d;
    font-size: 1.02rem;
    font-weight: 700;
}

td strong[b-3m5b5lzo2p],
.good-value[b-3m5b5lzo2p],
.bad-value[b-3m5b5lzo2p] {
    font-weight: 700;
}

.good-value[b-3m5b5lzo2p] {
    color: #007a4d;
}

.bad-value[b-3m5b5lzo2p] {
    color: #c42828;
}

.empty-row[b-3m5b5lzo2p] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
.student-detail tbody td[b-3m5b5lzo2p] {
    font-weight: 500;
}

.student-detail tbody td strong[b-3m5b5lzo2p] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Branch/StudentInBranch/NewStudentInBranch/NewStudentInBranchPage.razor.rz.scp.css */
.student-branch-page[b-ue5a496at1] {
    display: grid;
    gap: 18px;
}

.student-state[b-ue5a496at1] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.student-state strong[b-ue5a496at1] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.student-state.error[b-ue5a496at1] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.student-state.error strong[b-ue5a496at1] {
    color: #b30f18;
}

.student-state button[b-ue5a496at1] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.student-table-grid[b-ue5a496at1],
.student-branch-chart-grid[b-ue5a496at1],
.student-branch-detail-grid[b-ue5a496at1] {
    display: grid;
    gap: 18px;
    align-items: start;
}

.student-table-grid[b-ue5a496at1] {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
}

.student-branch-chart-grid[b-ue5a496at1] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.student-branch-detail-grid[b-ue5a496at1] {
    grid-template-columns: minmax(260px, 0.3fr) minmax(0, 0.7fr);
}

@media (max-width: 1180px) {
    .student-table-grid[b-ue5a496at1],
    .student-branch-chart-grid[b-ue5a496at1],
    .student-branch-detail-grid[b-ue5a496at1] {
        grid-template-columns: 1fr;
    }
}

/* /Components/Pages/DashBoard.Branch/StudentInBranch/NewStudentInBranch/Table/NewStudentInBranchCenterTable.razor.rz.scp.css */
.student-panel[b-es4xcnhpyf] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-es4xcnhpyf] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-es4xcnhpyf]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #2563eb;
}

.student-panel h2[b-es4xcnhpyf] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 700;
}

.table-scroll[b-es4xcnhpyf] {
    overflow: auto;
}

table[b-es4xcnhpyf] {
    width: 100%;
    border-collapse: collapse;
    color: #06142b;
}

th[b-es4xcnhpyf],
td[b-es4xcnhpyf] {
    padding: 13px 16px;
    border-bottom: 1px solid #d7e0ec;
    text-align: left;
    font-weight: 600;
}

th[b-es4xcnhpyf] {
    background: #edf3fb;
    font-size: 0.72rem;
    text-transform: uppercase;
}

.clickable-row[b-es4xcnhpyf] {
    cursor: pointer;
}

.clickable-row:hover[b-es4xcnhpyf],
.clickable-row.active[b-es4xcnhpyf] {
    background: #fff7ed;
}

.clickable-row.active[b-es4xcnhpyf] {
    box-shadow: inset 4px 0 0 #2563eb;
}

.empty-row[b-es4xcnhpyf] {
    padding: 22px;
    color: #526174;
    text-align: center;
}

/* /Components/Pages/DashBoard.Branch/StudentInBranch/NewStudentInBranch/Table/NewStudentInBranchDetailTable.razor.rz.scp.css */
.student-panel[b-261bic5bgx] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-261bic5bgx] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-261bic5bgx]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-261bic5bgx] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 700;
}

.table-scroll[b-261bic5bgx] {
    overflow: auto;
}

table[b-261bic5bgx] {
    width: 100%;
    border-collapse: collapse;
    color: #06142b;
}

th[b-261bic5bgx],
td[b-261bic5bgx] {
    padding: 13px 16px;
    border-bottom: 1px solid #d7e0ec;
    text-align: left;
    font-weight: 600;
}

th[b-261bic5bgx] {
    background: #edf3fb;
    font-size: 0.72rem;
    text-transform: uppercase;
}

.empty-row[b-261bic5bgx] {
    padding: 22px;
    color: #526174;
    text-align: center;
}
tbody td[b-261bic5bgx] {
    font-weight: 500;
}

tbody td strong[b-261bic5bgx] {
    font-weight: 500;
}

.export-only-table[b-261bic5bgx] {
    display: none;
}

/* /Components/Pages/DashBoard.Branch/StudentInBranch/NewStudentInBranch/Table/NewStudentInBranchEmployeeTable.razor.rz.scp.css */
.student-panel[b-v3n5ddv7gn] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-v3n5ddv7gn] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-v3n5ddv7gn]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-v3n5ddv7gn] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 700;
}

.table-scroll[b-v3n5ddv7gn] {
    overflow: auto;
}

table[b-v3n5ddv7gn] {
    width: 100%;
    border-collapse: collapse;
    color: #06142b;
}

th[b-v3n5ddv7gn],
td[b-v3n5ddv7gn] {
    padding: 13px 16px;
    border-bottom: 1px solid #d7e0ec;
    text-align: left;
    font-weight: 600;
}

th[b-v3n5ddv7gn] {
    background: #edf3fb;
    font-size: 0.72rem;
    text-transform: uppercase;
}

.clickable-row[b-v3n5ddv7gn] {
    cursor: pointer;
}

.clickable-row:hover[b-v3n5ddv7gn],
.clickable-row.active[b-v3n5ddv7gn] {
    background: #fff7ed;
}

.clickable-row.active[b-v3n5ddv7gn] {
    box-shadow: inset 4px 0 0 #0f766e;
}

.empty-row[b-v3n5ddv7gn] {
    padding: 22px;
    color: #526174;
    text-align: center;
}

/* /Components/Pages/DashBoard.Branch/StudentInBranch/Shared/StudentInBranchFilter.razor.rz.scp.css */
.student-branch-filter[b-xuc9x3oy7f] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-xuc9x3oy7f] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-xuc9x3oy7f],
.period-picker[b-xuc9x3oy7f] {
    min-height: 38px;
    padding: 0 16px;
    border: 1px solid #aebdd2;
    border-radius: 6px;
    background: #ffffff;
    color: #071a3d;
    font-weight: 700;
}

.time-filter-button.active[b-xuc9x3oy7f] {
    border-color: #111827;
    background: #111827;
    color: #ffffff;
}

.year-picker[b-xuc9x3oy7f] {
    width: 110px;
}


label[b-xuc9x3oy7f] {
    display: grid;
    gap: 6px;
}

label span[b-xuc9x3oy7f] {
    color: #071a3d;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

select[b-xuc9x3oy7f] {
    min-height: 40px;
    border: 1px solid #b7c8df;
    border-radius: 6px;
    background: #f8fbff;
    color: #071a3d;
    font-weight: 700;
    padding: 0 12px;
}


@media (max-width: 760px) {
    .student-filter[b-xuc9x3oy7f],
    .payable-filter[b-xuc9x3oy7f],
    .revenue-filter-bar[b-xuc9x3oy7f],
    .student-branch-filter[b-xuc9x3oy7f] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-xuc9x3oy7f] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-xuc9x3oy7f] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-xuc9x3oy7f] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentActivelnModule/Filter/StudentFilter.razor.rz.scp.css */
.student-filter[b-238lqs78je] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-238lqs78je] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-238lqs78je] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.time-filter-button.active[b-238lqs78je] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-238lqs78je] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.year-picker[b-238lqs78je] {
    width: 92px;
}






@media (max-width: 760px) {
    .student-filter[b-238lqs78je],
    .payable-filter[b-238lqs78je],
    .revenue-filter-bar[b-238lqs78je],
    .student-branch-filter[b-238lqs78je] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-238lqs78je] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-238lqs78je] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-238lqs78je] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentActivelnModule/StudentActivePage.razor.rz.scp.css */
.student-page[b-73b1iynz2y] {
    display: grid;
    gap: 18px;
}

.student-state[b-73b1iynz2y] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.student-state strong[b-73b1iynz2y] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.student-state.error[b-73b1iynz2y] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.student-state.error strong[b-73b1iynz2y] {
    color: #b30f18;
}

.student-state button[b-73b1iynz2y] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.student-chart-grid[b-73b1iynz2y] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.student-class-detail-grid[b-73b1iynz2y] {
    display: grid;
    grid-template-columns: minmax(260px, 0.3fr) minmax(0, 0.7fr);
    gap: 18px;
    align-items: start;
}

@media (max-width: 1180px) {
    .student-chart-grid[b-73b1iynz2y],
    .student-class-detail-grid[b-73b1iynz2y] {
        grid-template-columns: 1fr;
    }
}

/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentActivelnModule/Table/StudentActiveCenterTable.razor.rz.scp.css */
.student-panel[b-3ttsmnqqhh] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-3ttsmnqqhh] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-3ttsmnqqhh]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-3ttsmnqqhh] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-3ttsmnqqhh] {
    overflow-x: auto;
}

table[b-3ttsmnqqhh] {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
}

th[b-3ttsmnqqhh],
td[b-3ttsmnqqhh] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-3ttsmnqqhh] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-3ttsmnqqhh] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-3ttsmnqqhh] {
    font-weight: 700;
}

.empty-row[b-3ttsmnqqhh] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

.clickable-row[b-3ttsmnqqhh] {
    cursor: pointer;
}

.clickable-row:hover[b-3ttsmnqqhh],
.clickable-row.active[b-3ttsmnqqhh] {
    background: #f4f8ff;
}

.clickable-row.active[b-3ttsmnqqhh] {
    box-shadow: inset 4px 0 0 #2563eb;
}

/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentActivelnModule/Table/StudentClassTable.razor.rz.scp.css */
.student-panel[b-qgtj1kxp1k] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-qgtj1kxp1k] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-qgtj1kxp1k]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #f59e0b;
}

.student-panel h2[b-qgtj1kxp1k] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-qgtj1kxp1k] {
    overflow-x: auto;
}

table[b-qgtj1kxp1k] {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
}

th[b-qgtj1kxp1k],
td[b-qgtj1kxp1k] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-qgtj1kxp1k] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-qgtj1kxp1k] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-qgtj1kxp1k] {
    font-weight: 700;
}

.empty-row[b-qgtj1kxp1k] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

.clickable-row[b-qgtj1kxp1k] {
    cursor: pointer;
}

.clickable-row:hover[b-qgtj1kxp1k],
.clickable-row.active[b-qgtj1kxp1k] {
    background: #f4f8ff;
}

.clickable-row.active[b-qgtj1kxp1k] {
    box-shadow: inset 4px 0 0 #f59e0b;
}

/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentActivelnModule/Table/StudentCmTable.razor.rz.scp.css */
.student-panel[b-zhb84lpy9v] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-zhb84lpy9v] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-zhb84lpy9v]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #7c3aed;
}

.student-panel h2[b-zhb84lpy9v] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-zhb84lpy9v] {
    overflow-x: auto;
}

table[b-zhb84lpy9v] {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
}

th[b-zhb84lpy9v],
td[b-zhb84lpy9v] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-zhb84lpy9v] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-zhb84lpy9v] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-zhb84lpy9v] {
    font-weight: 700;
}

.empty-row[b-zhb84lpy9v] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

.clickable-row[b-zhb84lpy9v] {
    cursor: pointer;
}

.clickable-row:hover[b-zhb84lpy9v],
.clickable-row.active[b-zhb84lpy9v] {
    background: #f4f8ff;
}

.clickable-row.active[b-zhb84lpy9v] {
    box-shadow: inset 4px 0 0 #7c3aed;
}

/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentActivelnModule/Table/StudentInClassTable.razor.rz.scp.css */
.student-panel[b-x9i53aag6w] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-x9i53aag6w] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-x9i53aag6w]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-x9i53aag6w] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-x9i53aag6w] {
    overflow-x: auto;
}

table[b-x9i53aag6w] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-x9i53aag6w],
td[b-x9i53aag6w] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-x9i53aag6w] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-x9i53aag6w] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-x9i53aag6w] {
    font-weight: 700;
}

.empty-row[b-x9i53aag6w] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
tbody td[b-x9i53aag6w] {
    font-weight: 500;
}

tbody td strong[b-x9i53aag6w] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentDeferInModule/Filter/StudentDeferInModuleFilter.razor.rz.scp.css */
.student-filter[b-g4dmtopkbi] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-g4dmtopkbi] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-g4dmtopkbi] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.time-filter-button.active[b-g4dmtopkbi] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-g4dmtopkbi] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.year-picker[b-g4dmtopkbi] {
    width: 92px;
}






@media (max-width: 760px) {
    .student-filter[b-g4dmtopkbi],
    .payable-filter[b-g4dmtopkbi],
    .revenue-filter-bar[b-g4dmtopkbi],
    .student-branch-filter[b-g4dmtopkbi] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-g4dmtopkbi] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-g4dmtopkbi] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-g4dmtopkbi] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentDeferInModule/StudentDeferInModulePage.razor.rz.scp.css */
.student-page[b-5bdab8vvq2] {
    display: grid;
    gap: 18px;
}

.student-state[b-5bdab8vvq2] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.student-state strong[b-5bdab8vvq2] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.student-state.error[b-5bdab8vvq2] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.student-state.error strong[b-5bdab8vvq2] {
    color: #b30f18;
}

.student-state button[b-5bdab8vvq2] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.student-table-grid[b-5bdab8vvq2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.student-program-grid[b-5bdab8vvq2] {
    display: grid;
    grid-template-columns: minmax(260px, 0.3fr) minmax(0, 0.7fr);
    gap: 18px;
    align-items: start;
}

@media (max-width: 1180px) {
    .student-table-grid[b-5bdab8vvq2],
    .student-program-grid[b-5bdab8vvq2] {
        grid-template-columns: 1fr;
    }
}



/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentDeferInModule/Table/StudentDeferInModuleCenterTable.razor.rz.scp.css */
.student-panel[b-f10n2dc4z9] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-f10n2dc4z9] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-f10n2dc4z9]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-f10n2dc4z9] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-f10n2dc4z9] {
    overflow-x: auto;
}

table[b-f10n2dc4z9] {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
}

th[b-f10n2dc4z9],
td[b-f10n2dc4z9] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-f10n2dc4z9] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-f10n2dc4z9] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-f10n2dc4z9] {
    font-weight: 700;
}

.empty-row[b-f10n2dc4z9] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

.clickable-row[b-f10n2dc4z9] {
    cursor: pointer;
}

.clickable-row:hover[b-f10n2dc4z9],
.clickable-row.active[b-f10n2dc4z9] {
    background: #f4f8ff;
}

.clickable-row.active[b-f10n2dc4z9] {
    box-shadow: inset 4px 0 0 #2563eb;
}



/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentDeferInModule/Table/StudentDeferInModuleDetailTable.razor.rz.scp.css */
.student-panel[b-eyp1744mtp] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-eyp1744mtp] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-eyp1744mtp]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-eyp1744mtp] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-eyp1744mtp] {
    overflow-x: auto;
}

table[b-eyp1744mtp] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-eyp1744mtp],
td[b-eyp1744mtp] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-eyp1744mtp] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-eyp1744mtp] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-eyp1744mtp] {
    font-weight: 700;
}

.empty-row[b-eyp1744mtp] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
tbody td[b-eyp1744mtp] {
    font-weight: 500;
}

tbody td strong[b-eyp1744mtp] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentDeferInModule/Table/StudentDeferInModuleProgramTable.razor.rz.scp.css */
.student-panel[b-3aduqhe9ty] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-3aduqhe9ty] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-3aduqhe9ty]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #7c3aed;
}

.student-panel h2[b-3aduqhe9ty] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-3aduqhe9ty] {
    overflow-x: auto;
}

table[b-3aduqhe9ty] {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
}

th[b-3aduqhe9ty],
td[b-3aduqhe9ty] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-3aduqhe9ty] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-3aduqhe9ty] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-3aduqhe9ty] {
    font-weight: 700;
}

tbody tr[b-3aduqhe9ty] {
    cursor: pointer;
}

tbody tr:hover[b-3aduqhe9ty] {
    background: #f7fbff;
}

.selected-row[b-3aduqhe9ty] {
    background: #eef5ff;
    outline: 2px solid #6aa1ff;
    outline-offset: -2px;
}

.empty-row[b-3aduqhe9ty] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentPendingPaymentInModule/Filter/StudentPendingPaymentInModuleFilter.razor.rz.scp.css */
.student-filter[b-twy8lhb7fq] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-twy8lhb7fq] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-twy8lhb7fq] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.time-filter-button.active[b-twy8lhb7fq] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-twy8lhb7fq] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.year-picker[b-twy8lhb7fq] {
    width: 92px;
}






@media (max-width: 760px) {
    .student-filter[b-twy8lhb7fq],
    .payable-filter[b-twy8lhb7fq],
    .revenue-filter-bar[b-twy8lhb7fq],
    .student-branch-filter[b-twy8lhb7fq] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-twy8lhb7fq] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-twy8lhb7fq] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-twy8lhb7fq] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentPendingPaymentInModule/StudentPendingPaymentInModulePage.razor.rz.scp.css */
.student-page[b-np1ii23ogs] {
    display: grid;
    gap: 18px;
}

.student-state[b-np1ii23ogs] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.student-state strong[b-np1ii23ogs] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.student-state.error[b-np1ii23ogs] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.student-state.error strong[b-np1ii23ogs] {
    color: #b30f18;
}

.student-state button[b-np1ii23ogs] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.student-table-grid[b-np1ii23ogs] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.student-program-grid[b-np1ii23ogs] {
    display: grid;
    grid-template-columns: minmax(260px, 0.3fr) minmax(0, 0.7fr);
    gap: 18px;
    align-items: start;
}

@media (max-width: 1180px) {
    .student-table-grid[b-np1ii23ogs],
    .student-program-grid[b-np1ii23ogs] {
        grid-template-columns: 1fr;
    }
}



/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentPendingPaymentInModule/Table/StudentPendingPaymentInModuleCenterTable.razor.rz.scp.css */
.student-panel[b-yym24nxz4e] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-yym24nxz4e] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-yym24nxz4e]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-yym24nxz4e] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-yym24nxz4e] {
    overflow-x: auto;
}

table[b-yym24nxz4e] {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
}

th[b-yym24nxz4e],
td[b-yym24nxz4e] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-yym24nxz4e] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-yym24nxz4e] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-yym24nxz4e] {
    font-weight: 700;
}

.empty-row[b-yym24nxz4e] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

.clickable-row[b-yym24nxz4e] {
    cursor: pointer;
}

.clickable-row:hover[b-yym24nxz4e],
.clickable-row.active[b-yym24nxz4e] {
    background: #f4f8ff;
}

.clickable-row.active[b-yym24nxz4e] {
    box-shadow: inset 4px 0 0 #2563eb;
}



/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentPendingPaymentInModule/Table/StudentPendingPaymentInModuleDetailTable.razor.rz.scp.css */
.student-panel[b-dk0lrljfsd] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-dk0lrljfsd] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-dk0lrljfsd]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-dk0lrljfsd] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-dk0lrljfsd] {
    overflow-x: auto;
}

table[b-dk0lrljfsd] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-dk0lrljfsd],
td[b-dk0lrljfsd] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-dk0lrljfsd] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-dk0lrljfsd] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-dk0lrljfsd] {
    font-weight: 700;
}

.empty-row[b-dk0lrljfsd] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
tbody td[b-dk0lrljfsd] {
    font-weight: 500;
}

tbody td strong[b-dk0lrljfsd] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentPendingPaymentInModule/Table/StudentPendingPaymentInModuleProgramTable.razor.rz.scp.css */
.student-panel[b-qqmou0jeyu] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-qqmou0jeyu] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-qqmou0jeyu]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #7c3aed;
}

.student-panel h2[b-qqmou0jeyu] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-qqmou0jeyu] {
    overflow-x: auto;
}

table[b-qqmou0jeyu] {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
}

th[b-qqmou0jeyu],
td[b-qqmou0jeyu] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-qqmou0jeyu] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-qqmou0jeyu] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-qqmou0jeyu] {
    font-weight: 700;
}

tbody tr[b-qqmou0jeyu] {
    cursor: pointer;
}

tbody tr:hover[b-qqmou0jeyu] {
    background: #f7fbff;
}

.selected-row[b-qqmou0jeyu] {
    background: #eef5ff;
    outline: 2px solid #6aa1ff;
    outline-offset: -2px;
}

.empty-row[b-qqmou0jeyu] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentTrialInModule/Filter/StudentTrialInModuleFilter.razor.rz.scp.css */
.student-filter[b-h346tll4jm] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-h346tll4jm] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-h346tll4jm] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.time-filter-button.active[b-h346tll4jm] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-h346tll4jm] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.year-picker[b-h346tll4jm] {
    width: 92px;
}






@media (max-width: 760px) {
    .student-filter[b-h346tll4jm],
    .payable-filter[b-h346tll4jm],
    .revenue-filter-bar[b-h346tll4jm],
    .student-branch-filter[b-h346tll4jm] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-h346tll4jm] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-h346tll4jm] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-h346tll4jm] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentTrialInModule/StudentTrialInModulePage.razor.rz.scp.css */
.student-page[b-dmf8u2mzt4] {
    display: grid;
    gap: 18px;
}

.student-state[b-dmf8u2mzt4] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.student-state strong[b-dmf8u2mzt4] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.student-state.error[b-dmf8u2mzt4] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.student-state.error strong[b-dmf8u2mzt4] {
    color: #b30f18;
}

.student-state button[b-dmf8u2mzt4] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.student-table-grid[b-dmf8u2mzt4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.student-program-grid[b-dmf8u2mzt4] {
    display: grid;
    grid-template-columns: minmax(260px, 0.3fr) minmax(0, 0.7fr);
    gap: 18px;
    align-items: start;
}

@media (max-width: 1180px) {
    .student-table-grid[b-dmf8u2mzt4],
    .student-program-grid[b-dmf8u2mzt4] {
        grid-template-columns: 1fr;
    }
}



/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentTrialInModule/Table/StudentTrialInModuleCenterTable.razor.rz.scp.css */
.student-panel[b-8llrxk51w9] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-8llrxk51w9] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-8llrxk51w9]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-8llrxk51w9] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-8llrxk51w9] {
    overflow-x: auto;
}

table[b-8llrxk51w9] {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
}

th[b-8llrxk51w9],
td[b-8llrxk51w9] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-8llrxk51w9] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-8llrxk51w9] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-8llrxk51w9] {
    font-weight: 700;
}

.empty-row[b-8llrxk51w9] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

.clickable-row[b-8llrxk51w9] {
    cursor: pointer;
}

.clickable-row:hover[b-8llrxk51w9],
.clickable-row.active[b-8llrxk51w9] {
    background: #f4f8ff;
}

.clickable-row.active[b-8llrxk51w9] {
    box-shadow: inset 4px 0 0 #2563eb;
}



/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentTrialInModule/Table/StudentTrialInModuleDetailTable.razor.rz.scp.css */
.student-panel[b-y3k1rga3a2] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-y3k1rga3a2] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-y3k1rga3a2]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-y3k1rga3a2] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-y3k1rga3a2] {
    overflow-x: auto;
}

table[b-y3k1rga3a2] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-y3k1rga3a2],
td[b-y3k1rga3a2] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-y3k1rga3a2] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-y3k1rga3a2] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-y3k1rga3a2] {
    font-weight: 700;
}

.empty-row[b-y3k1rga3a2] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
tbody td[b-y3k1rga3a2] {
    font-weight: 500;
}

tbody td strong[b-y3k1rga3a2] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentTrialInModule/Table/StudentTrialInModuleProgramTable.razor.rz.scp.css */
.student-panel[b-ew8azltlbu] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-ew8azltlbu] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-ew8azltlbu]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #7c3aed;
}

.student-panel h2[b-ew8azltlbu] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-ew8azltlbu] {
    overflow-x: auto;
}

table[b-ew8azltlbu] {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
}

th[b-ew8azltlbu],
td[b-ew8azltlbu] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-ew8azltlbu] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-ew8azltlbu] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-ew8azltlbu] {
    font-weight: 700;
}

tbody tr[b-ew8azltlbu] {
    cursor: pointer;
}

tbody tr:hover[b-ew8azltlbu] {
    background: #f7fbff;
}

.selected-row[b-ew8azltlbu] {
    background: #eef5ff;
    outline: 2px solid #6aa1ff;
    outline-offset: -2px;
}

.empty-row[b-ew8azltlbu] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentUnregisteredInModule/Filter/StudentUnregisteredInModuleFilter.razor.rz.scp.css */
.student-filter[b-hrrgv210xg] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-hrrgv210xg] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-hrrgv210xg] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.time-filter-button.active[b-hrrgv210xg] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-hrrgv210xg] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.year-picker[b-hrrgv210xg] {
    width: 92px;
}






@media (max-width: 760px) {
    .student-filter[b-hrrgv210xg],
    .payable-filter[b-hrrgv210xg],
    .revenue-filter-bar[b-hrrgv210xg],
    .student-branch-filter[b-hrrgv210xg] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-hrrgv210xg] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-hrrgv210xg] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-hrrgv210xg] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentUnregisteredInModule/StudentUnregisteredInModulePage.razor.rz.scp.css */
.student-page[b-pjo7slu054] {
    display: grid;
    gap: 18px;
}

.student-state[b-pjo7slu054] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.student-state strong[b-pjo7slu054] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.student-state.error[b-pjo7slu054] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.student-state.error strong[b-pjo7slu054] {
    color: #b30f18;
}

.student-state button[b-pjo7slu054] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.student-table-grid[b-pjo7slu054] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.student-program-grid[b-pjo7slu054] {
    display: grid;
    grid-template-columns: minmax(260px, 0.3fr) minmax(0, 0.7fr);
    gap: 18px;
    align-items: start;
}

@media (max-width: 1180px) {
    .student-table-grid[b-pjo7slu054],
    .student-program-grid[b-pjo7slu054] {
        grid-template-columns: 1fr;
    }
}



/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentUnregisteredInModule/Table/StudentUnregisteredInModuleCenterTable.razor.rz.scp.css */
.student-panel[b-du6wi5e2oq] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-du6wi5e2oq] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-du6wi5e2oq]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-du6wi5e2oq] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-du6wi5e2oq] {
    overflow-x: auto;
}

table[b-du6wi5e2oq] {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
}

th[b-du6wi5e2oq],
td[b-du6wi5e2oq] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-du6wi5e2oq] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-du6wi5e2oq] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-du6wi5e2oq] {
    font-weight: 700;
}

.empty-row[b-du6wi5e2oq] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

.clickable-row[b-du6wi5e2oq] {
    cursor: pointer;
}

.clickable-row:hover[b-du6wi5e2oq],
.clickable-row.active[b-du6wi5e2oq] {
    background: #f4f8ff;
}

.clickable-row.active[b-du6wi5e2oq] {
    box-shadow: inset 4px 0 0 #2563eb;
}



/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentUnregisteredInModule/Table/StudentUnregisteredInModuleDetailTable.razor.rz.scp.css */
.student-panel[b-twr852801v] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-twr852801v] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-twr852801v]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-twr852801v] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-twr852801v] {
    overflow-x: auto;
}

table[b-twr852801v] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-twr852801v],
td[b-twr852801v] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-twr852801v] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-twr852801v] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-twr852801v] {
    font-weight: 700;
}

.empty-row[b-twr852801v] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
tbody td[b-twr852801v] {
    font-weight: 500;
}

tbody td strong[b-twr852801v] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentUnregisteredInModule/Table/StudentUnregisteredInModuleProgramTable.razor.rz.scp.css */
.student-panel[b-4fyhzp9185] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-4fyhzp9185] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-4fyhzp9185]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #7c3aed;
}

.student-panel h2[b-4fyhzp9185] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-4fyhzp9185] {
    overflow-x: auto;
}

table[b-4fyhzp9185] {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
}

th[b-4fyhzp9185],
td[b-4fyhzp9185] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-4fyhzp9185] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-4fyhzp9185] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-4fyhzp9185] {
    font-weight: 700;
}

tbody tr[b-4fyhzp9185] {
    cursor: pointer;
}

tbody tr:hover[b-4fyhzp9185] {
    background: #f7fbff;
}

.selected-row[b-4fyhzp9185] {
    background: #eef5ff;
    outline: 2px solid #6aa1ff;
    outline-offset: -2px;
}

.empty-row[b-4fyhzp9185] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentWaitingClassInModule/Filter/StudentWaitingClassInModuleFilter.razor.rz.scp.css */
.student-filter[b-hdxxsomwit] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-hdxxsomwit] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-hdxxsomwit] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.time-filter-button.active[b-hdxxsomwit] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-hdxxsomwit] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.year-picker[b-hdxxsomwit] {
    width: 92px;
}






@media (max-width: 760px) {
    .student-filter[b-hdxxsomwit],
    .payable-filter[b-hdxxsomwit],
    .revenue-filter-bar[b-hdxxsomwit],
    .student-branch-filter[b-hdxxsomwit] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-hdxxsomwit] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-hdxxsomwit] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-hdxxsomwit] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentWaitingClassInModule/StudentWaitingClassInModulePage.razor.rz.scp.css */
.student-page[b-slxqvsc7zm] {
    display: grid;
    gap: 18px;
}

.student-state[b-slxqvsc7zm] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.student-state strong[b-slxqvsc7zm] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.student-state.error[b-slxqvsc7zm] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.student-state.error strong[b-slxqvsc7zm] {
    color: #b30f18;
}

.student-state button[b-slxqvsc7zm] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.student-table-grid[b-slxqvsc7zm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.student-program-grid[b-slxqvsc7zm] {
    display: grid;
    grid-template-columns: minmax(260px, 0.3fr) minmax(0, 0.7fr);
    gap: 18px;
    align-items: start;
}

@media (max-width: 1180px) {
    .student-table-grid[b-slxqvsc7zm],
    .student-program-grid[b-slxqvsc7zm] {
        grid-template-columns: 1fr;
    }
}



/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentWaitingClassInModule/Table/StudentWaitingClassInModuleCenterTable.razor.rz.scp.css */
.student-panel[b-scd1i5ywdl] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-scd1i5ywdl] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-scd1i5ywdl]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-scd1i5ywdl] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-scd1i5ywdl] {
    overflow-x: auto;
}

table[b-scd1i5ywdl] {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
}

th[b-scd1i5ywdl],
td[b-scd1i5ywdl] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-scd1i5ywdl] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-scd1i5ywdl] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-scd1i5ywdl] {
    font-weight: 700;
}

.empty-row[b-scd1i5ywdl] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

.clickable-row[b-scd1i5ywdl] {
    cursor: pointer;
}

.clickable-row:hover[b-scd1i5ywdl],
.clickable-row.active[b-scd1i5ywdl] {
    background: #f4f8ff;
}

.clickable-row.active[b-scd1i5ywdl] {
    box-shadow: inset 4px 0 0 #2563eb;
}



/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentWaitingClassInModule/Table/StudentWaitingClassInModuleDetailTable.razor.rz.scp.css */
.student-panel[b-crj2wzfn9v] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-crj2wzfn9v] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-crj2wzfn9v]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-crj2wzfn9v] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-crj2wzfn9v] {
    overflow-x: auto;
}

table[b-crj2wzfn9v] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-crj2wzfn9v],
td[b-crj2wzfn9v] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-crj2wzfn9v] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-crj2wzfn9v] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-crj2wzfn9v] {
    font-weight: 700;
}

.empty-row[b-crj2wzfn9v] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
tbody td[b-crj2wzfn9v] {
    font-weight: 500;
}

tbody td strong[b-crj2wzfn9v] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Branch/StudentInModule/StudentWaitingClassInModule/Table/StudentWaitingClassInModuleProgramTable.razor.rz.scp.css */
.student-panel[b-eoxqllacx8] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-eoxqllacx8] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-eoxqllacx8]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #7c3aed;
}

.student-panel h2[b-eoxqllacx8] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-eoxqllacx8] {
    overflow-x: auto;
}

table[b-eoxqllacx8] {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
}

th[b-eoxqllacx8],
td[b-eoxqllacx8] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-eoxqllacx8] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-eoxqllacx8] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-eoxqllacx8] {
    font-weight: 700;
}

tbody tr[b-eoxqllacx8] {
    cursor: pointer;
}

tbody tr:hover[b-eoxqllacx8] {
    background: #f7fbff;
}

.selected-row[b-eoxqllacx8] {
    background: #eef5ff;
    outline: 2px solid #6aa1ff;
    outline-offset: -2px;
}

.empty-row[b-eoxqllacx8] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

/* /Components/Pages/DashBoard.Branch/UserMoney/Charts/UserMoneyLineChart.razor.rz.scp.css */
.user-money-trend-panel[b-0oca8jae3v] {
    min-height: 420px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 10px;
    padding: 22px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    position: relative;
}

.user-money-trend-panel header[b-0oca8jae3v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.user-money-trend-panel h2[b-0oca8jae3v] {
    margin: 0;
    color: #0e1a2f;
    font-size: 1.18rem;
    font-weight: 700;
}

.user-money-trend-plot[b-0oca8jae3v] {
    position: relative;
    min-width: 0;
    min-height: 292px;
    overflow: hidden;
}

.user-money-trend-chart[b-0oca8jae3v] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: block;
}

.user-money-axis[b-0oca8jae3v] {
    stroke: #aebed2;
    stroke-width: 1.2;
}

.user-money-trend-y-axis[b-0oca8jae3v] {
    position: absolute;
    inset: 0 auto 0 0;
    width: 118px;
    pointer-events: none;
}

.user-money-trend-y-axis span[b-0oca8jae3v] {
    position: absolute;
    left: 0;
    transform: translateY(-50%);
    color: #64748b;
    font-size: 0.66rem;
    font-weight: 500;
}

.user-money-grid-line[b-0oca8jae3v] {
    stroke: #eef3fb;
    stroke-width: 1;
}

.user-money-line[b-0oca8jae3v] {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.user-money-total-line[b-0oca8jae3v] {
    stroke: #0f766e;
    stroke-width: 3.6;
}

.user-money-total-area[b-0oca8jae3v] {
    fill: rgba(15, 118, 110, 0.12);
    stroke: none;
    pointer-events: none;
}

.user-money-trend-hotspot[b-0oca8jae3v] {
    fill: transparent;
    cursor: crosshair;
    pointer-events: all;
}

.user-money-data-dot[b-0oca8jae3v] {
    fill: #0f766e;
    stroke: #ffffff;
    stroke-width: 2;
    pointer-events: none;
}

.user-money-data-dot.active[b-0oca8jae3v] {
    r: 6;
}

.user-money-trend-tooltip[b-0oca8jae3v] {
    position: absolute;
    min-width: 164px;
    display: grid;
    gap: 4px;
    padding: 10px 12px;
    border-radius: 8px;
    background: #213145;
    color: #ffffff;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.22);
    transform: translate(-50%, calc(-100% - 10px));
    pointer-events: none;
    z-index: 3;
    font-size: 0.78rem;
}

.user-money-trend-tooltip strong[b-0oca8jae3v] {
    color: #72ffd0;
    font-weight: 700;
}

.user-money-trend-tooltip span[b-0oca8jae3v] {
    font-weight: 600;
    white-space: nowrap;
}

.user-money-trend-labels[b-0oca8jae3v] {
    display: grid;
    grid-template-columns: repeat(var(--trend-count), minmax(0, 1fr));
    gap: 4px;
    padding-left: 122px;
    color: #374151;
    font-size: 0.72rem;
    font-weight: 500;
    text-align: center;
}

@media (max-width: 720px) {
    .user-money-trend-panel[b-0oca8jae3v] {
        min-height: 330px;
        gap: 8px;
        padding: 16px;
    }

    .user-money-trend-panel h2[b-0oca8jae3v] {
        font-size: 1rem;
    }

    .user-money-trend-plot[b-0oca8jae3v] {
        min-height: 230px;
    }

    .user-money-trend-y-axis[b-0oca8jae3v] {
        width: 92px;
    }

    .user-money-trend-y-axis span[b-0oca8jae3v] {
        max-width: 86px;
        overflow: hidden;
        font-size: 0.58rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .user-money-trend-y-axis .tick-1[b-0oca8jae3v],
    .user-money-trend-y-axis .tick-2[b-0oca8jae3v],
    .user-money-trend-y-axis .tick-3[b-0oca8jae3v] {
        display: none;
    }

    .user-money-trend-labels[b-0oca8jae3v] {
        overflow-x: auto;
        padding-left: 92px;
        font-size: 0.62rem;
    }
}

@media (max-width: 520px) {
    .user-money-trend-panel[b-0oca8jae3v] {
        min-height: 300px;
        padding: 14px;
    }

    .user-money-trend-plot[b-0oca8jae3v] {
        min-height: 205px;
    }

    .user-money-trend-y-axis[b-0oca8jae3v] {
        width: 76px;
    }

    .user-money-trend-y-axis span[b-0oca8jae3v] {
        max-width: 70px;
        font-size: 0.54rem;
    }

    .user-money-trend-labels[b-0oca8jae3v] {
        padding-left: 76px;
    }
}
/* /Components/Pages/DashBoard.Branch/UserMoney/Filter/UserMoneyFilter.razor.rz.scp.css */
.user-money-filter[b-aflruw4wdl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    padding: 12px;
    border: 1px solid #d6e1ee;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-aflruw4wdl] {
    display: flex;
    flex: 1 1 620px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-aflruw4wdl] {
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid #aebbcf;
    border-radius: 6px;
    background: #ffffff;
    color: #111827;
    font-size: 0.85rem;
    font-weight: 600;
}

.time-filter-button.active[b-aflruw4wdl] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-aflruw4wdl] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 6px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.85rem;
    font-weight: 600;
}

.year-picker[b-aflruw4wdl] {
    width: 92px;
}



@media (max-width: 760px) {
    .user-money-filter[b-aflruw4wdl] {
        align-items: stretch;
    }

    .time-filter-row[b-aflruw4wdl] {
        min-width: 0;
        flex-basis: auto;
    }

}


/* /Components/Pages/DashBoard.Branch/UserMoney/Panel/UserMoneyPanel.razor.rz.scp.css */
.user-money-kpi-grid[b-ehbkkd7wq8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.money-card[b-ehbkkd7wq8] {
    position: relative;
    min-height: 118px;
    display: grid;
    align-content: start;
    gap: 9px;
    padding: 18px 20px;
    border: 1px solid #d6e1ee;
    border-left: 4px solid #2563eb;
    border-radius: 8px;
    background: #ffffff;
}

.money-card.primary[b-ehbkkd7wq8] {
    border-left-color: #0f766e;
    background: linear-gradient(135deg, #137c78 0%, #2563eb 100%);
    color: #ffffff;
}

.money-card.refund[b-ehbkkd7wq8] {
    border-left-color: #ef4444;
}

.money-card.net[b-ehbkkd7wq8] {
    border-left-color: #f59e0b;
}

.money-card span[b-ehbkkd7wq8] {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.money-card strong[b-ehbkkd7wq8] {
    color: inherit;
    font-size: clamp(1.45rem, 1.9vw, 1.9rem);
    font-weight: 700;
    line-height: 1.05;
    font-variant-numeric: tabular-nums;
}

.money-card small[b-ehbkkd7wq8] {
    color: #334155;
    font-weight: 500;
}

.money-card.primary small[b-ehbkkd7wq8] {
    color: #e7f4ff;
}

.money-card em[b-ehbkkd7wq8] {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 6px 10px;
    border-radius: 8px;
    background: #dcfce7;
    color: #007f4f;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}

@media (max-width: 1160px) {
    .user-money-kpi-grid[b-ehbkkd7wq8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .user-money-kpi-grid[b-ehbkkd7wq8] {
        grid-template-columns: 1fr;
    }
}


/* /Components/Pages/DashBoard.Branch/UserMoney/Table/UserMoneyEmployeeTable.razor.rz.scp.css */
.user-money-employee-grid[b-4t6x2dexd0] {
    display: contents;
}

.employee-panel[b-4t6x2dexd0] {
    border: 1px solid #d6e1ee;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}

.employee-panel header[b-4t6x2dexd0] {
    padding: 16px 18px;
    border-bottom: 1px solid #e1e8f0;
    background: #ffffff;
}

.transaction-panel[b-4t6x2dexd0] {
    grid-column: 1 / -1;
    margin-top: 6px;
    box-shadow: none;
}

.transaction-panel header[b-4t6x2dexd0] {
    min-height: 58px;
}

.employee-panel h2[b-4t6x2dexd0] {
    margin: 0;
    color: #06142c;
    font-size: 1.02rem;
    font-weight: 700;
}

.table-scroll[b-4t6x2dexd0] {
    overflow-x: hidden;
}

.transaction-panel .table-scroll[b-4t6x2dexd0] {
    overflow-x: auto;
}

table[b-4t6x2dexd0] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

.transaction-panel table[b-4t6x2dexd0] {
    min-width: 900px;
    table-layout: auto;
}

th[b-4t6x2dexd0],
td[b-4t6x2dexd0] {
    padding: 13px 16px;
    border-bottom: 1px solid #e4ebf3;
    color: #06142c;
    font-size: 0.9rem;
    font-weight: 400;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
    font-variant-numeric: tabular-nums;
}

.transaction-panel th[b-4t6x2dexd0],
.transaction-panel td[b-4t6x2dexd0] {
    white-space: nowrap;
    overflow-wrap: normal;
}

th[b-4t6x2dexd0] {
    background: #f3f7fb;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

th:nth-child(1)[b-4t6x2dexd0],
td:nth-child(1)[b-4t6x2dexd0] {
    width: 52px;
    min-width: 52px;
    max-width: 52px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    white-space: nowrap;
}

.employee-panel:not(.transaction-panel) th:nth-child(2)[b-4t6x2dexd0],
.employee-panel:not(.transaction-panel) td:nth-child(2)[b-4t6x2dexd0] {
    width: 30%;
}

tbody tr:nth-child(odd)[b-4t6x2dexd0] {
    background: #fff8ef;
}

.employee-panel:first-child tbody tr[b-4t6x2dexd0] {
    cursor: pointer;
}

tbody tr.selected-row[b-4t6x2dexd0] {
    background: #f3f9ff;
    box-shadow: inset 3px 0 0 #9ccbc6;
}

.employee-panel header[b-4t6x2dexd0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.empty-row[b-4t6x2dexd0] {
    color: #64748b;
    text-align: center;
}

@media (max-width: 1180px) {
    .transaction-panel[b-4t6x2dexd0] {
        grid-column: auto;
    }
}
.transaction-panel tbody td[b-4t6x2dexd0] {
    font-weight: 500;
}

.transaction-panel tbody td strong[b-4t6x2dexd0] {
    font-weight: 500;
}



/* /Components/Pages/DashBoard.Branch/UserMoney/UserMoneyDashboard.razor.rz.scp.css */
.user-money-page[b-hv7ya9359g] {
    display: grid;
    gap: 16px;
}

.user-money-state[b-hv7ya9359g] {
    min-height: 240px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #d6e1ee;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.user-money-state strong[b-hv7ya9359g] {
    color: #0e1a2f;
    font-size: 1.08rem;
    font-weight: 700;
}

.user-money-state span[b-hv7ya9359g] {
    color: #526174;
    font-weight: 500;
}

.user-money-state.error[b-hv7ya9359g] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.user-money-state.error strong[b-hv7ya9359g] {
    color: #b30f18;
}

.user-money-state button[b-hv7ya9359g] {
    min-height: 36px;
    padding: 0 16px;
    border: 0;
    border-radius: 8px;
    background: #082b9d;
    color: #ffffff;
    font-weight: 600;
}

.user-money-chart-grid[b-hv7ya9359g] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
}

.user-money-detail-grid[b-hv7ya9359g] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 16px;
    row-gap: 28px;
    align-items: start;
}

@media (max-width: 1080px) {
    .user-money-chart-grid[b-hv7ya9359g],
    .user-money-detail-grid[b-hv7ya9359g] {
        grid-template-columns: 1fr;
    }
}


/* /Components/Pages/DashBoard.Company/CompanyDashboardTabs.razor.rz.scp.css */
/* Dashboard shell layout is centralized in wwwroot/app.css. */
/* /Components/Pages/DashBoard.Company/Overview/OverviewFilter.razor.rz.scp.css */
.overview-filter[b-160cty8rni] {
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.overview-filter-row[b-160cty8rni] {
    display: flex;
    align-items: end;
    gap: 14px;
}

.overview-time-row[b-160cty8rni] {
    min-width: 0;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.overview-time-button[b-160cty8rni] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.overview-time-button.active[b-160cty8rni] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.overview-period-picker[b-160cty8rni] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.overview-year-picker[b-160cty8rni] {
    width: 92px;
}





@media (max-width: 760px) {
    .overview-filter-row[b-160cty8rni] {
        flex-direction: column;
        align-items: stretch;
    }

}
/* /Components/Pages/DashBoard.Company/Overview/OverviewMetricCard.razor.rz.scp.css */
.overview-metric-card[b-dueo2dypwk] {
    position: relative;
    min-height: 108px;
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 16px 18px;
    border: 1px solid #cbd7e8;
    border-left: 5px solid #2563eb;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.overview-metric-card span[b-dueo2dypwk] {
    color: #06142b;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.overview-metric-card strong[b-dueo2dypwk] {
    color: #06142b;
    font-size: 1.72rem;
    font-weight: 700;
    line-height: 1.08;
    word-break: break-word;
}

.overview-metric-card small[b-dueo2dypwk] {
    position: absolute;
    top: 16px;
    right: 16px;
    max-width: 42%;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef4ff;
    color: #123d78;
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1;
    text-align: right;
}

.overview-metric-card.money[b-dueo2dypwk] {
    border-left-color: #1d4ed8;
    background: linear-gradient(135deg, #102a9a 0%, #174bc9 100%);
}

.overview-metric-card.money span[b-dueo2dypwk],
.overview-metric-card.money strong[b-dueo2dypwk] {
    color: #ffffff;
}

.overview-metric-card.money small[b-dueo2dypwk] {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

.overview-metric-card.warning[b-dueo2dypwk] {
    border-left-color: #ea580c;
}

.overview-metric-card.danger[b-dueo2dypwk] {
    border-left-color: #dc2626;
}

.overview-metric-card.success[b-dueo2dypwk] {
    border-left-color: #059669;
}
/* /Components/Pages/DashBoard.Company/Overview/OverviewPage.razor.rz.scp.css */
.overview-dashboard-page[b-snvfsq2iai] {
    display: grid;
    gap: 16px;
}

.overview-state-panel[b-snvfsq2iai] {
    min-height: 220px;
    display: grid;
    place-content: center;
    gap: 12px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    color: #06142b;
    text-align: center;
    font-weight: 700;
}

.overview-state-panel.error[b-snvfsq2iai] {
    color: #b91c1c;
}

.overview-state-panel button[b-snvfsq2iai] {
    min-height: 36px;
    border: 1px solid #b91c1c;
    border-radius: 6px;
    background: #fff5f5;
    color: #b91c1c;
    font-weight: 700;
}

.overview-main-grid[b-snvfsq2iai] {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(340px, 3fr);
    gap: 14px;
    align-items: stretch;
}

.overview-kpi-panel[b-snvfsq2iai],
.overview-composition-panel[b-snvfsq2iai] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.overview-kpi-panel > header[b-snvfsq2iai] {
    padding: 16px 18px 14px;
}

.overview-kpi-panel > header strong[b-snvfsq2iai] {
    color: #06142b;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.overview-kpi-stack[b-snvfsq2iai] {
    display: grid;
    gap: 10px;
    padding: 0 10px 10px;
}

.overview-kpi-row[b-snvfsq2iai] {
    display: grid;
    gap: 10px;
}

.overview-kpi-row-primary[b-snvfsq2iai] {
    grid-template-columns: minmax(260px, 1.55fr) minmax(230px, 1.35fr) minmax(220px, 1.25fr);
}

.overview-kpi-row-secondary[b-snvfsq2iai] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.overview-kpi-row-support[b-snvfsq2iai] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.overview-kpi-row-students[b-snvfsq2iai] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.overview-kpi-row-missing[b-snvfsq2iai] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.overview-kpi-card[b-snvfsq2iai] {
    position: relative;
    min-width: 0;
    min-height: 86px;
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 16px 18px 13px;
    border: 1px solid #d6e1ef;
    border-left: 5px solid #2563eb;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 7px 16px rgba(15, 23, 42, 0.04);
}

.overview-kpi-card span[b-snvfsq2iai],
.overview-composition-panel header span[b-snvfsq2iai] {
    color: #0f172a;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.overview-kpi-card strong[b-snvfsq2iai] {
    color: #06142b;
    font-size: clamp(1.35rem, 1.42vw, 1.9rem);
    font-weight: 700;
    line-height: 1.05;
    max-width: 100%;
    overflow-wrap: normal;
    word-break: keep-all;
    font-variant-numeric: tabular-nums;
}

.overview-kpi-row-primary .overview-kpi-card strong[b-snvfsq2iai] {
    font-size: clamp(1.55rem, 1.52vw, 2.05rem);
    white-space: nowrap;
}

.overview-kpi-card small:not(.overview-growth)[b-snvfsq2iai] {
    position: absolute;
    top: 16px;
    right: 16px;
    max-width: none;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    text-align: right;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
}

.overview-kpi-card small b[b-snvfsq2iai] {
    color: #06142b;
    font-weight: 600;
}

.overview-kpi-card small span[b-snvfsq2iai] {
    color: #64748b;
    white-space: nowrap;
}

.overview-kpi-card small.overview-note-error[b-snvfsq2iai] {
    color: #dc2626;
}

.overview-kpi-card small.overview-period-note[b-snvfsq2iai] {
    color: #64748b;
}

.overview-kpi-card[b-snvfsq2iai] (.overview-activity-note) {
    position: absolute;
    top: 16px;
    right: 16px;
    max-width: none;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
}

.overview-kpi-card[b-snvfsq2iai] (.overview-activity-note b) {
    color: #06142b;
    font-weight: 600;
}

.overview-kpi-card[b-snvfsq2iai] (.overview-activity-note span) {
    color: #64748b;
    white-space: nowrap;
}

.overview-kpi-card[b-snvfsq2iai] (.overview-activity-note.overview-note-error) {
    color: #dc2626;
}

.overview-kpi-card .overview-growth[b-snvfsq2iai] {
    position: absolute;
    top: 14px;
    right: 14px;
    width: fit-content;
    padding: 7px 11px;
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.overview-kpi-card .overview-growth.positive[b-snvfsq2iai] {
    background: #dcfce7;
    color: #047857;
}

.overview-kpi-card .overview-growth.negative[b-snvfsq2iai] {
    background: #fee2e2;
    color: #b91c1c;
}

.overview-kpi-card .overview-growth.neutral[b-snvfsq2iai] {
    background: #f1f5f9;
    color: #475569;
}

.overview-kpi-card.revenue[b-snvfsq2iai] {
    border-left-color: #1d4ed8;
    background: linear-gradient(135deg, #0f2e9e 0%, #1d5bd8 100%);
}

.overview-kpi-card.revenue span[b-snvfsq2iai],
.overview-kpi-card.revenue strong[b-snvfsq2iai] {
    color: #ffffff;
}

.overview-kpi-card.payable[b-snvfsq2iai],
.overview-kpi-card.warning[b-snvfsq2iai] {
    border-left-color: #ea580c;
}

.overview-kpi-card.danger[b-snvfsq2iai] {
    border-left-color: #dc2626;
    background: #fffafa;
}

.overview-kpi-card.success[b-snvfsq2iai] {
    border-left-color: #059669;
}

.overview-kpi-card.user[b-snvfsq2iai] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.overview-kpi-card.user strong[b-snvfsq2iai] {
    flex-shrink: 0;
    font-size: clamp(1.55rem, 1.9vw, 2.1rem);
    text-align: right;
}

.overview-clickable[b-snvfsq2iai] {
    cursor: pointer;
    transition: transform 120ms ease, border-color 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
}

.overview-clickable:hover[b-snvfsq2iai],
.overview-clickable:focus-visible[b-snvfsq2iai] {
    border-color: #2563eb;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.11);
    outline: 0;
    transform: translateY(-1px);
}

.overview-status-row.overview-clickable:hover[b-snvfsq2iai],
.overview-status-row.overview-clickable:focus-visible[b-snvfsq2iai] {
    background: #f3f7ff;
}

.overview-composition-panel header[b-snvfsq2iai] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 18px 22px 15px;
    border-bottom: 1px solid #eef2f7;
    background: #ffffff;
}

.overview-composition-panel header strong[b-snvfsq2iai] {
    color: #06142b;
    font-size: 2.35rem;
    font-weight: 700;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.overview-composition-panel header span[b-snvfsq2iai] {
    font-size: 1rem;
}

.overview-status-list[b-snvfsq2iai] {
    display: grid;
    gap: 8px;
    padding: 17px 22px 20px;
}

.overview-status-row[b-snvfsq2iai] {
    display: grid;
    grid-template-columns: minmax(140px, 1fr) 86px 64px;
    align-items: center;
    column-gap: 12px;
    row-gap: 7px;
    padding: 2px 0;
}

.overview-status-label[b-snvfsq2iai] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 0;
    color: #06142b;
    font-size: 1.08rem;
    font-weight: 700;
}

.overview-status-label i[b-snvfsq2iai] {
    display: none;
}

.overview-status-label span[b-snvfsq2iai] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overview-status-row > strong[b-snvfsq2iai],
.overview-status-row > em[b-snvfsq2iai] {
    color: #06142b;
    font-style: normal;
    font-weight: 700;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.overview-status-row > em[b-snvfsq2iai] {
    width: fit-content;
    justify-self: end;
    padding: 3px 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--metric-color) 12%, #ffffff);
    color: var(--metric-color);
}

.overview-status-track[b-snvfsq2iai] {
    grid-column: 1 / -1;
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: #e8eef7;
}

.overview-status-track span[b-snvfsq2iai] {
    display: block;
    width: var(--bar-width);
    height: 100%;
    border-radius: inherit;
    background: var(--bar-color);
}

.overview-top-grid[b-snvfsq2iai] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.overview-top-grid[b-snvfsq2iai] (.overview-top-panel:nth-child(1) header) {
    border-left-color: #2563eb;
}

.overview-top-grid[b-snvfsq2iai] (.overview-top-panel:nth-child(2) header) {
    border-left-color: #059669;
}

.overview-top-grid[b-snvfsq2iai] (.overview-top-panel:nth-child(3) header) {
    border-left-color: #dc2626;
}

.overview-top-grid[b-snvfsq2iai] (.overview-top-panel:nth-child(4) header) {
    border-left-color: #f59e0b;
}

@media (max-width: 1500px) {
    .overview-main-grid[b-snvfsq2iai] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1180px) {
    .overview-kpi-row-primary[b-snvfsq2iai] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .overview-kpi-row-support[b-snvfsq2iai] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .overview-kpi-row-students[b-snvfsq2iai],
    .overview-kpi-row-missing[b-snvfsq2iai],
    .overview-kpi-row-secondary[b-snvfsq2iai] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .overview-top-grid[b-snvfsq2iai] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .overview-kpi-row-primary[b-snvfsq2iai],
    .overview-kpi-row-support[b-snvfsq2iai],
    .overview-kpi-row-students[b-snvfsq2iai],
    .overview-kpi-row-missing[b-snvfsq2iai],
    .overview-kpi-row-secondary[b-snvfsq2iai] {
        grid-template-columns: 1fr;
    }

    .overview-status-row[b-snvfsq2iai] {
        grid-template-columns: minmax(0, 1fr) 72px 56px;
    }

    .overview-top-grid[b-snvfsq2iai] {
        grid-template-columns: 1fr;
    }
}

/* /Components/Pages/DashBoard.Company/Overview/OverviewRegionMoneyTable.razor.rz.scp.css */
.overview-table-panel[b-ywfpsif0ar] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.overview-table-panel header[b-ywfpsif0ar] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.overview-table-panel header[b-ywfpsif0ar]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.overview-table-panel h2[b-ywfpsif0ar] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.2;
}

.overview-table-scroll[b-ywfpsif0ar] {
    overflow-x: auto;
}

.overview-table-panel table[b-ywfpsif0ar] {
    width: 100%;
    border-collapse: collapse;
    min-width: 1320px;
}

.overview-table-panel th[b-ywfpsif0ar],
.overview-table-panel td[b-ywfpsif0ar] {
    padding: 13px 16px;
    border-bottom: 1px solid #d9e3f0;
    color: #06142b;
    text-align: left;
    font-size: 0.85rem;
    font-weight: 600;
}

.overview-table-panel th[b-ywfpsif0ar] {
    background: #eaf1fb;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.overview-table-panel tbody tr:nth-child(odd)[b-ywfpsif0ar] {
    background: #fff8ee;
}

.overview-table-panel tbody tr:hover[b-ywfpsif0ar] {
    background: #eef5ff;
}

.good-value[b-ywfpsif0ar] {
    color: #00875a !important;
    font-weight: 700 !important;
}

.warn-value[b-ywfpsif0ar] {
    color: #d97706 !important;
    font-weight: 700 !important;
}

.bad-value[b-ywfpsif0ar] {
    color: #d01616 !important;
    font-weight: 700 !important;
}

.empty-row[b-ywfpsif0ar] {
    color: #64748b !important;
    text-align: center !important;
}
/* /Components/Pages/DashBoard.Company/Overview/OverviewRiskTable.razor.rz.scp.css */
.overview-table-panel[b-uar1mlowmt] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.overview-table-panel header[b-uar1mlowmt] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.overview-table-panel header[b-uar1mlowmt]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #dc2626;
}

.overview-table-panel h2[b-uar1mlowmt] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.2;
}

.overview-table-scroll[b-uar1mlowmt] {
    overflow-x: auto;
}

.overview-table-panel table[b-uar1mlowmt] {
    width: 100%;
    border-collapse: collapse;
    min-width: 860px;
}

.overview-table-panel th[b-uar1mlowmt],
.overview-table-panel td[b-uar1mlowmt] {
    padding: 13px 16px;
    border-bottom: 1px solid #d9e3f0;
    color: #06142b;
    text-align: left;
    font-size: 0.85rem;
    font-weight: 600;
}

.overview-table-panel th[b-uar1mlowmt] {
    background: #eaf1fb;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.overview-table-panel tbody tr:nth-child(odd)[b-uar1mlowmt] {
    background: #fff8ee;
}

.overview-table-panel tbody tr:hover[b-uar1mlowmt] {
    background: #eef5ff;
}

.good-value[b-uar1mlowmt] {
    color: #00875a !important;
    font-weight: 700 !important;
}

.warn-value[b-uar1mlowmt] {
    color: #d97706 !important;
    font-weight: 700 !important;
}

.bad-value[b-uar1mlowmt] {
    color: #d01616 !important;
    font-weight: 700 !important;
}

.empty-row[b-uar1mlowmt] {
    color: #64748b !important;
    text-align: center !important;
}
/* /Components/Pages/DashBoard.Company/Overview/OverviewStudentStatusPieChart.razor.rz.scp.css */
.overview-panel[b-dxyww4n41f] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.overview-panel header[b-dxyww4n41f] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.overview-panel header[b-dxyww4n41f]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #2563eb;
}

.overview-panel h2[b-dxyww4n41f] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.2;
}

.status-pie-layout[b-dxyww4n41f] {
    min-height: 330px;
    display: grid;
    grid-template-columns: 300px 1fr;
    align-items: center;
    gap: 26px;
    padding: 22px;
}

.status-pie-wrap[b-dxyww4n41f] {
    position: relative;
    width: min(300px, 100%);
    aspect-ratio: 1;
}

.status-pie[b-dxyww4n41f] {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}

.status-slice-label[b-dxyww4n41f] {
    position: absolute;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 3px rgba(15, 23, 42, 0.55);
    pointer-events: none;
}

.status-pie-legend[b-dxyww4n41f] {
    display: grid;
    gap: 8px;
}

.status-legend-row[b-dxyww4n41f] {
    min-height: 38px;
    display: grid;
    grid-template-columns: 14px 1fr 64px 84px;
    align-items: center;
    gap: 10px;
    border: 0;
    border-radius: 6px;
    color: #06142b;
    font-weight: 700;
}

.status-legend-row span[b-dxyww4n41f] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.status-legend-row em[b-dxyww4n41f],
.status-legend-row b[b-dxyww4n41f] {
    color: #334155;
    font-style: normal;
    text-align: right;
}

@media (max-width: 760px) {
    .status-pie-layout[b-dxyww4n41f] {
        grid-template-columns: 1fr;
    }

    .status-pie-wrap[b-dxyww4n41f] {
        justify-self: center;
    }
}

@media (max-width: 520px) {
    .status-legend-row[b-dxyww4n41f] {
        grid-template-columns: 14px 1fr 54px 64px;
    }
}
/* /Components/Pages/DashBoard.Company/Overview/OverviewTopListPanel.razor.rz.scp.css */
.overview-top-panel[b-mwvq5uotba] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.overview-top-panel header[b-mwvq5uotba] {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid #dbe5f2;
    border-left: 4px solid #bbf7d0;
    background: #f8fbff;
}

.overview-top-panel h2[b-mwvq5uotba] {
    margin: 0;
    color: #06142b;
    font-size: 1rem;
    font-weight: 700;
}

.overview-top-panel button[b-mwvq5uotba] {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid #b8c8df;
    border-radius: 7px;
    background: #ffffff;
    color: #0b4fba;
    font-weight: 700;
    cursor: pointer;
}

.overview-top-panel button:hover[b-mwvq5uotba],
.overview-top-panel button:focus-visible[b-mwvq5uotba] {
    border-color: #2563eb;
    background: #eff6ff;
    outline: 0;
}

.overview-top-list[b-mwvq5uotba] {
    display: grid;
    gap: 2px;
    padding: 10px 12px 12px;
}

.overview-top-row[b-mwvq5uotba] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) minmax(104px, auto);
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 7px 6px;
    border-bottom: 1px solid #edf2f8;
    border-radius: 7px;
    background: transparent;
}

.overview-top-row:last-child[b-mwvq5uotba] {
    border-bottom: 0;
}

.overview-top-rank[b-mwvq5uotba] {
    display: inline-grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 999px;
    background: #eef5ff;
    color: #0b4fba;
    font-size: 0.82rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.overview-top-main[b-mwvq5uotba] {
    min-width: 0;
}

.overview-top-main strong[b-mwvq5uotba] {
    overflow: hidden;
    display: block;
    color: #06142b;
    font-size: 1rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: none;
}

.overview-top-value[b-mwvq5uotba] {
    justify-self: end;
    padding: 5px 9px;
    border-radius: 999px;
    background: #f8fafc;
    color: #06142b;
    font-size: 0.96rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.overview-top-empty[b-mwvq5uotba] {
    min-height: 72px;
    display: grid;
    place-items: center;
    color: #64748b;
    font-weight: 700;
    text-align: center;
}
/* /Components/Pages/DashBoard.Company/Payable/Filter/PayableFilter.razor.rz.scp.css */
.payable-filter[b-rbeotmo6dx] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-rbeotmo6dx] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-rbeotmo6dx] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.time-filter-button.active[b-rbeotmo6dx] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-rbeotmo6dx] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.year-picker[b-rbeotmo6dx] {
    width: 92px;
}






@media (max-width: 760px) {
    .student-filter[b-rbeotmo6dx],
    .payable-filter[b-rbeotmo6dx],
    .revenue-filter-bar[b-rbeotmo6dx],
    .student-branch-filter[b-rbeotmo6dx] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-rbeotmo6dx] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-rbeotmo6dx] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-rbeotmo6dx] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Company/Payable/Panel/PayablePanel.razor.rz.scp.css */
.payable-kpi-grid[b-dus13d9ay0] {
    display: grid;
    grid-template-columns: 1.45fr repeat(3, minmax(170px, 1fr));
    gap: 14px;
}

.payable-total-card[b-dus13d9ay0],
.payable-card[b-dus13d9ay0] {
    position: relative;
    min-height: 108px;
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 16px 18px;
    border-radius: 8px;
}

.payable-total-card[b-dus13d9ay0] {
    background: linear-gradient(135deg, #7c2d12, #ea580c);
    color: #ffffff;
    box-shadow: 0 16px 34px rgba(124, 45, 18, 0.18);
}

.payable-card[b-dus13d9ay0] {
    border: 1px solid #cbd7e8;
    background: #ffffff;
}

.payable-card.warning[b-dus13d9ay0] {
    border-left: 4px solid #c42828;
}

.payable-total-card span[b-dus13d9ay0],
.payable-card span[b-dus13d9ay0] {
    color: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.payable-card span[b-dus13d9ay0] {
    color: #1f2937;
}

.payable-total-card strong[b-dus13d9ay0],
.payable-card strong[b-dus13d9ay0] {
    font-size: clamp(1.45rem, 1.9vw, 1.9rem);
    line-height: 1.08;
    font-weight: 700;
}

.payable-total-card small[b-dus13d9ay0],
.payable-card small[b-dus13d9ay0] {
    position: absolute;
    top: 14px;
    right: 14px;
    max-width: 42%;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    color: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-align: right;
}

.payable-card small[b-dus13d9ay0] {
    background: #eef4ff;
    color: #123d78;
}

.good-value[b-dus13d9ay0] {
    color: #007a4d;
}

.bad-value[b-dus13d9ay0] {
    color: #c42828;
}

@media (max-width: 1180px) {
    .payable-kpi-grid[b-dus13d9ay0] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/DashBoard.Company/Payable/PayablePage.razor.rz.scp.css */
.payable-page[b-b4h8ic4wa7] {
    display: grid;
    gap: 18px;
}

.payable-state[b-b4h8ic4wa7] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.payable-state strong[b-b4h8ic4wa7] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.payable-state.error[b-b4h8ic4wa7] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.payable-state.error strong[b-b4h8ic4wa7] {
    color: #b30f18;
}

.payable-state button[b-b4h8ic4wa7] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.payable-chart-grid[b-b4h8ic4wa7],
.payable-detail-grid[b-b4h8ic4wa7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 18px;
    row-gap: 30px;
    align-items: start;
}

.payable-chart-grid[b-b4h8ic4wa7] {
    align-items: stretch;
    gap: 18px;
}

@media (max-width: 1180px) {
    .payable-chart-grid[b-b4h8ic4wa7],
    .payable-detail-grid[b-b4h8ic4wa7] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/DashBoard.Company/Payable/Table/PayableBranchDetailTable.razor.rz.scp.css */
.payable-panel[b-dc7t363517] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.payable-panel header[b-dc7t363517] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.payable-panel header[b-dc7t363517]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #ea580c;
}

.payable-panel h2[b-dc7t363517] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-dc7t363517] {
    overflow-x: hidden;
}

table[b-dc7t363517] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

th[b-dc7t363517],
td[b-dc7t363517] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-dc7t363517] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

th:nth-child(1)[b-dc7t363517],
td:nth-child(1)[b-dc7t363517] {
    width: 52px;
    min-width: 52px;
    max-width: 52px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    white-space: nowrap;
}

th:nth-child(2)[b-dc7t363517],
td:nth-child(2)[b-dc7t363517] {
    width: 42%;
}

th:nth-child(3)[b-dc7t363517],
td:nth-child(3)[b-dc7t363517],
th:nth-child(4)[b-dc7t363517],
td:nth-child(4)[b-dc7t363517],
th:nth-child(5)[b-dc7t363517],
td:nth-child(5)[b-dc7t363517] {
    width: 17%;
}

td[b-dc7t363517] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
    white-space: normal;
    word-break: break-word;
}

td strong[b-dc7t363517],
.good-value[b-dc7t363517],
.bad-value[b-dc7t363517] {
    font-weight: 700;
}

.good-value[b-dc7t363517] {
    color: #007a4d;
}

.bad-value[b-dc7t363517] {
    color: #c42828;
}

tbody tr[b-dc7t363517] {
    cursor: pointer;
}

tbody tr:hover[b-dc7t363517],
tbody tr.selected[b-dc7t363517] {
    background: #fff7ed;
}

tbody tr.risk-row[b-dc7t363517] {
    background: #fff6f6;
}
tbody td[b-dc7t363517] {
    font-weight: 500;
}

tbody td strong[b-dc7t363517] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Company/Payable/Table/PayableEmployeeDetailTable.razor.rz.scp.css */
.payable-employee-stack[b-hc0jgs8s6d] {
    display: contents;
}

.payable-panel[b-hc0jgs8s6d] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.employee-summary-panel[b-hc0jgs8s6d] {
    min-width: 0;
}

.payable-panel header[b-hc0jgs8s6d] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.payable-panel header[b-hc0jgs8s6d]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #ea580c;
}

.payable-panel h2[b-hc0jgs8s6d] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-hc0jgs8s6d] {
    overflow-x: hidden;
}

table[b-hc0jgs8s6d] {
    width: 100%;
    min-width: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

th[b-hc0jgs8s6d],
td[b-hc0jgs8s6d] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
    overflow-wrap: anywhere;
}

th[b-hc0jgs8s6d] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-hc0jgs8s6d] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-hc0jgs8s6d],
.good-value[b-hc0jgs8s6d],
.bad-value[b-hc0jgs8s6d] {
    font-weight: 700;
}

.good-value[b-hc0jgs8s6d] {
    color: #007a4d;
}

.bad-value[b-hc0jgs8s6d] {
    color: #c42828;
}

.empty-row[b-hc0jgs8s6d] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

tbody tr[b-hc0jgs8s6d] {
    cursor: pointer;
}

tbody tr:hover[b-hc0jgs8s6d],
tbody tr.selected[b-hc0jgs8s6d] {
    background: #fff7ed;
}

tbody tr.risk-row[b-hc0jgs8s6d] {
    background: #fff6f6;
}

.employee-student-detail[b-hc0jgs8s6d] {
    grid-column: 1 / -1;
    margin-top: 8px;
    background: #fbfdff;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
}

.employee-student-detail .table-scroll[b-hc0jgs8s6d] {
    overflow-x: auto;
}

.employee-student-detail table[b-hc0jgs8s6d] {
    min-width: 1120px;
    table-layout: auto;
}

.employee-student-detail th[b-hc0jgs8s6d],
.employee-student-detail td[b-hc0jgs8s6d] {
    overflow-wrap: normal;
}

.employee-student-detail header[b-hc0jgs8s6d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 58px;
    background: linear-gradient(90deg, #fff7ed 0%, #ffffff 76%);
}

.employee-student-detail header[b-hc0jgs8s6d]::before {
    background: #2563eb;
}

@media (max-width: 1180px) {
    .employee-student-detail[b-hc0jgs8s6d] {
        grid-column: auto;
    }
}
tbody td[b-hc0jgs8s6d] {
    font-weight: 500;
}

tbody td strong[b-hc0jgs8s6d] {
    font-weight: 500;
}
.employee-student-detail tbody td[b-hc0jgs8s6d] {
    font-weight: 500;
}

.employee-student-detail tbody td strong[b-hc0jgs8s6d] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Company/Payable/Table/PayableTopRegionTable.razor.rz.scp.css */
.payable-panel[b-toklyjtgqh] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.payable-panel header[b-toklyjtgqh] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.payable-panel header[b-toklyjtgqh]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #ea580c;
}

.payable-panel h2[b-toklyjtgqh] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-toklyjtgqh] {
    overflow-x: hidden;
}

table[b-toklyjtgqh] {
    width: 100%;
    min-width: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

th[b-toklyjtgqh],
td[b-toklyjtgqh] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
    overflow-wrap: anywhere;
}

th[b-toklyjtgqh] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-toklyjtgqh] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-toklyjtgqh],
.good-value[b-toklyjtgqh],
.bad-value[b-toklyjtgqh] {
    font-weight: 700;
}

.good-value[b-toklyjtgqh] {
    color: #007a4d;
}

.bad-value[b-toklyjtgqh] {
    color: #c42828;
}

tbody tr[b-toklyjtgqh] {
    cursor: pointer;
}

tbody tr:hover[b-toklyjtgqh],
tbody tr.selected[b-toklyjtgqh] {
    background: #fff7ed;
}
/* /Components/Pages/DashBoard.Company/RenewalManagement/StudentRenewalInModulePage.razor.rz.scp.css */
.student-page[b-zuwfpl04s6] {
    display: grid;
    gap: 18px;
}

.student-state[b-zuwfpl04s6] {
    min-height: 220px;
    display: grid;
    place-content: center;
    gap: 12px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    color: #06142b;
    text-align: center;
    font-weight: 700;
}

.student-state.error[b-zuwfpl04s6] {
    color: #b91c1c;
}

.student-state button[b-zuwfpl04s6] {
    min-height: 36px;
    border: 1px solid #b91c1c;
    border-radius: 6px;
    background: #fff5f5;
    color: #b91c1c;
    font-weight: 700;
}

.renewal-kpi-grid[b-zuwfpl04s6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 12px;
}

.renewal-total-card[b-zuwfpl04s6],
.renewal-card[b-zuwfpl04s6] {
    position: relative;
    min-height: 96px;
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 16px 18px;
    border: 1px solid #cbd7e8;
    border-left: 5px solid #2563eb;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.renewal-total-card[b-zuwfpl04s6] {
    border-left-color: #059669;
    background: linear-gradient(135deg, #0f766e 0%, #2563eb 100%);
}

.renewal-card.warning[b-zuwfpl04s6] {
    border-left-color: #f59e0b;
}

.renewal-total-card span[b-zuwfpl04s6],
.renewal-card span[b-zuwfpl04s6] {
    color: #06142b;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.renewal-total-card strong[b-zuwfpl04s6],
.renewal-card strong[b-zuwfpl04s6] {
    color: #06142b;
    font-size: clamp(1.45rem, 1.9vw, 1.9rem);
    font-weight: 700;
    line-height: 1.08;
}

.renewal-total-card small[b-zuwfpl04s6],
.renewal-card small[b-zuwfpl04s6] {
    position: absolute;
    top: 14px;
    right: 14px;
    max-width: 42%;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef4ff;
    color: #475569;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-align: right;
}

.renewal-total-card span[b-zuwfpl04s6],
.renewal-total-card strong[b-zuwfpl04s6] {
    color: #ffffff;
}

.renewal-total-card small[b-zuwfpl04s6] {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

.student-table-grid[b-zuwfpl04s6],
.student-detail-grid[b-zuwfpl04s6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

[b-zuwfpl04s6] .student-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

[b-zuwfpl04s6] .time-filter-row {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

[b-zuwfpl04s6] .time-filter-button {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

[b-zuwfpl04s6] .time-filter-button.active {
    background: #202124;
    color: #ffffff;
}





[b-zuwfpl04s6] .student-panel {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

[b-zuwfpl04s6] .student-panel header {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

[b-zuwfpl04s6] .student-panel header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #059669;
}

[b-zuwfpl04s6] .student-panel h2 {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.2;
}

[b-zuwfpl04s6] .student-pie-header {
    min-height: 74px;
}

[b-zuwfpl04s6] .student-active-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    gap: 18px;
}

[b-zuwfpl04s6] .student-active-total span {
    color: #475569;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

[b-zuwfpl04s6] .student-active-total strong {
    flex-shrink: 0;
    color: #0f4ea3;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

[b-zuwfpl04s6] .student-pie-layout {
    min-height: 330px;
    display: grid;
    grid-template-columns: minmax(240px, 40%) 1fr;
    align-items: center;
    gap: 26px;
    padding: 22px;
}

[b-zuwfpl04s6] .student-pie-wrap {
    position: relative;
    width: min(300px, 100%);
    aspect-ratio: 1;
    justify-self: center;
}

[b-zuwfpl04s6] .student-pie {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}

[b-zuwfpl04s6] .pie-slice-label {
    position: absolute;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 3px rgba(15, 23, 42, 0.55);
    pointer-events: none;
}

[b-zuwfpl04s6] .student-pie-legend {
    display: grid;
    gap: 8px;
}

[b-zuwfpl04s6] .legend-row {
    min-height: 38px;
    display: grid;
    grid-template-columns: 14px 1fr 72px 84px;
    align-items: center;
    gap: 10px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #06142b;
    text-align: left;
    font-weight: 700;
}

[b-zuwfpl04s6] .legend-row:hover,
[b-zuwfpl04s6] .legend-row.active,
[b-zuwfpl04s6] .clickable-row:hover,
[b-zuwfpl04s6] .clickable-row.active {
    background: transparent;
}

[b-zuwfpl04s6] .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

[b-zuwfpl04s6] .legend-row em {
    color: #334155;
    font-style: normal;
    text-align: right;
}

[b-zuwfpl04s6] .legend-row .legend-percent {
    font-weight: 700;
}

[b-zuwfpl04s6] .legend-row .legend-value {
    color: #06142b;
}

[b-zuwfpl04s6] .table-scroll {
    overflow-x: auto;
}

[b-zuwfpl04s6] table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

[b-zuwfpl04s6] .renewal-center-table-scroll,
[b-zuwfpl04s6] .renewal-cm-table-scroll,
[b-zuwfpl04s6] .renewal-class-table-scroll {
    overflow-x: hidden;
}

[b-zuwfpl04s6] .renewal-center-table,
[b-zuwfpl04s6] .renewal-cm-table-scroll table,
[b-zuwfpl04s6] .renewal-class-table-scroll table {
    min-width: 0;
    table-layout: fixed;
}

[b-zuwfpl04s6] .renewal-center-table th,
[b-zuwfpl04s6] .renewal-center-table td,
[b-zuwfpl04s6] .renewal-cm-table-scroll th,
[b-zuwfpl04s6] .renewal-cm-table-scroll td,
[b-zuwfpl04s6] .renewal-class-table-scroll th,
[b-zuwfpl04s6] .renewal-class-table-scroll td {
    padding: 12px 10px;
    overflow-wrap: anywhere;
}

[b-zuwfpl04s6] .renewal-center-table th:nth-child(1),
[b-zuwfpl04s6] .renewal-center-table td:nth-child(1) {
    width: 8%;
}

[b-zuwfpl04s6] .renewal-center-table th:nth-child(2),
[b-zuwfpl04s6] .renewal-center-table td:nth-child(2) {
    width: 34%;
}

[b-zuwfpl04s6] .renewal-center-table th:nth-child(n+3),
[b-zuwfpl04s6] .renewal-center-table td:nth-child(n+3) {
    width: 14.5%;
    text-align: center;
}

[b-zuwfpl04s6] .renewal-cm-table th:nth-child(1),
[b-zuwfpl04s6] .renewal-cm-table td:nth-child(1) {
    width: 7%;
}

[b-zuwfpl04s6] .renewal-cm-table th:nth-child(2),
[b-zuwfpl04s6] .renewal-cm-table td:nth-child(2) {
    width: 32%;
}

[b-zuwfpl04s6] .renewal-cm-table th:nth-child(3),
[b-zuwfpl04s6] .renewal-cm-table td:nth-child(3) {
    width: 10%;
    text-align: center;
}

[b-zuwfpl04s6] .renewal-cm-table th:nth-child(n+4),
[b-zuwfpl04s6] .renewal-cm-table td:nth-child(n+4) {
    width: 12.75%;
    text-align: center;
}

[b-zuwfpl04s6] th,
[b-zuwfpl04s6] td {
    padding: 13px 16px;
    border-bottom: 1px solid #d9e3f0;
    color: #06142b;
    text-align: left;
    font-size: 0.85rem;
    font-weight: 600;
}

[b-zuwfpl04s6] .student-detail-panel td {
    font-weight: 500;
}

[b-zuwfpl04s6] th {
    background: #eaf1fb;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

[b-zuwfpl04s6] tbody tr:nth-child(odd) {
    background: #fff8ee;
}

[b-zuwfpl04s6] .clickable-row {
    cursor: pointer;
}

[b-zuwfpl04s6] .empty-row {
    color: #64748b !important;
    text-align: center !important;
}

[b-zuwfpl04s6] .good-value {
    color: #00875a !important;
    font-weight: 700 !important;
}

[b-zuwfpl04s6] .bad-value {
    color: #d01616 !important;
    font-weight: 700 !important;
}

@media (max-width: 1280px) {
    .student-table-grid[b-zuwfpl04s6],
    .student-detail-grid[b-zuwfpl04s6] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 920px) {
    .renewal-kpi-grid[b-zuwfpl04s6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .renewal-kpi-grid[b-zuwfpl04s6],
}
@media (max-width: 760px) {
    .student-filter[b-zuwfpl04s6],
    .payable-filter[b-zuwfpl04s6],
    .revenue-filter-bar[b-zuwfpl04s6],
    .student-branch-filter[b-zuwfpl04s6] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-zuwfpl04s6] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-zuwfpl04s6] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-zuwfpl04s6] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Company/RenewalManagement/Table/StudentRenewalInModuleRegionTable.razor.rz.scp.css */
.renewal-region-table-scroll[b-chi7ue89sg] {
    overflow-x: hidden;
}

.renewal-region-table[b-chi7ue89sg] {
    min-width: 0;
    table-layout: fixed;
}

.renewal-region-table th[b-chi7ue89sg],
.renewal-region-table td[b-chi7ue89sg] {
    padding: 12px 10px;
    overflow-wrap: anywhere;
}

.renewal-region-table th:nth-child(1)[b-chi7ue89sg],
.renewal-region-table td:nth-child(1)[b-chi7ue89sg] {
    width: 54px;
}

.renewal-region-table th:nth-child(2)[b-chi7ue89sg],
.renewal-region-table td:nth-child(2)[b-chi7ue89sg] {
    width: auto;
}

.renewal-region-table th:nth-child(n+3)[b-chi7ue89sg],
.renewal-region-table td:nth-child(n+3)[b-chi7ue89sg] {
    width: 15%;
    text-align: center;
}
/* /Components/Pages/DashBoard.Company/Revenue/Filter/Filter.razor.rz.scp.css */
.revenue-filter-bar[b-0rmb8agyur] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-0rmb8agyur] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-0rmb8agyur] {
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.86rem;
    font-weight: 600;
}

.time-filter-button.active[b-0rmb8agyur] {
    border-color: #1f2937;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-0rmb8agyur] {
    min-height: 38px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.86rem;
    font-weight: 600;
}

.year-picker[b-0rmb8agyur] {
    width: 92px;
}







@media (max-width: 680px) {
    .time-filter-button[b-0rmb8agyur] {
        min-height: 34px;
        padding: 0 10px;
        font-size: 0.78rem;
    }

}
@media (max-width: 760px) {
    .student-filter[b-0rmb8agyur],
    .payable-filter[b-0rmb8agyur],
    .revenue-filter-bar[b-0rmb8agyur],
    .student-branch-filter[b-0rmb8agyur] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-0rmb8agyur] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-0rmb8agyur] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-0rmb8agyur] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Company/Revenue/Panel/RenewPanel.razor.rz.scp.css */
.renew-health-panel[b-qh4xkcrpf0] {
    display: grid;
    gap: 14px;
    padding: 18px;
    border: 1px solid #70819a;
    border-radius: 8px;
    background: #e7f1ff;
}

.renew-health-panel > header[b-qh4xkcrpf0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.renew-health-panel h2[b-qh4xkcrpf0] {
    margin: 0;
    color: #0e1a2f;
    font-size: 1.7rem;
    font-weight: 500;
}

.renew-health-content[b-qh4xkcrpf0] {
    display: grid;
    grid-template-columns: minmax(420px, 0.92fr) minmax(520px, 1.08fr);
    gap: 14px;
    align-items: stretch;
}

.renew-metric-grid[b-qh4xkcrpf0] {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.renew-rate-chart[b-qh4xkcrpf0] {
    min-height: 258px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 8px;
    padding: 14px 16px 12px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.renew-chart-header[b-qh4xkcrpf0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.renew-rate-chart h3[b-qh4xkcrpf0] {
    margin: 0;
    color: #1f2937;
    font-size: 0.9rem;
    font-weight: 700;
}

.renew-chart-header span[b-qh4xkcrpf0] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 600;
}

.renew-line-wrap[b-qh4xkcrpf0] {
    position: relative;
    min-height: 196px;
    overflow: hidden;
}

.renew-line-chart[b-qh4xkcrpf0] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: block;
}

.renew-y-axis[b-qh4xkcrpf0] {
    position: absolute;
    inset: 0 auto 0 0;
    width: 108px;
    pointer-events: none;
}

.renew-y-axis span[b-qh4xkcrpf0] {
    position: absolute;
    left: 0;
    max-width: 102px;
    overflow: hidden;
    color: #64748b;
    font-size: 0.61rem;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform: translateY(-50%);
}

.renew-axis[b-qh4xkcrpf0] {
    stroke: #aebed2;
    stroke-width: 1.2;
}

.renew-grid-line[b-qh4xkcrpf0] {
    stroke: #eef3fb;
    stroke-width: 1;
}

.renew-rate-area[b-qh4xkcrpf0] {
    fill: rgba(8, 113, 84, 0.12);
    stroke: none;
    pointer-events: none;
}

.renew-rate-line[b-qh4xkcrpf0] {
    fill: none;
    stroke: #087154;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3.2;
    pointer-events: none;
}

.renew-hotspot[b-qh4xkcrpf0] {
    fill: transparent;
    cursor: crosshair;
    pointer-events: all;
}

.renew-rate-dot[b-qh4xkcrpf0] {
    fill: #087154;
    stroke: #ffffff;
    stroke-width: 2;
    pointer-events: none;
}

.renew-rate-dot.active[b-qh4xkcrpf0] {
    r: 6;
}

.renew-chart-tooltip[b-qh4xkcrpf0] {
    position: absolute;
    min-width: 146px;
    display: grid;
    gap: 4px;
    padding: 9px 11px;
    border-radius: 8px;
    background: #213145;
    color: #ffffff;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.22);
    transform: translate(-50%, calc(-100% - 10px));
    pointer-events: none;
    z-index: 3;
    font-size: 0.76rem;
}

.renew-chart-tooltip strong[b-qh4xkcrpf0] {
    color: #72ffd0;
    font-weight: 700;
}

.renew-chart-tooltip span[b-qh4xkcrpf0] {
    font-weight: 600;
    white-space: nowrap;
}

.renew-line-labels[b-qh4xkcrpf0] {
    display: grid;
    grid-template-columns: repeat(var(--renew-count), minmax(0, 1fr));
    gap: 4px;
    padding-left: 112px;
    color: #374151;
    font-size: 0.68rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
}

@media (max-width: 1240px) {
    .renew-health-content[b-qh4xkcrpf0] {
        grid-template-columns: 1fr;
    }

    .renew-rate-chart[b-qh4xkcrpf0] {
        min-height: 300px;
    }
}

@media (max-width: 680px) {
    .renew-health-panel[b-qh4xkcrpf0] {
        padding: 14px;
    }

    .renew-health-panel > header[b-qh4xkcrpf0] {
        align-items: flex-start;
        flex-direction: column;
    }

    .renew-health-panel h2[b-qh4xkcrpf0] {
        font-size: 1.28rem;
    }

    .renew-metric-grid[b-qh4xkcrpf0] {
        grid-template-columns: 1fr;
    }

    .renew-y-axis[b-qh4xkcrpf0] {
        width: 84px;
    }

    .renew-y-axis span[b-qh4xkcrpf0] {
        max-width: 78px;
        font-size: 0.54rem;
    }

    .renew-line-labels[b-qh4xkcrpf0] {
        overflow-x: auto;
        padding-left: 84px;
        font-size: 0.6rem;
    }
}
/* /Components/Pages/DashBoard.Company/Revenue/Panel/RevenuePanel.razor.rz.scp.css */
.revenue-kpi-grid[b-2ysphx43es] {
    display: grid;
    grid-template-columns: 1.55fr repeat(3, minmax(170px, 1fr));
    gap: 14px;
}

.total-revenue-card[b-2ysphx43es] {
    position: relative;
    min-height: 112px;
    display: grid;
    align-content: start;
    padding: 18px 20px;
    border-radius: 8px;
    background: linear-gradient(135deg, #071a85, #0b46b1);
    color: #ffffff;
    box-shadow: 0 16px 34px rgba(7, 26, 133, 0.22);
}

.total-revenue-card span[b-2ysphx43es] {
    display: block;
    margin-bottom: 8px;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.total-revenue-card strong[b-2ysphx43es] {
    font-size: clamp(1.45rem, 1.9vw, 1.9rem);
    line-height: 1.08;
    font-weight: 700;
}

.growth-pill[b-2ysphx43es] {
    position: absolute;
    top: 16px;
    right: 18px;
    width: fit-content;
    margin: 0;
    padding: 7px 12px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.12);
    color: #72ffd0;
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 1180px) {
    .revenue-kpi-grid[b-2ysphx43es] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .revenue-kpi-grid[b-2ysphx43es] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/DashBoard.Company/Revenue/RevenueMetricCard.razor.rz.scp.css */
.metric-card[b-wftvmwzsby] {
    position: relative;
    min-height: 112px;
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 18px 20px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.metric-card.warning[b-wftvmwzsby] {
    border-left: 4px solid #c42828;
}

.metric-card span[b-wftvmwzsby] {
    color: #1f2937;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.metric-card strong[b-wftvmwzsby] {
    color: #0e1a2f;
    font-size: clamp(1.45rem, 1.9vw, 1.9rem);
    line-height: 1.08;
    font-weight: 700;
}

.metric-card p[b-wftvmwzsby],
.metric-card small[b-wftvmwzsby] {
    margin: 0;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
}

.metric-card small[b-wftvmwzsby] {
    color: #0f766e;
}

.metric-card em[b-wftvmwzsby] {
    position: absolute;
    top: 16px;
    right: 18px;
    padding: 6px 10px;
    border-radius: 8px;
    background: #dcfce7;
    color: #007a4d;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.metric-card em.negative[b-wftvmwzsby],
.metric-card.warning em[b-wftvmwzsby] {
    background: #fee2e2;
    color: #c42828;
}
/* /Components/Pages/DashBoard.Company/Revenue/RevenuePage.razor.rz.scp.css */
.revenue-page[b-fpqk61pm4n] {
    display: grid;
    gap: 18px;
}

.revenue-state-panel[b-fpqk61pm4n] {
    min-height: 280px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.revenue-state-panel strong[b-fpqk61pm4n] {
    color: #0e1a2f;
    font-size: 1.2rem;
    font-weight: 700;
}

.revenue-state-panel span[b-fpqk61pm4n] {
    max-width: 640px;
    color: #526174;
    font-weight: 500;
}

.revenue-state-panel.error[b-fpqk61pm4n] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.revenue-state-panel.error strong[b-fpqk61pm4n] {
    color: #b30f18;
}

.revenue-state-panel button[b-fpqk61pm4n] {
    min-height: 38px;
    padding: 0 16px;
    border: 0;
    border-radius: 8px;
    background: #082b9d;
    color: #ffffff;
    font-weight: 700;
}

.revenue-chart-grid[b-fpqk61pm4n] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
}

.revenue-table-grid[b-fpqk61pm4n] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    align-items: start;
}

@media (max-width: 980px) {
    .revenue-chart-grid[b-fpqk61pm4n] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1120px) {
    .revenue-table-grid[b-fpqk61pm4n] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/DashBoard.Company/Revenue/Table/CenterDetailTable.razor.rz.scp.css */
.table-panel[b-j4xi994qpk] {
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.table-panel header[b-j4xi994qpk] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 15px 22px 15px 28px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.table-panel header[b-j4xi994qpk]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0d35a8;
}

.table-panel h2[b-j4xi994qpk] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.2;
}

.table-panel header span[b-j4xi994qpk] {
    color: #526174;
    font-weight: 600;
}

.table-scroll[b-j4xi994qpk] {
    overflow-x: hidden;
}

table[b-j4xi994qpk] {
    width: 100%;
    min-width: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

th[b-j4xi994qpk],
td[b-j4xi994qpk] {
    padding: 12px 10px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
    overflow-wrap: anywhere;
}

th[b-j4xi994qpk] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-j4xi994qpk] {
    color: #111827;
    font-size: 0.88rem;
    font-weight: 500;
}

th:nth-child(1)[b-j4xi994qpk],
td:nth-child(1)[b-j4xi994qpk] {
    width: 8%;
}

th:nth-child(2)[b-j4xi994qpk],
td:nth-child(2)[b-j4xi994qpk] {
    width: 28%;
}

th:nth-child(3)[b-j4xi994qpk],
td:nth-child(3)[b-j4xi994qpk],
th:nth-child(4)[b-j4xi994qpk],
td:nth-child(4)[b-j4xi994qpk],
th:nth-child(5)[b-j4xi994qpk],
td:nth-child(5)[b-j4xi994qpk] {
    width: 18%;
    text-align: right;
}

th:nth-child(6)[b-j4xi994qpk],
td:nth-child(6)[b-j4xi994qpk] {
    width: 10%;
    text-align: right;
}

tbody tr.risk-row[b-j4xi994qpk] {
    background: #fff6f6;
}

tbody tr[b-j4xi994qpk] {
    cursor: pointer;
}

tbody tr:hover[b-j4xi994qpk],
tbody tr.selected-row[b-j4xi994qpk] {
    background: #eef5ff;
}

td strong[b-j4xi994qpk],
.good-value[b-j4xi994qpk],
.bad-value[b-j4xi994qpk] {
    font-weight: 700;
}

.good-value[b-j4xi994qpk] {
    color: #007a4d;
}

.bad-value[b-j4xi994qpk] {
    color: #c42828;
}

.empty-row[b-j4xi994qpk] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
tbody td[b-j4xi994qpk] {
    font-weight: 500;
}

tbody td strong[b-j4xi994qpk] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Company/Revenue/Table/EmployeeRevenueTable.razor.rz.scp.css */
.table-panel[b-lj8uxol1sb] {
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.table-panel header[b-lj8uxol1sb] {
    position: relative;
    padding: 15px 22px 15px 28px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.table-panel header[b-lj8uxol1sb]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0d35a8;
}

.table-panel h2[b-lj8uxol1sb] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.2;
}

.table-scroll[b-lj8uxol1sb] {
    overflow-x: hidden;
}

table[b-lj8uxol1sb] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

.student-detail .table-scroll[b-lj8uxol1sb] {
    overflow-x: auto;
}

.student-detail table[b-lj8uxol1sb] {
    min-width: 1180px;
    table-layout: auto;
}

th[b-lj8uxol1sb],
td[b-lj8uxol1sb] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-lj8uxol1sb] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-lj8uxol1sb] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
    overflow-wrap: anywhere;
}

tbody tr.risk-row[b-lj8uxol1sb] {
    background: #fff6f6;
}

tbody tr[b-lj8uxol1sb] {
    cursor: pointer;
}

tbody tr.selected-row[b-lj8uxol1sb] {
    background: #eef6ff;
    box-shadow: inset 4px 0 0 #2563eb;
}

.student-detail[b-lj8uxol1sb] {
    border-top: 1px solid #dbe4ef;
    background: #fbfdff;
}

.student-detail header[b-lj8uxol1sb] {
    background: linear-gradient(90deg, #eef6ff 0%, #ffffff 76%);
}

.student-detail header[b-lj8uxol1sb]::before {
    background: #2563eb;
}

.student-detail h3[b-lj8uxol1sb] {
    margin: 0;
    color: #071a3d;
    font-size: 1.02rem;
    font-weight: 700;
}

td strong[b-lj8uxol1sb],
.good-value[b-lj8uxol1sb],
.bad-value[b-lj8uxol1sb] {
    font-weight: 700;
}

.good-value[b-lj8uxol1sb] {
    color: #007a4d;
}

.bad-value[b-lj8uxol1sb] {
    color: #c42828;
}

.empty-row[b-lj8uxol1sb] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
.student-detail tbody td[b-lj8uxol1sb] {
    font-weight: 500;
}

.student-detail tbody td strong[b-lj8uxol1sb] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Company/Revenue/Table/TopRegionTable.razor.rz.scp.css */
.table-panel[b-7u2fsejwdw] {
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.table-panel header[b-7u2fsejwdw] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 15px 22px 15px 28px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.table-panel header[b-7u2fsejwdw]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0d35a8;
}

.table-panel h2[b-7u2fsejwdw] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.2;
}

.table-panel header span[b-7u2fsejwdw] {
    color: #005fd8;
    font-weight: 600;
}

.table-scroll[b-7u2fsejwdw] {
    overflow-x: hidden;
}

table[b-7u2fsejwdw] {
    width: 100%;
    min-width: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

th[b-7u2fsejwdw],
td[b-7u2fsejwdw] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
    overflow-wrap: anywhere;
}

th[b-7u2fsejwdw] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

tbody tr[b-7u2fsejwdw] {
    cursor: pointer;
}

tbody tr:hover[b-7u2fsejwdw],
tbody tr.selected[b-7u2fsejwdw] {
    background: #f3f9ff;
}

tbody tr.risk-row[b-7u2fsejwdw] {
    background: #fff6f6;
}

tbody tr.selected.risk-row[b-7u2fsejwdw] {
    background: #fff0ee;
}

td[b-7u2fsejwdw] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-7u2fsejwdw],
.good-value[b-7u2fsejwdw],
.bad-value[b-7u2fsejwdw] {
    font-weight: 700;
}

.good-value[b-7u2fsejwdw] {
    color: #007a4d;
}

.bad-value[b-7u2fsejwdw] {
    color: #c42828;
}
/* /Components/Pages/DashBoard.Company/Shared/CompanyRegionMetricTable.razor.rz.scp.css */
.company-region-metric-panel[b-beqe3hxcxu] {
    min-height: 100%;
}

.company-region-metric-panel header[b-beqe3hxcxu] {
    padding: 14px 18px;
    border-bottom: 1px solid var(--dashboard-border, #e5eaf1);
}

.company-region-metric-panel h2[b-beqe3hxcxu] {
    margin: 0;
    color: var(--dashboard-text-color, #0f172a);
    font-size: var(--dashboard-font-size-section-title, 16px);
    font-weight: 600;
    line-height: 1.35;
}

.company-region-metric-table[b-beqe3hxcxu] {
    overflow-x: hidden;
}

.company-region-metric-table table[b-beqe3hxcxu] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

.company-region-metric-table th[b-beqe3hxcxu],
.company-region-metric-table td[b-beqe3hxcxu] {
    padding: 13px 16px;
    border-bottom: 1px solid var(--dashboard-border, #e5eaf1);
    overflow-wrap: anywhere;
}

.company-region-metric-table th[b-beqe3hxcxu] {
    background: var(--dashboard-surface-muted, #f6f8fb);
    color: var(--dashboard-table-header-color, #64748b);
    font-size: var(--dashboard-font-size-table-header, 12.5px);
    font-weight: 600;
}

.company-region-metric-table td[b-beqe3hxcxu] {
    color: var(--dashboard-text-color, #0f172a);
    font-size: var(--dashboard-font-size-table-body, 13.5px);
    font-weight: 400;
}

.company-region-metric-table tbody tr:last-child td[b-beqe3hxcxu] {
    border-bottom: 0;
}

.company-region-metric-table tbody tr.clickable-row[b-beqe3hxcxu] {
    cursor: pointer;
}

.company-region-metric-table tbody tr.clickable-row:hover[b-beqe3hxcxu] {
    background: var(--dashboard-surface-muted, #f6f8fb);
}

.company-region-metric-table tbody tr.clickable-row.active[b-beqe3hxcxu] {
    background: var(--dashboard-accent-soft, #eef7f5);
    box-shadow: inset 3px 0 0 var(--dashboard-accent, #0f766e);
}

.company-region-metric-table th:nth-child(1)[b-beqe3hxcxu],
.company-region-metric-table td:nth-child(1)[b-beqe3hxcxu] {
    width: 52px;
    min-width: 52px;
    max-width: 52px;
    text-align: center;
    white-space: nowrap;
}

.company-region-metric-table th:nth-child(2)[b-beqe3hxcxu],
.company-region-metric-table td:nth-child(2)[b-beqe3hxcxu] {
    width: auto;
}

.company-region-metric-table th:nth-child(3)[b-beqe3hxcxu],
.company-region-metric-table td:nth-child(3)[b-beqe3hxcxu],
.company-region-metric-table th:nth-child(4)[b-beqe3hxcxu],
.company-region-metric-table td:nth-child(4)[b-beqe3hxcxu] {
    width: 24%;
    text-align: center;
}

.company-region-metric-table.metric-only th:nth-child(3)[b-beqe3hxcxu],
.company-region-metric-table.metric-only td:nth-child(3)[b-beqe3hxcxu] {
    width: 32%;
    text-align: center;
}

.company-region-metric-table .empty-row[b-beqe3hxcxu] {
    padding: 22px 16px;
    color: var(--dashboard-muted-color, #64748b);
    text-align: center;
}
/* /Components/Pages/DashBoard.Company/StudentInBranch/NewStudentInBranch/NewStudentInBranchPage.razor.rz.scp.css */
.student-branch-page[b-a4mg7swryb] {
    display: grid;
    gap: 18px;
}

.student-state[b-a4mg7swryb] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.student-state strong[b-a4mg7swryb] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.student-state.error[b-a4mg7swryb] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.student-state.error strong[b-a4mg7swryb] {
    color: #b30f18;
}

.student-state button[b-a4mg7swryb] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.student-table-grid[b-a4mg7swryb] {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: 18px;
    align-items: start;
}

.student-branch-drilldown-grid[b-a4mg7swryb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

@media (max-width: 1180px) {
    .student-table-grid[b-a4mg7swryb],
    .student-branch-drilldown-grid[b-a4mg7swryb] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/DashBoard.Company/StudentInBranch/NewStudentInBranch/Table/NewStudentInBranchCenterTable.razor.rz.scp.css */
.student-panel[b-phopj5a7mt] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-phopj5a7mt] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-phopj5a7mt]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #2563eb;
}

.student-panel h2[b-phopj5a7mt] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 700;
}

.table-scroll[b-phopj5a7mt] {
    overflow: auto;
}

table[b-phopj5a7mt] {
    width: 100%;
    border-collapse: collapse;
    color: #06142b;
}

th[b-phopj5a7mt],
td[b-phopj5a7mt] {
    padding: 13px 16px;
    border-bottom: 1px solid #d7e0ec;
    text-align: left;
    font-weight: 600;
}

th[b-phopj5a7mt] {
    background: #edf3fb;
    font-size: 0.72rem;
    text-transform: uppercase;
}

.clickable-row[b-phopj5a7mt] {
    cursor: pointer;
}

.clickable-row:hover[b-phopj5a7mt],
.clickable-row.active[b-phopj5a7mt] {
    background: #fff7ed;
}

.clickable-row.active[b-phopj5a7mt] {
    box-shadow: inset 4px 0 0 #2563eb;
}

.empty-row[b-phopj5a7mt] {
    padding: 22px;
    color: #526174;
    text-align: center;
}
/* /Components/Pages/DashBoard.Company/StudentInBranch/NewStudentInBranch/Table/NewStudentInBranchDetailTable.razor.rz.scp.css */
.student-panel[b-vn0p0rnhi5] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-vn0p0rnhi5] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-vn0p0rnhi5]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-vn0p0rnhi5] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 700;
}

.table-scroll[b-vn0p0rnhi5] {
    overflow: auto;
}

table[b-vn0p0rnhi5] {
    width: 100%;
    border-collapse: collapse;
    color: #06142b;
}

th[b-vn0p0rnhi5],
td[b-vn0p0rnhi5] {
    padding: 13px 16px;
    border-bottom: 1px solid #d7e0ec;
    text-align: left;
    font-weight: 600;
}

th[b-vn0p0rnhi5] {
    background: #edf3fb;
    font-size: 0.72rem;
    text-transform: uppercase;
}

.empty-row[b-vn0p0rnhi5] {
    padding: 22px;
    color: #526174;
    text-align: center;
}
tbody td[b-vn0p0rnhi5] {
    font-weight: 500;
}

tbody td strong[b-vn0p0rnhi5] {
    font-weight: 500;
}

.export-only-table[b-vn0p0rnhi5] {
    display: none;
}

/* /Components/Pages/DashBoard.Company/StudentInBranch/NewStudentInBranch/Table/NewStudentInBranchEmployeeTable.razor.rz.scp.css */
.student-panel[b-kefoqcvpq8] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-kefoqcvpq8] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-kefoqcvpq8]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-kefoqcvpq8] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 700;
}

.table-scroll[b-kefoqcvpq8] {
    overflow: auto;
}

table[b-kefoqcvpq8] {
    width: 100%;
    border-collapse: collapse;
    color: #06142b;
}

th[b-kefoqcvpq8],
td[b-kefoqcvpq8] {
    padding: 13px 16px;
    border-bottom: 1px solid #d7e0ec;
    text-align: left;
    font-weight: 600;
}

th[b-kefoqcvpq8] {
    background: #edf3fb;
    font-size: 0.72rem;
    text-transform: uppercase;
}

.clickable-row[b-kefoqcvpq8] {
    cursor: pointer;
}

.clickable-row:hover[b-kefoqcvpq8],
.clickable-row.active[b-kefoqcvpq8] {
    background: #fff7ed;
}

.clickable-row.active[b-kefoqcvpq8] {
    box-shadow: inset 4px 0 0 #0f766e;
}

.empty-row[b-kefoqcvpq8] {
    padding: 22px;
    color: #526174;
    text-align: center;
}
/* /Components/Pages/DashBoard.Company/StudentInBranch/NewStudentInBranch/Table/NewStudentInBranchRegionTable.razor.rz.scp.css */
.student-region-panel[b-cz2h773cjy] {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5eaf1;
    border-radius: 8px;
}

.student-region-panel header[b-cz2h773cjy] {
    padding: 14px 20px;
    border-bottom: 1px solid #e5eaf1;
    background: #fff;
}

.student-region-panel h2[b-cz2h773cjy] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 600;
}

.student-branch-region-table-scroll[b-cz2h773cjy] {
    overflow-x: hidden;
}

.student-branch-region-table[b-cz2h773cjy] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
    color: #06142b;
}

.student-branch-region-table th[b-cz2h773cjy],
.student-branch-region-table td[b-cz2h773cjy] {
    padding: 12px 10px;
    border-bottom: 1px solid #eef2f7;
    overflow-wrap: anywhere;
    text-align: left;
}

.student-branch-region-table th[b-cz2h773cjy] {
    background: #f6f8fb;
    color: #64748b;
    font-size: 12.5px;
    font-weight: 600;
}

.student-branch-region-table td[b-cz2h773cjy] {
    font-size: 14px;
    font-weight: 400;
}

.student-branch-region-table tbody tr:last-child td[b-cz2h773cjy] {
    border-bottom: 0;
}

.student-branch-region-table .clickable-row[b-cz2h773cjy] {
    cursor: pointer;
}

.student-branch-region-table .clickable-row:hover[b-cz2h773cjy],
.student-branch-region-table .clickable-row.active[b-cz2h773cjy] {
    background: #f8fbfd;
}

.student-branch-region-table .empty-row[b-cz2h773cjy] {
    padding: 18px 10px;
    color: #64748b;
    text-align: center;
}

.student-branch-region-table th:nth-child(1)[b-cz2h773cjy],
.student-branch-region-table td:nth-child(1)[b-cz2h773cjy] {
    width: 54px;
}

.student-branch-region-table th:nth-child(2)[b-cz2h773cjy],
.student-branch-region-table td:nth-child(2)[b-cz2h773cjy] {
    width: auto;
}

.student-branch-region-table th:nth-child(n+3)[b-cz2h773cjy],
.student-branch-region-table td:nth-child(n+3)[b-cz2h773cjy] {
    width: 15%;
    text-align: center;
}
/* /Components/Pages/DashBoard.Company/StudentInBranch/Shared/StudentInBranchFilter.razor.rz.scp.css */
.student-branch-filter[b-r26xy8mkwc] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-r26xy8mkwc] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-r26xy8mkwc],
.period-picker[b-r26xy8mkwc] {
    min-height: 38px;
    padding: 0 16px;
    border: 1px solid #aebdd2;
    border-radius: 6px;
    background: #ffffff;
    color: #071a3d;
    font-weight: 700;
}

.time-filter-button.active[b-r26xy8mkwc] {
    border-color: #111827;
    background: #111827;
    color: #ffffff;
}

.year-picker[b-r26xy8mkwc] {
    width: 110px;
}


label[b-r26xy8mkwc] {
    display: grid;
    gap: 6px;
}

label span[b-r26xy8mkwc] {
    color: #071a3d;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

select[b-r26xy8mkwc] {
    min-height: 40px;
    border: 1px solid #b7c8df;
    border-radius: 6px;
    background: #f8fbff;
    color: #071a3d;
    font-weight: 700;
    padding: 0 12px;
}


@media (max-width: 760px) {
    .student-filter[b-r26xy8mkwc],
    .payable-filter[b-r26xy8mkwc],
    .revenue-filter-bar[b-r26xy8mkwc],
    .student-branch-filter[b-r26xy8mkwc] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-r26xy8mkwc] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-r26xy8mkwc] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-r26xy8mkwc] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Company/StudentInModule/StudentActivelnModule/Filter/StudentFilter.razor.rz.scp.css */
.student-filter[b-o50zecv0u3] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-o50zecv0u3] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-o50zecv0u3] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.time-filter-button.active[b-o50zecv0u3] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-o50zecv0u3] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.year-picker[b-o50zecv0u3] {
    width: 92px;
}






@media (max-width: 760px) {
    .student-filter[b-o50zecv0u3],
    .payable-filter[b-o50zecv0u3],
    .revenue-filter-bar[b-o50zecv0u3],
    .student-branch-filter[b-o50zecv0u3] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-o50zecv0u3] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-o50zecv0u3] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-o50zecv0u3] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Company/StudentInModule/StudentActivelnModule/StudentActivePage.razor.rz.scp.css */
.student-page[b-kyod53fs50] {
    display: grid;
    gap: 18px;
}

.student-state[b-kyod53fs50] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.student-state strong[b-kyod53fs50] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.student-state.error[b-kyod53fs50] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.student-state.error strong[b-kyod53fs50] {
    color: #b30f18;
}

.student-state button[b-kyod53fs50] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.student-table-grid[b-kyod53fs50] {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: 18px;
    align-items: start;
}

.student-detail-grid[b-kyod53fs50] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    align-items: start;
}

.student-class-student-grid[b-kyod53fs50] {
    display: grid;
    grid-template-columns: minmax(260px, 0.3fr) minmax(0, 0.7fr);
    gap: 18px;
    align-items: start;
}

.student-table-grid > *[b-kyod53fs50],
.student-detail-grid > *[b-kyod53fs50],
.student-class-student-grid > *[b-kyod53fs50] {
    min-width: 0;
}

@media (max-width: 900px) {
    .student-table-grid[b-kyod53fs50],
    .student-detail-grid[b-kyod53fs50],
    .student-class-student-grid[b-kyod53fs50] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/DashBoard.Company/StudentInModule/StudentActivelnModule/Table/StudentActiveCenterTable.razor.rz.scp.css */
.student-panel[b-90boy516co] {
    overflow: hidden;
    border: 1px solid #d8e2ee;
    border-radius: 8px;
    background: #ffffff;
}

.student-panel header[b-90boy516co] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #e3e9f2;
    background: #ffffff;
}

.student-panel header[b-90boy516co]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #0f766e;
}

.student-panel h2[b-90boy516co] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 600;
}

.table-scroll[b-90boy516co] {
    overflow-x: hidden;
}

table[b-90boy516co] {
    width: 100%;
    min-width: 0;
    
    table-layout: fixed;
}

th[b-90boy516co],
td[b-90boy516co] {
    padding: 13px 14px;
    border-bottom: 1px solid #e5ecf4;
    text-align: left;
    
    overflow-wrap: anywhere;
}

th[b-90boy516co] {
    background: #f3f6fa;
    color: #52647c;
    font-size: 0.78rem;
    font-weight: 600;
}

td[b-90boy516co] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 400;
}

td strong[b-90boy516co] {
    font-weight: 500;
}

th:first-child[b-90boy516co],
td:first-child[b-90boy516co] {
    width: 52px;
}

th:nth-child(2)[b-90boy516co],
td:nth-child(2)[b-90boy516co] {
    width: 32%;
}

.empty-row[b-90boy516co] {
    color: #526174;
    text-align: center;
    font-weight: 500;
}

.clickable-row[b-90boy516co] {
    cursor: pointer;
}

.clickable-row:hover[b-90boy516co],
.clickable-row.active[b-90boy516co] {
    background: #f4f8ff;
}

.clickable-row.active[b-90boy516co] {
    box-shadow: inset 3px 0 0 #0f766e;
}
/* /Components/Pages/DashBoard.Company/StudentInModule/StudentActivelnModule/Table/StudentActiveRegionTable.razor.rz.scp.css */
.student-panel[b-7pyau10gu0] {
    overflow: hidden;
    border: 1px solid #d8e2ee;
    border-radius: 8px;
    background: #ffffff;
}

.student-panel header[b-7pyau10gu0] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #e3e9f2;
    background: #ffffff;
}

.student-panel header[b-7pyau10gu0]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #0f766e;
}

.student-panel h2[b-7pyau10gu0] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 600;
}

.table-scroll[b-7pyau10gu0] {
    overflow-x: hidden;
}

table[b-7pyau10gu0] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
}

th[b-7pyau10gu0],
td[b-7pyau10gu0] {
    padding: 13px 14px;
    border-bottom: 1px solid #e5ecf4;
    text-align: left;
    overflow-wrap: anywhere;
}

th[b-7pyau10gu0] {
    background: #f3f6fa;
    color: #52647c;
    font-size: 0.78rem;
    font-weight: 600;
}

td[b-7pyau10gu0] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 400;
}

td strong[b-7pyau10gu0] {
    font-weight: 500;
}

th:first-child[b-7pyau10gu0],
td:first-child[b-7pyau10gu0] {
    width: 52px;
}

th:nth-child(2)[b-7pyau10gu0],
td:nth-child(2)[b-7pyau10gu0] {
    width: 28%;
}

.empty-row[b-7pyau10gu0] {
    color: #526174;
    text-align: center;
    font-weight: 500;
}

.clickable-row[b-7pyau10gu0] {
    cursor: pointer;
}

.clickable-row:hover[b-7pyau10gu0],
.clickable-row.active[b-7pyau10gu0] {
    background: #f6f9fc;
}

.clickable-row.active[b-7pyau10gu0] {
    box-shadow: inset 3px 0 0 #0f766e;
}
/* /Components/Pages/DashBoard.Company/StudentInModule/StudentActivelnModule/Table/StudentClassTable.razor.rz.scp.css */
.student-panel[b-iwdtkev3yc] {
    overflow: hidden;
    border: 1px solid #d8e2ee;
    border-radius: 8px;
    background: #ffffff;
}

.student-panel header[b-iwdtkev3yc] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #e3e9f2;
    background: #ffffff;
}

.student-panel header[b-iwdtkev3yc]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #f59e0b;
}

.student-panel h2[b-iwdtkev3yc] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 600;
}

.table-scroll[b-iwdtkev3yc] {
    overflow-x: hidden;
}

table[b-iwdtkev3yc] {
    width: 100%;
    min-width: 0;
    
    table-layout: fixed;
}

th[b-iwdtkev3yc],
td[b-iwdtkev3yc] {
    padding: 13px 14px;
    border-bottom: 1px solid #e5ecf4;
    text-align: left;
    
    overflow-wrap: anywhere;
}

th[b-iwdtkev3yc] {
    background: #f3f6fa;
    color: #52647c;
    font-size: 0.78rem;
    font-weight: 600;
}

td[b-iwdtkev3yc] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 400;
}

td strong[b-iwdtkev3yc] {
    font-weight: 500;
}

th:first-child[b-iwdtkev3yc],
td:first-child[b-iwdtkev3yc] {
    width: 52px;
}

th:nth-child(2)[b-iwdtkev3yc],
td:nth-child(2)[b-iwdtkev3yc] {
    width: calc(100% - 140px);
}

th:nth-child(3)[b-iwdtkev3yc],
td:nth-child(3)[b-iwdtkev3yc] {
    width: 88px;
    text-align: center;
}

.empty-row[b-iwdtkev3yc] {
    color: #526174;
    text-align: center;
    font-weight: 500;
}

.clickable-row[b-iwdtkev3yc] {
    cursor: pointer;
}

.clickable-row:hover[b-iwdtkev3yc],
.clickable-row.active[b-iwdtkev3yc] {
    background: #f4f8ff;
}

.clickable-row.active[b-iwdtkev3yc] {
    box-shadow: inset 3px 0 0 #f59e0b;
}
/* /Components/Pages/DashBoard.Company/StudentInModule/StudentActivelnModule/Table/StudentCmTable.razor.rz.scp.css */
.student-panel[b-e5kbwoc011] {
    overflow: hidden;
    border: 1px solid #d8e2ee;
    border-radius: 8px;
    background: #ffffff;
}

.student-panel header[b-e5kbwoc011] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #e3e9f2;
    background: #ffffff;
}

.student-panel header[b-e5kbwoc011]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #7c3aed;
}

.student-panel h2[b-e5kbwoc011] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 600;
}

.table-scroll[b-e5kbwoc011] {
    overflow-x: hidden;
}

table[b-e5kbwoc011] {
    width: 100%;
    min-width: 0;
    
    table-layout: fixed;
}

th[b-e5kbwoc011],
td[b-e5kbwoc011] {
    padding: 13px 14px;
    border-bottom: 1px solid #e5ecf4;
    text-align: left;
    
    overflow-wrap: anywhere;
}

th[b-e5kbwoc011] {
    background: #f3f6fa;
    color: #52647c;
    font-size: 0.78rem;
    font-weight: 600;
}

td[b-e5kbwoc011] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 400;
}

td strong[b-e5kbwoc011] {
    font-weight: 500;
}

th:first-child[b-e5kbwoc011],
td:first-child[b-e5kbwoc011] {
    width: 52px;
}

th:nth-child(2)[b-e5kbwoc011],
td:nth-child(2)[b-e5kbwoc011] {
    width: 32%;
}

.empty-row[b-e5kbwoc011] {
    color: #526174;
    text-align: center;
    font-weight: 500;
}

.clickable-row[b-e5kbwoc011] {
    cursor: pointer;
}

.clickable-row:hover[b-e5kbwoc011],
.clickable-row.active[b-e5kbwoc011] {
    background: #f4f8ff;
}

.clickable-row.active[b-e5kbwoc011] {
    box-shadow: inset 3px 0 0 #7c3aed;
}
/* /Components/Pages/DashBoard.Company/StudentInModule/StudentActivelnModule/Table/StudentInClassTable.razor.rz.scp.css */
.student-panel[b-very4xtirk] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-very4xtirk] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-very4xtirk]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-very4xtirk] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-very4xtirk] {
    overflow-x: auto;
}

table[b-very4xtirk] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-very4xtirk],
td[b-very4xtirk] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-very4xtirk] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-very4xtirk] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-very4xtirk] {
    font-weight: 700;
}

.empty-row[b-very4xtirk] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
tbody td[b-very4xtirk] {
    font-weight: 500;
}

tbody td strong[b-very4xtirk] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Company/StudentInModule/StudentDeferInModule/Filter/StudentDeferInModuleFilter.razor.rz.scp.css */
.student-filter[b-w8ed51bnm5] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-w8ed51bnm5] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-w8ed51bnm5] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.time-filter-button.active[b-w8ed51bnm5] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-w8ed51bnm5] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.year-picker[b-w8ed51bnm5] {
    width: 92px;
}






@media (max-width: 760px) {
    .student-filter[b-w8ed51bnm5],
    .payable-filter[b-w8ed51bnm5],
    .revenue-filter-bar[b-w8ed51bnm5],
    .student-branch-filter[b-w8ed51bnm5] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-w8ed51bnm5] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-w8ed51bnm5] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-w8ed51bnm5] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Company/StudentInModule/StudentDeferInModule/StudentDeferInModulePage.razor.rz.scp.css */
.student-page[b-mxisqrrc8w] {
    display: grid;
    gap: 18px;
}

.student-state[b-mxisqrrc8w] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.student-state strong[b-mxisqrrc8w] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.student-state.error[b-mxisqrrc8w] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.student-state.error strong[b-mxisqrrc8w] {
    color: #b30f18;
}

.student-state button[b-mxisqrrc8w] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.student-table-grid[b-mxisqrrc8w] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.student-program-grid[b-mxisqrrc8w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 4fr);
    gap: 18px;
    align-items: start;
}

.student-table-grid > *[b-mxisqrrc8w],
.student-program-grid > *[b-mxisqrrc8w] {
    min-width: 0;
}

@media (max-width: 900px) {
    .student-table-grid[b-mxisqrrc8w],
    .student-program-grid[b-mxisqrrc8w] {
        grid-template-columns: 1fr;
    }
}


/* /Components/Pages/DashBoard.Company/StudentInModule/StudentDeferInModule/Table/StudentDeferInModuleCenterTable.razor.rz.scp.css */
.student-panel[b-440u2gfv2l] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-440u2gfv2l] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-440u2gfv2l]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-440u2gfv2l] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-440u2gfv2l] {
    overflow-x: hidden;
}

table[b-440u2gfv2l] {
    width: 100%;
    min-width: 0;
    
    table-layout: fixed;
}

th[b-440u2gfv2l],
td[b-440u2gfv2l] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    
    overflow-wrap: anywhere;
}

th[b-440u2gfv2l] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-440u2gfv2l] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-440u2gfv2l] {
    font-weight: 700;
}

.empty-row[b-440u2gfv2l] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

.clickable-row[b-440u2gfv2l] {
    cursor: pointer;
}

.clickable-row:hover[b-440u2gfv2l],
.clickable-row.active[b-440u2gfv2l] {
    background: #f4f8ff;
}

.clickable-row.active[b-440u2gfv2l] {
    box-shadow: inset 4px 0 0 #2563eb;
}


/* /Components/Pages/DashBoard.Company/StudentInModule/StudentDeferInModule/Table/StudentDeferInModuleDetailTable.razor.rz.scp.css */
.student-panel[b-6xcega3tzt] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-6xcega3tzt] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-6xcega3tzt]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-6xcega3tzt] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-6xcega3tzt] {
    overflow-x: auto;
}

table[b-6xcega3tzt] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-6xcega3tzt],
td[b-6xcega3tzt] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-6xcega3tzt] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-6xcega3tzt] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-6xcega3tzt] {
    font-weight: 700;
}

.empty-row[b-6xcega3tzt] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
tbody td[b-6xcega3tzt] {
    font-weight: 500;
}

tbody td strong[b-6xcega3tzt] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Company/StudentInModule/StudentDeferInModule/Table/StudentDeferInModuleProgramTable.razor.rz.scp.css */
.student-panel[b-sq7gapgx3h] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-sq7gapgx3h] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-sq7gapgx3h]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #7c3aed;
}

.student-panel h2[b-sq7gapgx3h] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-sq7gapgx3h] {
    overflow-x: hidden;
}

table[b-sq7gapgx3h] {
    width: 100%;
    min-width: 0;
    
    table-layout: fixed;
}

th[b-sq7gapgx3h],
td[b-sq7gapgx3h] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    
    overflow-wrap: anywhere;
}

th[b-sq7gapgx3h] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-sq7gapgx3h] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-sq7gapgx3h] {
    font-weight: 700;
}

tbody tr[b-sq7gapgx3h] {
    cursor: pointer;
}

tbody tr:hover[b-sq7gapgx3h] {
    background: #f7fbff;
}

.selected-row[b-sq7gapgx3h] {
    background: #eef5ff;
    outline: 2px solid #6aa1ff;
    outline-offset: -2px;
}

.empty-row[b-sq7gapgx3h] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
/* /Components/Pages/DashBoard.Company/StudentInModule/StudentPendingPaymentInModule/Filter/StudentPendingPaymentInModuleFilter.razor.rz.scp.css */
.student-filter[b-zsjrc288v0] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-zsjrc288v0] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-zsjrc288v0] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.time-filter-button.active[b-zsjrc288v0] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-zsjrc288v0] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.year-picker[b-zsjrc288v0] {
    width: 92px;
}






@media (max-width: 760px) {
    .student-filter[b-zsjrc288v0],
    .payable-filter[b-zsjrc288v0],
    .revenue-filter-bar[b-zsjrc288v0],
    .student-branch-filter[b-zsjrc288v0] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-zsjrc288v0] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-zsjrc288v0] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-zsjrc288v0] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Company/StudentInModule/StudentPendingPaymentInModule/StudentPendingPaymentInModulePage.razor.rz.scp.css */
.student-page[b-dt3piv9llc] {
    display: grid;
    gap: 18px;
}

.student-state[b-dt3piv9llc] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.student-state strong[b-dt3piv9llc] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.student-state.error[b-dt3piv9llc] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.student-state.error strong[b-dt3piv9llc] {
    color: #b30f18;
}

.student-state button[b-dt3piv9llc] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.student-table-grid[b-dt3piv9llc] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.student-program-grid[b-dt3piv9llc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 4fr);
    gap: 18px;
    align-items: start;
}

.student-table-grid > *[b-dt3piv9llc],
.student-program-grid > *[b-dt3piv9llc] {
    min-width: 0;
}

@media (max-width: 900px) {
    .student-table-grid[b-dt3piv9llc],
    .student-program-grid[b-dt3piv9llc] {
        grid-template-columns: 1fr;
    }
}


/* /Components/Pages/DashBoard.Company/StudentInModule/StudentPendingPaymentInModule/Table/StudentPendingPaymentInModuleCenterTable.razor.rz.scp.css */
.student-panel[b-totly4d0uy] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-totly4d0uy] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-totly4d0uy]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-totly4d0uy] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-totly4d0uy] {
    overflow-x: hidden;
}

table[b-totly4d0uy] {
    width: 100%;
    min-width: 0;
    
    table-layout: fixed;
}

th[b-totly4d0uy],
td[b-totly4d0uy] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    
    overflow-wrap: anywhere;
}

th[b-totly4d0uy] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-totly4d0uy] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-totly4d0uy] {
    font-weight: 700;
}

.empty-row[b-totly4d0uy] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

.clickable-row[b-totly4d0uy] {
    cursor: pointer;
}

.clickable-row:hover[b-totly4d0uy],
.clickable-row.active[b-totly4d0uy] {
    background: #f4f8ff;
}

.clickable-row.active[b-totly4d0uy] {
    box-shadow: inset 4px 0 0 #2563eb;
}


/* /Components/Pages/DashBoard.Company/StudentInModule/StudentPendingPaymentInModule/Table/StudentPendingPaymentInModuleDetailTable.razor.rz.scp.css */
.student-panel[b-8yv5oqam5y] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-8yv5oqam5y] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-8yv5oqam5y]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-8yv5oqam5y] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-8yv5oqam5y] {
    overflow-x: auto;
}

table[b-8yv5oqam5y] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-8yv5oqam5y],
td[b-8yv5oqam5y] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-8yv5oqam5y] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-8yv5oqam5y] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-8yv5oqam5y] {
    font-weight: 700;
}

.empty-row[b-8yv5oqam5y] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
tbody td[b-8yv5oqam5y] {
    font-weight: 500;
}

tbody td strong[b-8yv5oqam5y] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Company/StudentInModule/StudentPendingPaymentInModule/Table/StudentPendingPaymentInModuleProgramTable.razor.rz.scp.css */
.student-panel[b-49bqog0yr8] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-49bqog0yr8] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-49bqog0yr8]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #7c3aed;
}

.student-panel h2[b-49bqog0yr8] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-49bqog0yr8] {
    overflow-x: hidden;
}

table[b-49bqog0yr8] {
    width: 100%;
    min-width: 0;
    
    table-layout: fixed;
}

th[b-49bqog0yr8],
td[b-49bqog0yr8] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    
    overflow-wrap: anywhere;
}

th[b-49bqog0yr8] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-49bqog0yr8] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-49bqog0yr8] {
    font-weight: 700;
}

tbody tr[b-49bqog0yr8] {
    cursor: pointer;
}

tbody tr:hover[b-49bqog0yr8] {
    background: #f7fbff;
}

.selected-row[b-49bqog0yr8] {
    background: #eef5ff;
    outline: 2px solid #6aa1ff;
    outline-offset: -2px;
}

.empty-row[b-49bqog0yr8] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
/* /Components/Pages/DashBoard.Company/StudentInModule/StudentTrialInModule/Filter/StudentTrialInModuleFilter.razor.rz.scp.css */
.student-filter[b-rqjo8w6coc] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-rqjo8w6coc] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-rqjo8w6coc] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.time-filter-button.active[b-rqjo8w6coc] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-rqjo8w6coc] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.year-picker[b-rqjo8w6coc] {
    width: 92px;
}






@media (max-width: 760px) {
    .student-filter[b-rqjo8w6coc],
    .payable-filter[b-rqjo8w6coc],
    .revenue-filter-bar[b-rqjo8w6coc],
    .student-branch-filter[b-rqjo8w6coc] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-rqjo8w6coc] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-rqjo8w6coc] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-rqjo8w6coc] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Company/StudentInModule/StudentTrialInModule/StudentTrialInModulePage.razor.rz.scp.css */
.student-page[b-flhb4bhbwp] {
    display: grid;
    gap: 18px;
}

.student-state[b-flhb4bhbwp] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.student-state strong[b-flhb4bhbwp] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.student-state.error[b-flhb4bhbwp] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.student-state.error strong[b-flhb4bhbwp] {
    color: #b30f18;
}

.student-state button[b-flhb4bhbwp] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.student-table-grid[b-flhb4bhbwp] {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: 18px;
    align-items: start;
}

.student-program-grid[b-flhb4bhbwp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    align-items: start;
}

.student-table-grid > *[b-flhb4bhbwp],
.student-program-grid > *[b-flhb4bhbwp] {
    min-width: 0;
}

@media (max-width: 900px) {
    .student-table-grid[b-flhb4bhbwp],
    .student-program-grid[b-flhb4bhbwp] {
        grid-template-columns: 1fr;
    }
}


/* /Components/Pages/DashBoard.Company/StudentInModule/StudentTrialInModule/Table/StudentTrialInModuleCenterTable.razor.rz.scp.css */
.student-panel[b-v5k6z20jqo] {
    overflow: hidden;
    border-radius: 8px;
    background: #ffffff;
}

.student-panel header[b-v5k6z20jqo] {
    position: relative;
    padding: 15px 20px;
    border-bottom: 1px solid #e5e7eb;
    background: #ffffff;
}

.student-panel header[b-v5k6z20jqo]::before {
    content: none;
}

.student-panel h2[b-v5k6z20jqo] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 600;
}

.table-scroll[b-v5k6z20jqo] {
    overflow-x: hidden;
}

table[b-v5k6z20jqo] {
    width: 100%;
    min-width: 0;
    
    table-layout: fixed;
}

th[b-v5k6z20jqo],
td[b-v5k6z20jqo] {
    padding: 13px 14px;
    border-bottom: 1px solid #edf2f7;
    text-align: left;
    overflow-wrap: anywhere;
}

th:first-child[b-v5k6z20jqo],
td:first-child[b-v5k6z20jqo] {
    width: 52px;
}

th:nth-child(2)[b-v5k6z20jqo],
td:nth-child(2)[b-v5k6z20jqo] {
    width: 34%;
}

th[b-v5k6z20jqo] {
    background: #f3f6fa;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

td[b-v5k6z20jqo] {
    color: #0f172a;
    font-size: 0.92rem;
    font-weight: 400;
}

td strong[b-v5k6z20jqo] {
    font-weight: 500;
}

.empty-row[b-v5k6z20jqo] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

.clickable-row[b-v5k6z20jqo] {
    cursor: pointer;
}

.clickable-row:hover[b-v5k6z20jqo],
.clickable-row.active[b-v5k6z20jqo] {
    background: #f4f8ff;
}

.clickable-row.active[b-v5k6z20jqo] {
    box-shadow: inset 3px 0 0 #0f766e;
}


/* /Components/Pages/DashBoard.Company/StudentInModule/StudentTrialInModule/Table/StudentTrialInModuleDetailTable.razor.rz.scp.css */
.student-panel[b-g6kch7yqem] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-g6kch7yqem] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-g6kch7yqem]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-g6kch7yqem] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-g6kch7yqem] {
    overflow-x: auto;
}

table[b-g6kch7yqem] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-g6kch7yqem],
td[b-g6kch7yqem] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-g6kch7yqem] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-g6kch7yqem] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-g6kch7yqem] {
    font-weight: 700;
}

.empty-row[b-g6kch7yqem] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
tbody td[b-g6kch7yqem] {
    font-weight: 500;
}

tbody td strong[b-g6kch7yqem] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Company/StudentInModule/StudentTrialInModule/Table/StudentTrialInModuleProgramTable.razor.rz.scp.css */
.student-panel[b-or7jsa5e9g] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-or7jsa5e9g] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-or7jsa5e9g]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #7c3aed;
}

.student-panel h2[b-or7jsa5e9g] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-or7jsa5e9g] {
    overflow-x: hidden;
}

table[b-or7jsa5e9g] {
    width: 100%;
    min-width: 0;
    
    table-layout: fixed;
}

th[b-or7jsa5e9g],
td[b-or7jsa5e9g] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    
    overflow-wrap: anywhere;
}

th[b-or7jsa5e9g] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-or7jsa5e9g] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-or7jsa5e9g] {
    font-weight: 700;
}

tbody tr[b-or7jsa5e9g] {
    cursor: pointer;
}

tbody tr:hover[b-or7jsa5e9g] {
    background: #f7fbff;
}

.selected-row[b-or7jsa5e9g] {
    background: #eef5ff;
    outline: 2px solid #6aa1ff;
    outline-offset: -2px;
}

.empty-row[b-or7jsa5e9g] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
/* /Components/Pages/DashBoard.Company/StudentInModule/StudentTrialInModule/Table/StudentTrialInModuleRegionTable.razor.rz.scp.css */
.student-panel[b-xx8td8zpxa] {
    overflow: hidden;
    background: #ffffff;
    border-radius: 8px;
}

.student-panel header[b-xx8td8zpxa] {
    padding: 15px 20px;
    border-bottom: 1px solid #e5e7eb;
}

.student-panel h2[b-xx8td8zpxa] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 600;
}

.table-scroll[b-xx8td8zpxa] {
    overflow-x: hidden;
}

table[b-xx8td8zpxa] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
}

th[b-xx8td8zpxa],
td[b-xx8td8zpxa] {
    padding: 13px 14px;
    border-bottom: 1px solid #edf2f7;
    text-align: left;
    overflow-wrap: anywhere;
}

th:first-child[b-xx8td8zpxa],
td:first-child[b-xx8td8zpxa] {
    width: 52px;
}

th:nth-child(2)[b-xx8td8zpxa],
td:nth-child(2)[b-xx8td8zpxa] {
    width: 28%;
}

th[b-xx8td8zpxa] {
    background: #f3f6fa;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 600;
}

td[b-xx8td8zpxa] {
    color: #0f172a;
    font-size: 0.92rem;
    font-weight: 400;
}

td strong[b-xx8td8zpxa] {
    font-weight: 500;
}

.empty-row[b-xx8td8zpxa] {
    color: #526174;
    text-align: center;
}

.clickable-row[b-xx8td8zpxa] {
    cursor: pointer;
}

.clickable-row:hover[b-xx8td8zpxa],
.clickable-row.active[b-xx8td8zpxa] {
    background: #f8fafc;
}

.clickable-row.active[b-xx8td8zpxa] {
    box-shadow: inset 3px 0 0 #0f766e;
}
/* /Components/Pages/DashBoard.Company/StudentInModule/StudentUnregisteredInModule/Filter/StudentUnregisteredInModuleFilter.razor.rz.scp.css */
.student-filter[b-3hima7m5e5] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-3hima7m5e5] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-3hima7m5e5] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.time-filter-button.active[b-3hima7m5e5] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-3hima7m5e5] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.year-picker[b-3hima7m5e5] {
    width: 92px;
}






@media (max-width: 760px) {
    .student-filter[b-3hima7m5e5],
    .payable-filter[b-3hima7m5e5],
    .revenue-filter-bar[b-3hima7m5e5],
    .student-branch-filter[b-3hima7m5e5] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-3hima7m5e5] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-3hima7m5e5] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-3hima7m5e5] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Company/StudentInModule/StudentUnregisteredInModule/StudentUnregisteredInModulePage.razor.rz.scp.css */
.student-page[b-ad6m44d6x0] {
    display: grid;
    gap: 18px;
}

.student-state[b-ad6m44d6x0] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.student-state strong[b-ad6m44d6x0] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.student-state.error[b-ad6m44d6x0] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.student-state.error strong[b-ad6m44d6x0] {
    color: #b30f18;
}

.student-state button[b-ad6m44d6x0] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.student-table-grid[b-ad6m44d6x0] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.student-program-grid[b-ad6m44d6x0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 4fr);
    gap: 18px;
    align-items: start;
}

.student-table-grid > *[b-ad6m44d6x0],
.student-program-grid > *[b-ad6m44d6x0] {
    min-width: 0;
}

@media (max-width: 900px) {
    .student-table-grid[b-ad6m44d6x0],
    .student-program-grid[b-ad6m44d6x0] {
        grid-template-columns: 1fr;
    }
}


/* /Components/Pages/DashBoard.Company/StudentInModule/StudentUnregisteredInModule/Table/StudentUnregisteredInModuleCenterTable.razor.rz.scp.css */
.student-panel[b-9rsy3mmnd0] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-9rsy3mmnd0] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-9rsy3mmnd0]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-9rsy3mmnd0] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-9rsy3mmnd0] {
    overflow-x: hidden;
}

table[b-9rsy3mmnd0] {
    width: 100%;
    min-width: 0;
    
    table-layout: fixed;
}

th[b-9rsy3mmnd0],
td[b-9rsy3mmnd0] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    
    overflow-wrap: anywhere;
}

th[b-9rsy3mmnd0] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-9rsy3mmnd0] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-9rsy3mmnd0] {
    font-weight: 700;
}

.empty-row[b-9rsy3mmnd0] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

.clickable-row[b-9rsy3mmnd0] {
    cursor: pointer;
}

.clickable-row:hover[b-9rsy3mmnd0],
.clickable-row.active[b-9rsy3mmnd0] {
    background: #f4f8ff;
}

.clickable-row.active[b-9rsy3mmnd0] {
    box-shadow: inset 4px 0 0 #2563eb;
}


/* /Components/Pages/DashBoard.Company/StudentInModule/StudentUnregisteredInModule/Table/StudentUnregisteredInModuleDetailTable.razor.rz.scp.css */
.student-panel[b-fdk9pvzyhq] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-fdk9pvzyhq] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-fdk9pvzyhq]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-fdk9pvzyhq] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-fdk9pvzyhq] {
    overflow-x: auto;
}

table[b-fdk9pvzyhq] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-fdk9pvzyhq],
td[b-fdk9pvzyhq] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-fdk9pvzyhq] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-fdk9pvzyhq] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-fdk9pvzyhq] {
    font-weight: 700;
}

.empty-row[b-fdk9pvzyhq] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
tbody td[b-fdk9pvzyhq] {
    font-weight: 500;
}

tbody td strong[b-fdk9pvzyhq] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Company/StudentInModule/StudentUnregisteredInModule/Table/StudentUnregisteredInModuleProgramTable.razor.rz.scp.css */
.student-panel[b-58l3p7obth] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-58l3p7obth] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-58l3p7obth]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #7c3aed;
}

.student-panel h2[b-58l3p7obth] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-58l3p7obth] {
    overflow-x: hidden;
}

table[b-58l3p7obth] {
    width: 100%;
    min-width: 0;
    
    table-layout: fixed;
}

th[b-58l3p7obth],
td[b-58l3p7obth] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    
    overflow-wrap: anywhere;
}

th[b-58l3p7obth] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-58l3p7obth] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-58l3p7obth] {
    font-weight: 700;
}

tbody tr[b-58l3p7obth] {
    cursor: pointer;
}

tbody tr:hover[b-58l3p7obth] {
    background: #f7fbff;
}

.selected-row[b-58l3p7obth] {
    background: #eef5ff;
    outline: 2px solid #6aa1ff;
    outline-offset: -2px;
}

.empty-row[b-58l3p7obth] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
/* /Components/Pages/DashBoard.Company/StudentInModule/StudentWaitingClassInModule/Filter/StudentWaitingClassInModuleFilter.razor.rz.scp.css */
.student-filter[b-dcora43uhq] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-dcora43uhq] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-dcora43uhq] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.time-filter-button.active[b-dcora43uhq] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-dcora43uhq] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.year-picker[b-dcora43uhq] {
    width: 92px;
}






@media (max-width: 760px) {
    .student-filter[b-dcora43uhq],
    .payable-filter[b-dcora43uhq],
    .revenue-filter-bar[b-dcora43uhq],
    .student-branch-filter[b-dcora43uhq] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-dcora43uhq] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-dcora43uhq] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-dcora43uhq] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Company/StudentInModule/StudentWaitingClassInModule/StudentWaitingClassInModulePage.razor.rz.scp.css */
.student-page[b-ji4qxnvl11] {
    display: grid;
    gap: 18px;
}

.student-state[b-ji4qxnvl11] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.student-state strong[b-ji4qxnvl11] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.student-state.error[b-ji4qxnvl11] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.student-state.error strong[b-ji4qxnvl11] {
    color: #b30f18;
}

.student-state button[b-ji4qxnvl11] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.student-table-grid[b-ji4qxnvl11] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.student-program-grid[b-ji4qxnvl11] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 4fr);
    gap: 18px;
    align-items: start;
}

.student-table-grid > *[b-ji4qxnvl11],
.student-program-grid > *[b-ji4qxnvl11] {
    min-width: 0;
}

@media (max-width: 900px) {
    .student-table-grid[b-ji4qxnvl11],
    .student-program-grid[b-ji4qxnvl11] {
        grid-template-columns: 1fr;
    }
}


/* /Components/Pages/DashBoard.Company/StudentInModule/StudentWaitingClassInModule/Table/StudentWaitingClassInModuleCenterTable.razor.rz.scp.css */
.student-panel[b-qclplmwsgk] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-qclplmwsgk] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-qclplmwsgk]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-qclplmwsgk] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-qclplmwsgk] {
    overflow-x: hidden;
}

table[b-qclplmwsgk] {
    width: 100%;
    min-width: 0;
    
    table-layout: fixed;
}

th[b-qclplmwsgk],
td[b-qclplmwsgk] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    
    overflow-wrap: anywhere;
}

th[b-qclplmwsgk] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-qclplmwsgk] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-qclplmwsgk] {
    font-weight: 700;
}

.empty-row[b-qclplmwsgk] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

.clickable-row[b-qclplmwsgk] {
    cursor: pointer;
}

.clickable-row:hover[b-qclplmwsgk],
.clickable-row.active[b-qclplmwsgk] {
    background: #f4f8ff;
}

.clickable-row.active[b-qclplmwsgk] {
    box-shadow: inset 4px 0 0 #2563eb;
}


/* /Components/Pages/DashBoard.Company/StudentInModule/StudentWaitingClassInModule/Table/StudentWaitingClassInModuleDetailTable.razor.rz.scp.css */
.student-panel[b-571g2krmll] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-571g2krmll] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-571g2krmll]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-571g2krmll] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-571g2krmll] {
    overflow-x: auto;
}

table[b-571g2krmll] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-571g2krmll],
td[b-571g2krmll] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-571g2krmll] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-571g2krmll] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-571g2krmll] {
    font-weight: 700;
}

.empty-row[b-571g2krmll] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
tbody td[b-571g2krmll] {
    font-weight: 500;
}

tbody td strong[b-571g2krmll] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Company/StudentInModule/StudentWaitingClassInModule/Table/StudentWaitingClassInModuleProgramTable.razor.rz.scp.css */
.student-panel[b-o8ut1ha1he] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-o8ut1ha1he] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-o8ut1ha1he]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #7c3aed;
}

.student-panel h2[b-o8ut1ha1he] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-o8ut1ha1he] {
    overflow-x: hidden;
}

table[b-o8ut1ha1he] {
    width: 100%;
    min-width: 0;
    
    table-layout: fixed;
}

th[b-o8ut1ha1he],
td[b-o8ut1ha1he] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    
    overflow-wrap: anywhere;
}

th[b-o8ut1ha1he] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-o8ut1ha1he] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-o8ut1ha1he] {
    font-weight: 700;
}

tbody tr[b-o8ut1ha1he] {
    cursor: pointer;
}

tbody tr:hover[b-o8ut1ha1he] {
    background: #f7fbff;
}

.selected-row[b-o8ut1ha1he] {
    background: #eef5ff;
    outline: 2px solid #6aa1ff;
    outline-offset: -2px;
}

.empty-row[b-o8ut1ha1he] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
/* /Components/Pages/DashBoard.Company/UserMoney/Filter/UserMoneyFilter.razor.rz.scp.css */
.user-money-filter[b-4jh49lbthm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    padding: 12px;
    border: 1px solid #d6e1ee;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-4jh49lbthm] {
    display: flex;
    flex: 1 1 620px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-4jh49lbthm] {
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid #aebbcf;
    border-radius: 6px;
    background: #ffffff;
    color: #111827;
    font-size: 0.85rem;
    font-weight: 600;
}

.time-filter-button.active[b-4jh49lbthm] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-4jh49lbthm] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 6px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.85rem;
    font-weight: 600;
}

.year-picker[b-4jh49lbthm] {
    width: 92px;
}



@media (max-width: 760px) {
    .user-money-filter[b-4jh49lbthm] {
        align-items: stretch;
    }

    .time-filter-row[b-4jh49lbthm] {
        min-width: 0;
        flex-basis: auto;
    }

}


/* /Components/Pages/DashBoard.Company/UserMoney/Panel/UserMoneyPanel.razor.rz.scp.css */
.user-money-kpi-grid[b-vo863295y8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.money-card[b-vo863295y8] {
    position: relative;
    min-height: 118px;
    display: grid;
    align-content: start;
    gap: 9px;
    padding: 18px 20px;
    border: 1px solid #d6e1ee;
    border-left: 4px solid #2563eb;
    border-radius: 8px;
    background: #ffffff;
}

.money-card.primary[b-vo863295y8] {
    border-left-color: #0f766e;
    background: linear-gradient(135deg, #137c78 0%, #2563eb 100%);
    color: #ffffff;
}

.money-card.refund[b-vo863295y8] {
    border-left-color: #ef4444;
}

.money-card.net[b-vo863295y8] {
    border-left-color: #f59e0b;
}

.money-card span[b-vo863295y8] {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.money-card strong[b-vo863295y8] {
    color: inherit;
    font-size: clamp(1.45rem, 1.9vw, 1.9rem);
    font-weight: 700;
    line-height: 1.05;
    font-variant-numeric: tabular-nums;
}

.money-card small[b-vo863295y8] {
    color: #334155;
    font-weight: 500;
}

.money-card.primary small[b-vo863295y8] {
    color: #e7f4ff;
}

.money-card em[b-vo863295y8] {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 6px 10px;
    border-radius: 8px;
    background: #dcfce7;
    color: #007f4f;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}

@media (max-width: 1160px) {
    .user-money-kpi-grid[b-vo863295y8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .user-money-kpi-grid[b-vo863295y8] {
        grid-template-columns: 1fr;
    }
}


/* /Components/Pages/DashBoard.Company/UserMoney/Table/UserMoneyCenterDetailTable.razor.rz.scp.css */
.user-money-table-panel[b-35iqw8d0j7] {
    border: 1px solid #d6e1ee;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}

.user-money-table-panel header[b-35iqw8d0j7] {
    padding: 16px 18px;
    border-bottom: 1px solid #e1e8f0;
    background: #ffffff;
}

.user-money-table-panel h2[b-35iqw8d0j7] {
    margin: 0;
    color: #06142c;
    font-size: 1.02rem;
    font-weight: 700;
}

.table-scroll[b-35iqw8d0j7] {
    overflow-x: hidden;
}

table[b-35iqw8d0j7] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

th[b-35iqw8d0j7],
td[b-35iqw8d0j7] {
    padding: 13px 16px;
    border-bottom: 1px solid #e4ebf3;
    color: #06142c;
    font-size: 0.9rem;
    font-weight: 400;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
    font-variant-numeric: tabular-nums;
}

th[b-35iqw8d0j7] {
    background: #f3f7fb;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

th:nth-child(1)[b-35iqw8d0j7],
td:nth-child(1)[b-35iqw8d0j7] {
    width: 52px;
    min-width: 52px;
    max-width: 52px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    white-space: nowrap;
}

th:nth-child(2)[b-35iqw8d0j7],
td:nth-child(2)[b-35iqw8d0j7] {
    width: 30%;
}

tbody tr[b-35iqw8d0j7] {
    cursor: pointer;
}

tbody tr:nth-child(odd)[b-35iqw8d0j7] {
    background: #fff8ef;
}

tbody tr.selected[b-35iqw8d0j7] {
    background: #f3f9ff;
    box-shadow: inset 3px 0 0 #9ccbc6;
}

.empty-row[b-35iqw8d0j7] {
    color: #64748b;
    text-align: center;
}
tbody td[b-35iqw8d0j7] {
    font-weight: 500;
}

tbody td strong[b-35iqw8d0j7] {
    font-weight: 500;
}



/* /Components/Pages/DashBoard.Company/UserMoney/Table/UserMoneyEmployeeTable.razor.rz.scp.css */
.user-money-employee-grid[b-0kcstk5yfs] {
    display: contents;
}

.employee-panel[b-0kcstk5yfs] {
    border: 1px solid #d6e1ee;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}

.employee-panel header[b-0kcstk5yfs] {
    padding: 16px 18px;
    border-bottom: 1px solid #e1e8f0;
    background: #ffffff;
}

.transaction-panel[b-0kcstk5yfs] {
    grid-column: 1 / -1;
    margin-top: 6px;
    box-shadow: none;
}

.transaction-panel header[b-0kcstk5yfs] {
    min-height: 58px;
}

.employee-panel h2[b-0kcstk5yfs] {
    margin: 0;
    color: #06142c;
    font-size: 1.02rem;
    font-weight: 700;
}

.table-scroll[b-0kcstk5yfs] {
    overflow-x: hidden;
}

.transaction-panel .table-scroll[b-0kcstk5yfs] {
    overflow-x: auto;
}

table[b-0kcstk5yfs] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

.transaction-panel table[b-0kcstk5yfs] {
    min-width: 900px;
    table-layout: auto;
}

th[b-0kcstk5yfs],
td[b-0kcstk5yfs] {
    padding: 13px 16px;
    border-bottom: 1px solid #e4ebf3;
    color: #06142c;
    font-size: 0.9rem;
    font-weight: 400;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
    font-variant-numeric: tabular-nums;
}

.transaction-panel th[b-0kcstk5yfs],
.transaction-panel td[b-0kcstk5yfs] {
    white-space: nowrap;
    overflow-wrap: normal;
}

th[b-0kcstk5yfs] {
    background: #f3f7fb;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

th:nth-child(1)[b-0kcstk5yfs],
td:nth-child(1)[b-0kcstk5yfs] {
    width: 52px;
    min-width: 52px;
    max-width: 52px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    white-space: nowrap;
}

.employee-panel:not(.transaction-panel) th:nth-child(2)[b-0kcstk5yfs],
.employee-panel:not(.transaction-panel) td:nth-child(2)[b-0kcstk5yfs] {
    width: 30%;
}

tbody tr:nth-child(odd)[b-0kcstk5yfs] {
    background: #fff8ef;
}

.employee-panel:first-child tbody tr[b-0kcstk5yfs] {
    cursor: pointer;
}

tbody tr.selected-row[b-0kcstk5yfs] {
    background: #f3f9ff;
    box-shadow: inset 3px 0 0 #9ccbc6;
}

.employee-panel header[b-0kcstk5yfs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.empty-row[b-0kcstk5yfs] {
    color: #64748b;
    text-align: center;
}

@media (max-width: 1180px) {
    .transaction-panel[b-0kcstk5yfs] {
        grid-column: auto;
    }
}
.transaction-panel tbody td[b-0kcstk5yfs] {
    font-weight: 500;
}

.transaction-panel tbody td strong[b-0kcstk5yfs] {
    font-weight: 500;
}



/* /Components/Pages/DashBoard.Company/UserMoney/Table/UserMoneyTopRegionTable.razor.rz.scp.css */
.user-money-table-panel[b-4us5brtcf1] {
    border: 1px solid #d6e1ee;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}

.user-money-table-panel header[b-4us5brtcf1] {
    padding: 16px 18px;
    border-bottom: 1px solid #e1e8f0;
    background: #ffffff;
}

.user-money-table-panel h2[b-4us5brtcf1] {
    margin: 0;
    color: #06142c;
    font-size: 1.02rem;
    font-weight: 700;
}

.table-scroll[b-4us5brtcf1] {
    overflow-x: hidden;
}

table[b-4us5brtcf1] {
    width: 100%;
    min-width: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

th[b-4us5brtcf1],
td[b-4us5brtcf1] {
    padding: 12px 10px;
    border-bottom: 1px solid #e4ebf3;
    color: #06142c;
    font-size: 0.88rem;
    font-weight: 400;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
    font-variant-numeric: tabular-nums;
}

th[b-4us5brtcf1] {
    background: #f3f7fb;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

th:nth-child(1)[b-4us5brtcf1],
td:nth-child(1)[b-4us5brtcf1] {
    width: 52px;
    min-width: 52px;
    max-width: 52px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    white-space: nowrap;
}

th:nth-child(2)[b-4us5brtcf1],
td:nth-child(2)[b-4us5brtcf1] {
    width: 14%;
}

th:nth-child(3)[b-4us5brtcf1],
td:nth-child(3)[b-4us5brtcf1],
th:nth-child(4)[b-4us5brtcf1],
td:nth-child(4)[b-4us5brtcf1],
th:nth-child(5)[b-4us5brtcf1],
td:nth-child(5)[b-4us5brtcf1] {
    width: 22%;
    text-align: right;
}

th:nth-child(6)[b-4us5brtcf1],
td:nth-child(6)[b-4us5brtcf1] {
    width: 11%;
    text-align: right;
}

tbody tr[b-4us5brtcf1] {
    cursor: pointer;
}

tbody tr:nth-child(odd)[b-4us5brtcf1] {
    background: #fff8ef;
}

tbody tr.selected[b-4us5brtcf1] {
    background: #f3f9ff;
    box-shadow: inset 3px 0 0 #9ccbc6;
}

.empty-row[b-4us5brtcf1] {
    color: #64748b;
    text-align: center;
}


/* /Components/Pages/DashBoard.Company/UserMoney/UserMoneyDashboard.razor.rz.scp.css */
.user-money-page[b-dfsh35lyw4] {
    display: grid;
    gap: 16px;
}

.user-money-state[b-dfsh35lyw4] {
    min-height: 240px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #d6e1ee;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.user-money-state strong[b-dfsh35lyw4] {
    color: #0e1a2f;
    font-size: 1.08rem;
    font-weight: 700;
}

.user-money-state span[b-dfsh35lyw4] {
    color: #526174;
    font-weight: 500;
}

.user-money-state.error[b-dfsh35lyw4] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.user-money-state.error strong[b-dfsh35lyw4] {
    color: #b30f18;
}

.user-money-state button[b-dfsh35lyw4] {
    min-height: 36px;
    padding: 0 16px;
    border: 0;
    border-radius: 8px;
    background: #082b9d;
    color: #ffffff;
    font-weight: 600;
}

.user-money-chart-grid[b-dfsh35lyw4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
}

.user-money-detail-grid[b-dfsh35lyw4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 16px;
    row-gap: 28px;
    align-items: start;
}

@media (max-width: 1080px) {
    .user-money-chart-grid[b-dfsh35lyw4],
    .user-money-detail-grid[b-dfsh35lyw4] {
        grid-template-columns: 1fr;
    }
}


/* /Components/Pages/DashBoard.Company/UserScopeSettings/UserScopeDeleteConfirmDialog.razor.rz.scp.css */
.modal-layer[b-76loqcwnbd] {
    --confirm-font-heading: 1.08rem;
    --confirm-font-body: 0.96rem;
    --confirm-font-input: 0.94rem;
    --confirm-font-caption: 0.8rem;

    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    padding: 22px;
    isolation: isolate;
    pointer-events: none;
}

.modal-backdrop[b-76loqcwnbd] {
    position: fixed;
    inset: 0;
    z-index: 0;
    border: 0;
    background: rgba(15, 23, 42, 0.45);
    pointer-events: auto;
}

.confirm-modal[b-76loqcwnbd] {
    position: relative;
    z-index: 1;
    pointer-events: auto;
    width: min(480px, 100%);
    max-height: calc(100vh - 44px);
    overflow: auto;
    border: 1px solid #c6cfda;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.28);
}

.confirm-modal > header[b-76loqcwnbd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border-bottom: 1px solid #d6e0ee;
}

.confirm-modal h2[b-76loqcwnbd] {
    margin: 0;
    color: #172033;
    font-size: var(--confirm-font-heading);
    font-weight: 850;
}

.icon-close[b-76loqcwnbd] {
    width: 34px;
    height: 34px;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #ffffff;
    color: #334155;
    font-size: 1rem;
    font-weight: 850;
    line-height: 1;
    cursor: pointer;
}

.confirm-modal > p[b-76loqcwnbd] {
    margin: 0;
    padding: 18px 20px 10px;
    color: #172033;
    font-weight: 650;
}

.confirm-modal dl[b-76loqcwnbd] {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0 20px 18px;
}

.confirm-modal dl > div[b-76loqcwnbd] {
    display: grid;
    gap: 4px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px 12px;
    background: #f8fbff;
}

.confirm-modal dt[b-76loqcwnbd] {
    color: #667085;
    font-size: var(--confirm-font-caption);
    font-weight: 800;
    text-transform: uppercase;
}

.confirm-modal dd[b-76loqcwnbd] {
    margin: 0;
    overflow: hidden;
    color: #172033;
    font-size: var(--confirm-font-body);
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-error[b-76loqcwnbd] {
    margin: 0 20px 12px;
    border-radius: 7px;
    background: #fee2e2;
    color: #b91c1c;
    padding: 10px 12px;
    font-weight: 700;
}

.confirm-modal > footer[b-76loqcwnbd] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 20px 18px;
    border-top: 1px solid #e2e8f0;
}

.secondary-action[b-76loqcwnbd],
.danger-action[b-76loqcwnbd] {
    border-radius: 8px;
    padding: 8px 12px;
    font-size: var(--confirm-font-input);
    font-weight: 800;
    cursor: pointer;
}

.secondary-action[b-76loqcwnbd] {
    border: 1px solid #b8c7dc;
    background: #ffffff;
    color: #172033;
}

.danger-action[b-76loqcwnbd] {
    border: 1px solid #fecaca;
    background: #fff7f7;
    color: #dc2626;
}

.secondary-action:disabled[b-76loqcwnbd],
.danger-action:disabled[b-76loqcwnbd] {
    cursor: not-allowed;
    opacity: 0.65;
}
/* /Components/Pages/DashBoard.Company/UserScopeSettings/UserScopePermissionLookupDialog.razor.rz.scp.css */
.lookup-layer[b-xjn1xao2yy] {
    --lookup-font-heading: 1.08rem;
    --lookup-font-body: 0.96rem;
    --lookup-font-title: 1.02rem;
    --lookup-font-input: 0.94rem;
    --lookup-font-caption: 0.86rem;

    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 18px;
}

.lookup-backdrop[b-xjn1xao2yy] {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(15, 23, 42, 0.45);
    cursor: pointer;
}

.permission-lookup-dialog[b-xjn1xao2yy] {
    position: relative;
    z-index: 1;
    width: min(920px, 100%);
    max-height: min(720px, calc(100vh - 36px));
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid #b8c7dc;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.24);
}

.permission-lookup-dialog > header[b-xjn1xao2yy],
.permission-lookup-dialog > footer[b-xjn1xao2yy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    border-bottom: 1px solid #d6e0ee;
}

.permission-lookup-dialog > footer[b-xjn1xao2yy] {
    justify-content: flex-end;
    border-top: 1px solid #d6e0ee;
    border-bottom: 0;
}

.permission-lookup-dialog h2[b-xjn1xao2yy] {
    margin: 0;
    color: #061a52;
    font-size: var(--lookup-font-heading);
    font-weight: 700;
}

.permission-lookup-dialog header span[b-xjn1xao2yy] {
    display: block;
    margin-top: 3px;
    color: #64748b;
    font-size: var(--lookup-font-caption);
    font-weight: 600;
}

.icon-close[b-xjn1xao2yy] {
    width: 32px;
    height: 32px;
    border: 1px solid #b8c7dc;
    border-radius: 8px;
    background: #f8fbff;
    color: #10213d;
    font-size: 1.18rem;
    font-weight: 700;
    cursor: pointer;
}

.lookup-header-actions[b-xjn1xao2yy] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.lookup-summary[b-xjn1xao2yy] {
    border-bottom: 1px solid #d6e0ee;
    background: #f8fbff;
}

.lookup-user[b-xjn1xao2yy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 14px 18px;
}

.lookup-user div[b-xjn1xao2yy] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.lookup-user span[b-xjn1xao2yy] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.lookup-user strong[b-xjn1xao2yy] {
    overflow: hidden;
    color: #061a52;
    font-size: var(--lookup-font-title);
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lookup-error[b-xjn1xao2yy] {
    border-top: 1px solid #f5c2c7;
    background: #fff1f2;
    color: #b91c1c;
    padding: 10px 18px;
    font-size: var(--lookup-font-body);
    font-weight: 700;
}

.table-scroll[b-xjn1xao2yy] {
    overflow: auto;
}

table[b-xjn1xao2yy] {
    width: 100%;
    border-collapse: collapse;
}

th[b-xjn1xao2yy],
td[b-xjn1xao2yy] {
    padding: 12px 14px;
    border-bottom: 1px solid #d8e2ef;
    text-align: left;
    color: #061a52;
    font-size: var(--lookup-font-body);
    font-weight: 600;
    white-space: nowrap;
}

th[b-xjn1xao2yy] {
    background: #eef4fb;
    color: #10213d;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

.scope-pill[b-xjn1xao2yy] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 0.82rem;
    font-weight: 700;
}

.scope-pill.company[b-xjn1xao2yy] {
    background: #e0ecff;
    color: #0b4fc7;
}

.scope-pill.region[b-xjn1xao2yy] {
    background: #dcfce7;
    color: #047857;
}

.scope-pill.branch[b-xjn1xao2yy] {
    background: #fff7ed;
    color: #c2410c;
}

.empty-row[b-xjn1xao2yy] {
    padding: 24px;
    text-align: center;
    color: #64748b;
}

.primary-action[b-xjn1xao2yy],
.secondary-action[b-xjn1xao2yy] {
    border: 1px solid #b8c7dc;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    padding: 8px 12px;
    font-size: var(--lookup-font-input);
    font-weight: 700;
    cursor: pointer;
}

.primary-action[b-xjn1xao2yy] {
    border-color: #1671e8;
    background: #1671e8;
    color: #ffffff;
}

.danger-action[b-xjn1xao2yy] {
    border: 1px solid #fecaca;
    border-radius: 8px;
    background: #fff5f5;
    color: #dc2626;
    padding: 7px 11px;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
}

.danger-action:hover[b-xjn1xao2yy] {
    background: #fee2e2;
}

@media (max-width: 720px) {
    .lookup-user[b-xjn1xao2yy] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/DashBoard.Company/UserScopeSettings/UserScopeSettingsDialog.razor.rz.scp.css */
.modal-layer[b-s8s9cqo3fd] {
    --dialog-font-heading: 1.08rem;
    --dialog-font-body: 0.98rem;
    --dialog-font-input: 0.96rem;
    --dialog-font-muted: 0.86rem;
    --dialog-font-caption: 0.82rem;

    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    padding: 22px;
    isolation: isolate;
    pointer-events: none;
}

.modal-backdrop[b-s8s9cqo3fd] {
    position: fixed;
    inset: 0;
    z-index: 0;
    border: 0;
    background: rgba(15, 23, 42, 0.45);
    pointer-events: auto;
}

.user-scope-modal[b-s8s9cqo3fd] {
    position: relative;
    z-index: 1;
    pointer-events: auto;
    width: min(760px, 100%);
    max-height: calc(100vh - 44px);
    overflow: auto;
    border: 1px solid #c6cfda;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.28);
}

.user-scope-modal > header[b-s8s9cqo3fd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border-bottom: 1px solid #d6e0ee;
}

.user-scope-modal h2[b-s8s9cqo3fd] {
    margin: 0;
    color: #172033;
    font-size: var(--dialog-font-heading);
    font-weight: 850;
}

.user-scope-modal header span[b-s8s9cqo3fd] {
    display: block;
    margin-top: 3px;
    color: #667085;
    font-size: var(--dialog-font-muted);
    font-weight: 700;
}

.icon-close[b-s8s9cqo3fd] {
    width: 34px;
    height: 34px;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #ffffff;
    color: #334155;
    font-size: 1rem;
    font-weight: 850;
    line-height: 1;
    cursor: pointer;
}

.dialog-user[b-s8s9cqo3fd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    border-bottom: 1px solid #d6e0ee;
    background: #f7fafc;
    padding: 14px 20px;
}

.dialog-user div[b-s8s9cqo3fd] {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.dialog-user span[b-s8s9cqo3fd] {
    color: #667085;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.dialog-user strong[b-s8s9cqo3fd] {
    overflow: hidden;
    color: #172033;
    font-weight: 800;
    font-size: var(--dialog-font-body);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scope-select-field[b-s8s9cqo3fd] {
    display: grid;
    gap: 6px;
    border-bottom: 1px solid #d6e0ee;
    padding: 12px 20px;
}

.scope-select-field span[b-s8s9cqo3fd] {
    color: #667085;
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
}

.scope-select-field select[b-s8s9cqo3fd] {
    min-height: 38px;
    border: 1px solid #c8d3df;
    border-radius: 7px;
    background: #ffffff;
    color: #172033;
    padding: 8px 10px;
    font-size: var(--dialog-font-input);
    font-weight: 750;
}

.report-check-list[b-s8s9cqo3fd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 16px 20px 10px;
}

.report-check[b-s8s9cqo3fd] {
    min-height: 64px;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    border: 1px solid #d4dbe6;
    border-radius: 8px;
    background: #ffffff;
    padding: 9px 11px;
    cursor: pointer;
}

.report-check.disabled[b-s8s9cqo3fd] {
    background: #f4f6f8;
    color: #667085;
    cursor: not-allowed;
}

.report-check input[b-s8s9cqo3fd] {
    width: 16px;
    height: 16px;
}

.report-check span[b-s8s9cqo3fd] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.report-check strong[b-s8s9cqo3fd],
.report-check small[b-s8s9cqo3fd] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-check strong[b-s8s9cqo3fd] {
    color: #172033;
    font-size: var(--dialog-font-body);
    font-weight: 800;
}

.report-check small[b-s8s9cqo3fd] {
    color: #667085;
    font-size: var(--dialog-font-caption);
    font-weight: 700;
}

.form-error[b-s8s9cqo3fd] {
    margin: 0 20px 12px;
    border-radius: 7px;
    background: #fee2e2;
    color: #b91c1c;
    padding: 10px 12px;
    font-weight: 700;
}

.user-scope-modal > footer[b-s8s9cqo3fd] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 20px 18px;
    border-top: 1px solid #e2e8f0;
}

.primary-action[b-s8s9cqo3fd],
.secondary-action[b-s8s9cqo3fd] {
    border-radius: 8px;
    padding: 8px 12px;
    font-size: var(--dialog-font-input);
    font-weight: 800;
    cursor: pointer;
}

.primary-action[b-s8s9cqo3fd] {
    border: 1px solid #1671e8;
    background: #1671e8;
    color: #ffffff;
}

.secondary-action[b-s8s9cqo3fd] {
    border: 1px solid #b8c7dc;
    background: #ffffff;
    color: #172033;
}

.primary-action:disabled[b-s8s9cqo3fd],
.secondary-action:disabled[b-s8s9cqo3fd] {
    cursor: not-allowed;
    opacity: 0.65;
}

@media (max-width: 720px) {
    .dialog-user[b-s8s9cqo3fd],
    .report-check-list[b-s8s9cqo3fd] {
        grid-template-columns: 1fr;
    }

    .modal-layer[b-s8s9cqo3fd] {
        align-items: start;
        padding: 14px;
    }
}
/* /Components/Pages/DashBoard.Company/UserScopeSettings/UserScopeSettingsPage.razor.rz.scp.css */
.user-scope-page[b-p4ywnkdouu] {
    --scope-font-body: 0.98rem;
    --scope-font-heading: 1.08rem;
    --scope-font-title: 1.04rem;
    --scope-font-input: 0.96rem;
    --scope-font-muted: 0.88rem;
    --scope-font-caption: 0.84rem;

    display: grid;
    gap: 10px;
    min-height: calc(100vh - 92px);
    color: #172033;
    font-size: var(--scope-font-body);
}

.user-scope-state[b-p4ywnkdouu] {
    display: grid;
    gap: 8px;
    min-height: 160px;
    align-content: center;
    border: 1px solid #ccd6e2;
    border-radius: 8px;
    background: #ffffff;
    padding: 28px;
}

.user-scope-state.error[b-p4ywnkdouu] {
    border-left: 4px solid #dc2626;
}

.user-scope-state button[b-p4ywnkdouu],
.secondary-action[b-p4ywnkdouu] {
    border-radius: 8px;
    padding: 8px 12px;
    font-size: var(--scope-font-muted);
    font-weight: 700;
    cursor: pointer;
}

.user-scope-success[b-p4ywnkdouu],
.user-scope-error[b-p4ywnkdouu] {
    border-radius: 7px;
    padding: 10px 12px;
    font-weight: 700;
}

.user-scope-success[b-p4ywnkdouu] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #047857;
}

.user-scope-error[b-p4ywnkdouu] {
    background: #fee2e2;
    color: #b91c1c;
}

.user-search-panel[b-p4ywnkdouu] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(360px, 520px);
    gap: 12px;
    align-items: center;
    border: 1px solid #c6cfda;
    background: #ffffff;
    padding: 10px 14px;
}

.user-search-panel h2[b-p4ywnkdouu] {
    margin: 0;
    color: #172033;
    font-size: var(--scope-font-title);
    font-weight: 850;
}

.user-search-panel span[b-p4ywnkdouu] {
    display: block;
    margin-top: 3px;
    color: #667085;
    font-size: var(--scope-font-caption);
    font-weight: 700;
}

.user-search-form[b-p4ywnkdouu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.user-search-form input[b-p4ywnkdouu] {
    min-height: 38px;
    border: 1px solid #c8d3df;
    border-radius: 7px;
    background: #ffffff;
    color: #172033;
    padding: 8px 10px;
    font-size: var(--scope-font-input);
    font-weight: 650;
}

.permission-search-error[b-p4ywnkdouu] {
    grid-column: 1 / -1;
    border-radius: 7px;
    background: #fee2e2;
    color: #b91c1c;
    padding: 8px 10px;
    font-weight: 700;
}

.scope-board[b-p4ywnkdouu] {
    display: grid;
    grid-template-columns: 300px minmax(560px, 1fr) 360px;
    min-height: calc(100vh - 170px);
    border: 1px solid #c6cfda;
    background: #ffffff;
}

.scope-column[b-p4ywnkdouu] {
    min-width: 0;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    border-right: 1px solid #c6cfda;
}

.scope-column:last-child[b-p4ywnkdouu] {
    border-right: 0;
}

.scope-column > header[b-p4ywnkdouu] {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid #c6cfda;
    padding: 12px 16px;
}

.scope-column h2[b-p4ywnkdouu] {
    margin: 0;
    color: #172033;
    font-size: var(--scope-font-heading);
    font-weight: 800;
}

.scope-column header span[b-p4ywnkdouu] {
    display: block;
    margin-top: 3px;
    color: #667085;
    font-size: var(--scope-font-caption);
    font-weight: 700;
}

.scope-search[b-p4ywnkdouu] {
    width: calc(100% - 24px);
    min-height: 40px;
    margin: 10px 12px;
    border: 1px solid #c8d3df;
    border-radius: 7px;
    background: #ffffff;
    color: #172033;
    padding: 8px 10px;
    font-size: var(--scope-font-input);
    font-weight: 650;
}

.scope-list[b-p4ywnkdouu],
.report-list[b-p4ywnkdouu] {
    min-height: 0;
    overflow-y: auto;
}

.region-group[b-p4ywnkdouu] {
    border-bottom: 1px solid #d8dee7;
}

.region-row[b-p4ywnkdouu] {
    min-height: 48px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    background: #ffffff;
    cursor: pointer;
}

.region-row:hover[b-p4ywnkdouu],
.region-row.active[b-p4ywnkdouu] {
    background: #eaf2ff;
}

.region-row strong[b-p4ywnkdouu] {
    overflow: hidden;
    color: #172033;
    font-size: var(--scope-font-body);
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.region-toggle[b-p4ywnkdouu] {
    width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #ffffff;
    color: #334155;
    font-size: var(--scope-font-input);
    font-weight: 850;
    cursor: pointer;
}

.region-toggle.open[b-p4ywnkdouu],
.region-toggle:hover[b-p4ywnkdouu] {
    border-color: #2d8cff;
    color: #1671e8;
}

.branch-list[b-p4ywnkdouu] {
    display: grid;
    background: #f8fbff;
}

.branch-item[b-p4ywnkdouu],
.staff-item[b-p4ywnkdouu] {
    width: 100%;
    display: grid;
    align-items: center;
    border: 0;
    border-bottom: 1px solid #d8dee7;
    background: #ffffff;
    color: #172033;
    padding: 10px 12px;
    text-align: left;
    cursor: pointer;
}

.branch-item[b-p4ywnkdouu] {
    min-height: 58px;
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
    padding: 8px 12px 8px 52px;
}

.company-branch[b-p4ywnkdouu] {
    padding-left: 12px;
}

.staff-item[b-p4ywnkdouu] {
    min-height: 82px;
    grid-template-columns: 38px 54px minmax(190px, 1fr) minmax(140px, 200px) 42px;
    gap: 12px;
}

.branch-item:hover[b-p4ywnkdouu],
.staff-item:hover[b-p4ywnkdouu],
.branch-item.active[b-p4ywnkdouu],
.staff-item.active[b-p4ywnkdouu] {
    background: #eaf2ff;
}

.branch-item strong[b-p4ywnkdouu],
.branch-item small[b-p4ywnkdouu] {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.branch-item strong[b-p4ywnkdouu] {
    color: #243b63;
    font-size: var(--scope-font-input);
    font-weight: 850;
}

.branch-item small[b-p4ywnkdouu] {
    color: #3f4654;
    font-size: var(--scope-font-caption);
    font-weight: 700;
}

.row-index[b-p4ywnkdouu] {
    color: #263244;
    font-variant-numeric: tabular-nums;
    font-weight: 750;
}

.item-main[b-p4ywnkdouu] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.item-main strong[b-p4ywnkdouu] {
    overflow: hidden;
    color: #243b63;
    font-size: var(--scope-font-title);
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-main small[b-p4ywnkdouu] {
    overflow: hidden;
    color: #3f4654;
    font-size: var(--scope-font-muted);
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.staff-title[b-p4ywnkdouu] {
    overflow: hidden;
    color: #172033;
    font-size: var(--scope-font-muted);
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.avatar-dot[b-p4ywnkdouu] {
    width: 46px;
    height: 46px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    background: #f2aa32;
    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 850;
}

.count-pill[b-p4ywnkdouu] {
    width: 32px;
    height: 32px;
    display: inline-grid;
    place-items: center;
    justify-self: center;
    border: 2px solid #57a4ff;
    border-radius: 50%;
    color: #315275;
    font-size: 0.9rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.header-add[b-p4ywnkdouu] {
    width: 32px;
    height: 32px;
    display: inline-grid;
    place-items: center;
    border: 1px solid #2d8cff;
    border-radius: 7px;
    background: #ffffff;
    color: #1671e8;
    font-size: 1.35rem;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
}

.header-add:hover[b-p4ywnkdouu] {
    background: #1671e8;
    color: #ffffff;
}

.report-item[b-p4ywnkdouu] {
    min-height: 78px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #d8dee7;
    padding: 11px 14px;
}

.report-item strong[b-p4ywnkdouu],
.report-item span[b-p4ywnkdouu] {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-item strong[b-p4ywnkdouu] {
    color: #172033;
    font-size: 1rem;
    font-weight: 850;
}

.report-item span[b-p4ywnkdouu] {
    margin-top: 3px;
    color: #667085;
    font-size: 0.9rem;
    font-weight: 650;
}

.danger-icon[b-p4ywnkdouu] {
    width: 32px;
    height: 32px;
    border: 1px solid #f3b8b8;
    border-radius: 7px;
    background: #fff7f7;
    color: #d92d20;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
}

.empty-panel[b-p4ywnkdouu] {
    padding: 22px 16px;
    color: #667085;
    text-align: center;
    font-weight: 700;
}

@media (max-width: 1100px) {
    .scope-board[b-p4ywnkdouu] {
        grid-template-columns: minmax(240px, 0.7fr) minmax(420px, 1.3fr);
    }

    .report-column[b-p4ywnkdouu] {
        grid-column: 1 / -1;
        min-height: 300px;
        border-top: 1px solid #c6cfda;
    }
}

@media (max-width: 760px) {
    .user-search-panel[b-p4ywnkdouu],
    .user-search-form[b-p4ywnkdouu] {
        grid-template-columns: 1fr;
    }

    .scope-board[b-p4ywnkdouu] {
        grid-template-columns: 1fr;
    }

    .scope-column[b-p4ywnkdouu] {
        min-height: 340px;
        border-right: 0;
        border-bottom: 1px solid #c6cfda;
    }

    .scope-column:last-child[b-p4ywnkdouu] {
        border-bottom: 0;
    }
}
/* /Components/Pages/DashBoard.Region/Overview/RegionCenterPieChart.razor.rz.scp.css */
.region-chart-panel[b-09gmtvjl8p] {
    overflow: hidden;
    border: 1px solid #c4d3e8;
    border-radius: 8px;
    background: #ffffff;
}

.region-chart-panel header[b-09gmtvjl8p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 58px;
    padding: 0 20px;
    border-bottom: 1px solid #d6e1ef;
    background: #ffffff;
}

.region-chart-panel h2[b-09gmtvjl8p] {
    margin: 0;
    color: #06142b;
    font-size: 1rem;
    font-weight: 700;
}

.region-chart-panel header strong[b-09gmtvjl8p] {
    color: #0f766e;
    font-size: 0.92rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.region-pie-layout[b-09gmtvjl8p] {
    display: grid;
    grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1.2fr);
    gap: 20px;
    align-items: center;
    padding: 24px 20px;
}

.region-pie-wrap[b-09gmtvjl8p] {
    display: grid;
    place-items: center;
}

.region-pie[b-09gmtvjl8p] {
    width: min(260px, 100%);
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.12);
}

.region-legend[b-09gmtvjl8p] {
    display: grid;
    gap: 8px;
}

.region-legend-row[b-09gmtvjl8p] {
    min-height: 40px;
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr) 74px 74px;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #06142b;
    text-align: left;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.region-legend-row:hover[b-09gmtvjl8p],
.region-legend-row.active[b-09gmtvjl8p] {
    background: transparent;
}

.region-dot[b-09gmtvjl8p] {
    width: 12px;
    height: 12px;
    border-radius: 999px;
}

.region-percent[b-09gmtvjl8p],
.region-legend-row > span:last-child[b-09gmtvjl8p] {
    text-align: right;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.region-empty[b-09gmtvjl8p] {
    padding: 18px;
    color: #64748b;
    text-align: center;
    font-weight: 700;
}

@media (max-width: 760px) {
    .region-pie-layout[b-09gmtvjl8p] {
        grid-template-columns: 1fr;
    }

    .region-legend-row[b-09gmtvjl8p] {
        grid-template-columns: 16px minmax(0, 1fr) 64px 64px;
    }
}
/* /Components/Pages/DashBoard.Region/Overview/RegionCenterTable.razor.rz.scp.css */
.region-table-panel[b-2xb6sdatc5] {
    overflow: hidden;
    border: 1px solid #c4d3e8;
    border-radius: 8px;
    background: #ffffff;
}

.region-table-panel header[b-2xb6sdatc5] {
    display: flex;
    align-items: center;
    min-height: 58px;
    padding: 0 20px;
    border-bottom: 1px solid #d6e1ef;
    background: #ffffff;
}

.region-table-panel h2[b-2xb6sdatc5] {
    margin: 0;
    color: #06142b;
    font-size: 1rem;
    font-weight: 700;
}

.region-table-scroll[b-2xb6sdatc5] {
    overflow-x: auto;
}

.region-table-panel table[b-2xb6sdatc5] {
    width: 100%;
    border-collapse: collapse;
}

.region-table-panel th[b-2xb6sdatc5],
.region-table-panel td[b-2xb6sdatc5] {
    padding: 14px 16px;
    border-bottom: 1px solid #d6e1ef;
    color: #06142b;
    font-size: 0.88rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-align: left;
    white-space: nowrap;
}

.region-table-panel th[b-2xb6sdatc5] {
    background: #edf4fd;
    color: #0f1f3a;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.region-table-panel tbody tr:nth-child(odd)[b-2xb6sdatc5] {
    background: #fff8f0;
}

.region-table-panel tbody tr:hover[b-2xb6sdatc5] {
    background: #f1f6ff;
}

.good-value[b-2xb6sdatc5] {
    color: #00875a !important;
}

.warn-value[b-2xb6sdatc5] {
    color: #c47a00 !important;
}

.bad-value[b-2xb6sdatc5] {
    color: #d71920 !important;
}

.region-empty[b-2xb6sdatc5] {
    color: #64748b !important;
    text-align: center !important;
}
/* /Components/Pages/DashBoard.Region/Overview/RegionOverviewFilter.razor.rz.scp.css */
.region-filter[b-t9wzqe24ww] {
    padding: 12px 14px;
    border: 1px solid #c4d3e8;
    border-radius: 8px;
    background: #ffffff;
}

.region-filter-row[b-t9wzqe24ww] {
    display: flex;
    align-items: flex-end;
    gap: 14px;
}

.region-time-row[b-t9wzqe24ww] {
    min-width: 0;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.region-time-button[b-t9wzqe24ww],
.region-period-picker[b-t9wzqe24ww] {
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid #b8c8df;
    border-radius: 6px;
    background: #ffffff;
    color: #071831;
    font-weight: 700;
}

.region-time-button.active[b-t9wzqe24ww] {
    border-color: #1f2937;
    background: #1f2937;
    color: #ffffff;
}

.region-period-picker[b-t9wzqe24ww] {
    min-width: 150px;
}

.region-year-picker[b-t9wzqe24ww] {
    max-width: 110px;
}

.region-select-row[b-t9wzqe24ww] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    flex: 0 1 620px;
    gap: 14px;
}

.region-select-row label[b-t9wzqe24ww] {
    display: grid;
    gap: 7px;
}

.region-select-row span[b-t9wzqe24ww] {
    color: #06142b;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.region-select-row select[b-t9wzqe24ww] {
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid #b8c8df;
    border-radius: 6px;
    background: #f8fbff;
    color: #071831;
    font-weight: 700;
}

.region-select-row select:disabled[b-t9wzqe24ww] {
    color: #0f766e;
    opacity: 1;
}

@media (max-width: 1180px) {
    .region-filter-row[b-t9wzqe24ww] {
        flex-direction: column;
        align-items: stretch;
    }

    .region-select-row[b-t9wzqe24ww] {
        grid-template-columns: 1fr;
        flex-basis: auto;
    }
}
/* /Components/Pages/DashBoard.Region/Overview/RegionOverviewPage.razor.rz.scp.css */
.region-overview-page[b-jnk65du1jr] {
    display: grid;
    gap: 16px;
}

.region-state-panel[b-jnk65du1jr] {
    min-height: 220px;
    display: grid;
    place-content: center;
    gap: 12px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    color: #06142b;
    text-align: center;
    font-weight: 700;
}

.region-state-panel.error[b-jnk65du1jr] {
    color: #b91c1c;
}

.region-state-panel button[b-jnk65du1jr] {
    min-height: 36px;
    border: 1px solid #b91c1c;
    border-radius: 6px;
    background: #fff5f5;
    color: #b91c1c;
    font-weight: 700;
}

.region-main-grid[b-jnk65du1jr] {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(340px, 3fr);
    gap: 14px;
    align-items: stretch;
}

.region-kpi-panel[b-jnk65du1jr],
.region-composition-panel[b-jnk65du1jr] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.region-kpi-panel > header[b-jnk65du1jr] {
    padding: 16px 18px 14px;
}

.region-kpi-panel > header strong[b-jnk65du1jr] {
    color: #06142b;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.region-kpi-stack[b-jnk65du1jr] {
    display: grid;
    gap: 10px;
    padding: 0 10px 10px;
}

.region-kpi-row[b-jnk65du1jr] {
    display: grid;
    gap: 10px;
}

.region-kpi-row-primary[b-jnk65du1jr] {
    grid-template-columns: minmax(260px, 1.55fr) minmax(230px, 1.35fr) minmax(220px, 1.25fr);
}

.region-kpi-row-support[b-jnk65du1jr] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.region-kpi-row-students[b-jnk65du1jr] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.region-kpi-row-missing[b-jnk65du1jr] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.region-kpi-card[b-jnk65du1jr] {
    position: relative;
    min-width: 0;
    min-height: 86px;
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 16px 18px 13px;
    border: 1px solid #d6e1ef;
    border-left: 5px solid #2563eb;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 7px 16px rgba(15, 23, 42, 0.04);
}

.region-kpi-card span[b-jnk65du1jr],
.region-composition-panel header span[b-jnk65du1jr] {
    color: #0f172a;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.region-kpi-card strong[b-jnk65du1jr] {
    color: #06142b;
    font-size: clamp(1.35rem, 1.42vw, 1.9rem);
    font-weight: 700;
    line-height: 1.05;
    max-width: 100%;
    overflow-wrap: normal;
    word-break: keep-all;
    font-variant-numeric: tabular-nums;
}

.region-kpi-row-primary .region-kpi-card strong[b-jnk65du1jr] {
    font-size: clamp(1.55rem, 1.52vw, 2.05rem);
    white-space: nowrap;
}

.region-kpi-card small:not(.region-growth)[b-jnk65du1jr] {
    position: absolute;
    top: 14px;
    right: 14px;
    max-width: 48%;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.15;
    text-align: right;
}

.region-kpi-card small b[b-jnk65du1jr] {
    color: #06142b;
    font-weight: 700;
}

.region-kpi-card small span[b-jnk65du1jr] {
    color: #64748b;
}

.region-kpi-card small.region-note-error[b-jnk65du1jr] {
    color: #dc2626;
}

.region-kpi-card small.region-period-note[b-jnk65du1jr] {
    color: #64748b;
}

.region-kpi-card .region-growth[b-jnk65du1jr] {
    position: absolute;
    top: 14px;
    right: 14px;
    width: fit-content;
    padding: 7px 11px;
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.region-kpi-card .region-growth.positive[b-jnk65du1jr] {
    background: #dcfce7;
    color: #047857;
}

.region-kpi-card .region-growth.negative[b-jnk65du1jr] {
    background: #fee2e2;
    color: #b91c1c;
}

.region-kpi-card .region-growth.neutral[b-jnk65du1jr] {
    background: #f1f5f9;
    color: #475569;
}

.region-kpi-card.primary[b-jnk65du1jr] {
    border-left-color: #1d4ed8;
    background: linear-gradient(135deg, #0f2e9e 0%, #1d5bd8 100%);
}

.region-kpi-card.primary span[b-jnk65du1jr],
.region-kpi-card.primary strong[b-jnk65du1jr] {
    color: #ffffff;
}

.region-kpi-card.payable[b-jnk65du1jr],
.region-kpi-card.warning[b-jnk65du1jr] {
    border-left-color: #ea580c;
}

.region-kpi-card.danger[b-jnk65du1jr] {
    border-left-color: #dc2626;
    background: #fffafa;
}

.region-kpi-card.success[b-jnk65du1jr] {
    border-left-color: #059669;
}

.region-kpi-card.user[b-jnk65du1jr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.region-kpi-card.user strong[b-jnk65du1jr] {
    flex-shrink: 0;
    font-size: clamp(1.55rem, 1.9vw, 2.1rem);
    text-align: right;
}

.region-clickable[b-jnk65du1jr] {
    cursor: pointer;
    transition: transform 120ms ease, border-color 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
}

.region-clickable:hover[b-jnk65du1jr],
.region-clickable:focus-visible[b-jnk65du1jr] {
    border-color: #2563eb;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.11);
    outline: 0;
    transform: translateY(-1px);
}

.region-status-row.region-clickable:hover[b-jnk65du1jr],
.region-status-row.region-clickable:focus-visible[b-jnk65du1jr] {
    background: #f3f7ff;
}

.region-composition-panel header[b-jnk65du1jr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 18px 22px 15px;
    border-bottom: 1px solid #eef2f7;
    background: #ffffff;
}

.region-composition-panel header strong[b-jnk65du1jr] {
    color: #06142b;
    font-size: 2.35rem;
    font-weight: 700;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.region-composition-panel header span[b-jnk65du1jr] {
    font-size: 1rem;
}

.region-status-list[b-jnk65du1jr] {
    display: grid;
    gap: 8px;
    padding: 17px 22px 20px;
}

.region-status-row[b-jnk65du1jr] {
    display: grid;
    grid-template-columns: minmax(140px, 1fr) 86px 64px;
    align-items: center;
    column-gap: 12px;
    row-gap: 7px;
    padding: 2px 0;
}

.region-status-label[b-jnk65du1jr] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 0;
    color: #06142b;
    font-size: 1.08rem;
    font-weight: 700;
}

.region-status-label i[b-jnk65du1jr] {
    display: none;
}

.region-status-label span[b-jnk65du1jr] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.region-status-row > strong[b-jnk65du1jr],
.region-status-row > em[b-jnk65du1jr] {
    color: #06142b;
    font-style: normal;
    font-weight: 700;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.region-status-row > em[b-jnk65du1jr] {
    width: fit-content;
    justify-self: end;
    padding: 3px 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--metric-color) 12%, #ffffff);
    color: var(--metric-color);
}

.region-status-track[b-jnk65du1jr] {
    grid-column: 1 / -1;
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: #e8eef7;
}

.region-status-track span[b-jnk65du1jr] {
    display: block;
    width: var(--bar-width);
    height: 100%;
    border-radius: inherit;
    background: var(--bar-color);
}

.region-top-grid[b-jnk65du1jr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.region-top-grid[b-jnk65du1jr] (.region-top-panel:nth-child(1) header) {
    border-left-color: #2563eb;
}

.region-top-grid[b-jnk65du1jr] (.region-top-panel:nth-child(2) header) {
    border-left-color: #f59e0b;
}

.region-top-grid[b-jnk65du1jr] (.region-top-panel:nth-child(3) header) {
    border-left-color: #dc2626;
}

.region-top-grid[b-jnk65du1jr] (.region-top-panel:nth-child(4) header) {
    border-left-color: #059669;
}

@media (max-width: 1500px) {
    .region-main-grid[b-jnk65du1jr] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1180px) {
    .region-kpi-row-primary[b-jnk65du1jr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .region-kpi-row-support[b-jnk65du1jr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .region-kpi-row-students[b-jnk65du1jr],
    .region-kpi-row-missing[b-jnk65du1jr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .region-top-grid[b-jnk65du1jr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .region-kpi-row-primary[b-jnk65du1jr],
    .region-kpi-row-support[b-jnk65du1jr],
    .region-kpi-row-students[b-jnk65du1jr],
    .region-kpi-row-missing[b-jnk65du1jr] {
        grid-template-columns: 1fr;
    }

    .region-status-row[b-jnk65du1jr] {
        grid-template-columns: minmax(0, 1fr) 72px 56px;
    }

    .region-top-grid[b-jnk65du1jr] {
        grid-template-columns: 1fr;
    }
}

/* /Components/Pages/DashBoard.Region/Overview/RegionOverviewTopListPanel.razor.rz.scp.css */
.region-top-panel[b-y4ycq8bkac] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.region-top-panel header[b-y4ycq8bkac] {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid #dbe5f2;
    border-left: 4px solid #bfdbfe;
    background: #f8fbff;
}

.region-top-panel h2[b-y4ycq8bkac] {
    margin: 0;
    color: #06142b;
    font-size: 1rem;
    font-weight: 700;
}

.region-top-panel button[b-y4ycq8bkac] {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid #b8c8df;
    border-radius: 7px;
    background: #ffffff;
    color: #0b4fba;
    font-weight: 700;
    cursor: pointer;
}

.region-top-panel button:hover[b-y4ycq8bkac],
.region-top-panel button:focus-visible[b-y4ycq8bkac] {
    border-color: #2563eb;
    background: #eff6ff;
    outline: 0;
}

.region-top-list[b-y4ycq8bkac] {
    display: grid;
    gap: 2px;
    padding: 10px 12px 12px;
}

.region-top-row[b-y4ycq8bkac] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) minmax(104px, auto);
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 7px 6px;
    border-bottom: 1px solid #edf2f8;
    border-radius: 7px;
    background: transparent;
}

.region-top-row:last-child[b-y4ycq8bkac] {
    border-bottom: 0;
}

.region-top-rank[b-y4ycq8bkac] {
    display: inline-grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 999px;
    background: #eef5ff;
    color: #0b4fba;
    font-size: 0.82rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.region-top-row strong[b-y4ycq8bkac] {
    overflow: hidden;
    display: block;
    color: #06142b;
    font-size: 1rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: none;
}

.region-top-value[b-y4ycq8bkac] {
    justify-self: end;
    padding: 5px 9px;
    border-radius: 999px;
    background: #f8fafc;
    color: #06142b;
    font-size: 0.96rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.region-top-empty[b-y4ycq8bkac] {
    min-height: 72px;
    display: grid;
    place-items: center;
    color: #64748b;
    font-weight: 700;
    text-align: center;
}
/* /Components/Pages/DashBoard.Region/Payable/Filter/PayableFilter.razor.rz.scp.css */
.payable-filter[b-3n64nyn3vz] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-3n64nyn3vz] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-3n64nyn3vz] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.time-filter-button.active[b-3n64nyn3vz] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-3n64nyn3vz] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.year-picker[b-3n64nyn3vz] {
    width: 92px;
}






@media (max-width: 760px) {
    .student-filter[b-3n64nyn3vz],
    .payable-filter[b-3n64nyn3vz],
    .revenue-filter-bar[b-3n64nyn3vz],
    .student-branch-filter[b-3n64nyn3vz] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-3n64nyn3vz] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-3n64nyn3vz] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-3n64nyn3vz] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Region/Payable/Panel/PayablePanel.razor.rz.scp.css */
.payable-kpi-grid[b-cqtuwxkg0b] {
    display: grid;
    grid-template-columns: 1.45fr repeat(3, minmax(170px, 1fr));
    gap: 14px;
}

.payable-total-card[b-cqtuwxkg0b],
.payable-card[b-cqtuwxkg0b] {
    position: relative;
    min-height: 108px;
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 16px 18px;
    border-radius: 8px;
}

.payable-total-card[b-cqtuwxkg0b] {
    background: linear-gradient(135deg, #7c2d12, #ea580c);
    color: #ffffff;
    box-shadow: 0 16px 34px rgba(124, 45, 18, 0.18);
}

.payable-card[b-cqtuwxkg0b] {
    border: 1px solid #cbd7e8;
    background: #ffffff;
}

.payable-card.warning[b-cqtuwxkg0b] {
    border-left: 4px solid #c42828;
}

.payable-total-card span[b-cqtuwxkg0b],
.payable-card span[b-cqtuwxkg0b] {
    color: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.payable-card span[b-cqtuwxkg0b] {
    color: #1f2937;
}

.payable-total-card strong[b-cqtuwxkg0b],
.payable-card strong[b-cqtuwxkg0b] {
    font-size: clamp(1.45rem, 1.9vw, 1.9rem);
    line-height: 1.08;
    font-weight: 700;
}

.payable-total-card small[b-cqtuwxkg0b],
.payable-card small[b-cqtuwxkg0b] {
    position: absolute;
    top: 14px;
    right: 14px;
    max-width: 42%;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    color: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-align: right;
}

.payable-card small[b-cqtuwxkg0b] {
    background: #eef4ff;
    color: #123d78;
}

.good-value[b-cqtuwxkg0b] {
    color: #007a4d;
}

.bad-value[b-cqtuwxkg0b] {
    color: #c42828;
}

@media (max-width: 1180px) {
    .payable-kpi-grid[b-cqtuwxkg0b] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/DashBoard.Region/Payable/PayablePage.razor.rz.scp.css */
.payable-page[b-w1n6i24fmu] {
    display: grid;
    gap: 18px;
}

.payable-state[b-w1n6i24fmu] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.payable-state strong[b-w1n6i24fmu] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.payable-state.error[b-w1n6i24fmu] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.payable-state.error strong[b-w1n6i24fmu] {
    color: #b30f18;
}

.payable-state button[b-w1n6i24fmu] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.payable-chart-grid[b-w1n6i24fmu],
.payable-detail-grid[b-w1n6i24fmu] {
    display: grid;
    column-gap: 18px;
    row-gap: 30px;
    align-items: start;
}

.payable-chart-grid[b-w1n6i24fmu] {
    grid-template-columns: minmax(0, 40%) minmax(0, 60%);
}

.payable-detail-grid[b-w1n6i24fmu] {
    grid-template-columns: minmax(0, 40%) minmax(0, 60%);
}

.payable-chart-grid[b-w1n6i24fmu] {
    align-items: stretch;
    gap: 18px;
}

@media (max-width: 1180px) {
    .payable-chart-grid[b-w1n6i24fmu],
    .payable-detail-grid[b-w1n6i24fmu] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .payable-page[b-w1n6i24fmu] {
        gap: 12px;
    }

    .payable-chart-grid[b-w1n6i24fmu],
    .payable-detail-grid[b-w1n6i24fmu] {
        gap: 12px;
        row-gap: 16px;
    }
}

/* /Components/Pages/DashBoard.Region/Payable/Table/PayableBranchDetailTable.razor.rz.scp.css */
.payable-panel[b-h3jlwtt0x9] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.payable-panel header[b-h3jlwtt0x9] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.payable-panel header[b-h3jlwtt0x9]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #ea580c;
}

.payable-panel h2[b-h3jlwtt0x9] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-h3jlwtt0x9] {
    overflow-x: hidden;
}

table[b-h3jlwtt0x9] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

th[b-h3jlwtt0x9],
td[b-h3jlwtt0x9] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-h3jlwtt0x9] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

th:nth-child(1)[b-h3jlwtt0x9],
td:nth-child(1)[b-h3jlwtt0x9] {
    width: 52px;
    min-width: 52px;
    max-width: 52px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    white-space: nowrap;
}

th:nth-child(2)[b-h3jlwtt0x9],
td:nth-child(2)[b-h3jlwtt0x9] {
    width: 46%;
}

th:nth-child(3)[b-h3jlwtt0x9],
td:nth-child(3)[b-h3jlwtt0x9],
th:nth-child(4)[b-h3jlwtt0x9],
td:nth-child(4)[b-h3jlwtt0x9],
th:nth-child(5)[b-h3jlwtt0x9],
td:nth-child(5)[b-h3jlwtt0x9] {
    width: calc((100% - 46% - 52px) / 3);
}

td[b-h3jlwtt0x9] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
    white-space: normal;
    word-break: break-word;
}

td strong[b-h3jlwtt0x9],
.good-value[b-h3jlwtt0x9],
.bad-value[b-h3jlwtt0x9] {
    font-weight: 700;
}

.good-value[b-h3jlwtt0x9] {
    color: #007a4d;
}

.bad-value[b-h3jlwtt0x9] {
    color: #c42828;
}

tbody tr[b-h3jlwtt0x9] {
    cursor: pointer;
}

tbody tr:hover[b-h3jlwtt0x9],
tbody tr.selected[b-h3jlwtt0x9] {
    background: #fff7ed;
}

tbody tr.risk-row[b-h3jlwtt0x9] {
    background: #fff6f6;
}
tbody td[b-h3jlwtt0x9] {
    font-weight: 500;
}

tbody td strong[b-h3jlwtt0x9] {
    font-weight: 500;
}

@media (max-width: 760px) {
    .payable-panel header[b-h3jlwtt0x9] {
        padding: 14px 16px 14px 22px;
    }

    .payable-panel h2[b-h3jlwtt0x9] {
        font-size: 0.98rem;
    }

    .table-scroll[b-h3jlwtt0x9] {
        overflow-x: auto;
    }

    table[b-h3jlwtt0x9] {
        min-width: 680px;
    }

    th[b-h3jlwtt0x9],
    td[b-h3jlwtt0x9] {
        padding: 12px 12px;
    }
}

/* /Components/Pages/DashBoard.Region/Payable/Table/PayableEmployeeDetailTable.razor.rz.scp.css */
.payable-employee-stack[b-pwrj5l1rzu] {
    display: contents;
}

.payable-panel[b-pwrj5l1rzu] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.employee-summary-panel[b-pwrj5l1rzu] {
    min-width: 0;
}

.payable-panel header[b-pwrj5l1rzu] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.payable-panel header[b-pwrj5l1rzu]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #ea580c;
}

.payable-panel h2[b-pwrj5l1rzu] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

table[b-pwrj5l1rzu] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

.table-scroll[b-pwrj5l1rzu] {
    overflow-x: hidden;
}

.employee-student-detail .table-scroll[b-pwrj5l1rzu] {
    overflow-x: auto;
}

.employee-student-detail table[b-pwrj5l1rzu] {
    min-width: 1200px;
    table-layout: auto;
}

th[b-pwrj5l1rzu],
td[b-pwrj5l1rzu] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th:first-child[b-pwrj5l1rzu],
td:first-child[b-pwrj5l1rzu] {
    width: 52px;
    min-width: 52px;
    max-width: 52px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    white-space: nowrap;
}

.employee-summary-panel th:nth-child(2)[b-pwrj5l1rzu],
.employee-summary-panel td:nth-child(2)[b-pwrj5l1rzu] {
    width: 34%;
}

th[b-pwrj5l1rzu] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-pwrj5l1rzu] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-pwrj5l1rzu],
.good-value[b-pwrj5l1rzu],
.bad-value[b-pwrj5l1rzu] {
    font-weight: 700;
}

.good-value[b-pwrj5l1rzu] {
    color: #007a4d;
}

.bad-value[b-pwrj5l1rzu] {
    color: #c42828;
}

.empty-row[b-pwrj5l1rzu] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

tbody tr[b-pwrj5l1rzu] {
    cursor: pointer;
}

tbody tr:hover[b-pwrj5l1rzu],
tbody tr.selected[b-pwrj5l1rzu] {
    background: #fff7ed;
}

tbody tr.risk-row[b-pwrj5l1rzu] {
    background: #fff6f6;
}

.employee-student-detail[b-pwrj5l1rzu] {
    grid-column: auto;
    margin-top: 0;
    background: #fbfdff;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
}

.employee-student-detail header[b-pwrj5l1rzu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 58px;
    background: linear-gradient(90deg, #fff7ed 0%, #ffffff 76%);
}

.employee-student-detail header[b-pwrj5l1rzu]::before {
    background: #2563eb;
}

@media (max-width: 1180px) {
    .employee-student-detail[b-pwrj5l1rzu] {
        grid-column: auto;
    }
}

@media (max-width: 760px) {
    .payable-panel header[b-pwrj5l1rzu] {
        padding: 14px 16px 14px 22px;
    }

    .payable-panel h2[b-pwrj5l1rzu] {
        font-size: 0.98rem;
    }

    .table-scroll[b-pwrj5l1rzu] {
        overflow-x: auto;
    }

    .employee-summary-panel table[b-pwrj5l1rzu] {
        min-width: 680px;
    }

    .employee-student-detail table[b-pwrj5l1rzu] {
        min-width: 1100px;
    }

    th[b-pwrj5l1rzu],
    td[b-pwrj5l1rzu] {
        padding: 12px 12px;
    }
}
tbody td[b-pwrj5l1rzu] {
    font-weight: 500;
}

tbody td strong[b-pwrj5l1rzu] {
    font-weight: 500;
}
.employee-student-detail tbody td[b-pwrj5l1rzu] {
    font-weight: 500;
}

.employee-student-detail tbody td strong[b-pwrj5l1rzu] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Region/Payable/Table/PayableTopRegionTable.razor.rz.scp.css */
.payable-panel[b-vtzwj9no7g] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.payable-panel header[b-vtzwj9no7g] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.payable-panel header[b-vtzwj9no7g]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #ea580c;
}

.payable-panel h2[b-vtzwj9no7g] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-vtzwj9no7g] {
    overflow-x: auto;
}

table[b-vtzwj9no7g] {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
}

th[b-vtzwj9no7g],
td[b-vtzwj9no7g] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-vtzwj9no7g] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-vtzwj9no7g] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-vtzwj9no7g],
.good-value[b-vtzwj9no7g],
.bad-value[b-vtzwj9no7g] {
    font-weight: 700;
}

.good-value[b-vtzwj9no7g] {
    color: #007a4d;
}

.bad-value[b-vtzwj9no7g] {
    color: #c42828;
}

tbody tr[b-vtzwj9no7g] {
    cursor: pointer;
}

tbody tr:hover[b-vtzwj9no7g],
tbody tr.selected[b-vtzwj9no7g] {
    background: #fff7ed;
}
/* /Components/Pages/DashBoard.Region/RegionDashboardTabs.razor.rz.scp.css */
/* Dashboard shell layout is centralized in wwwroot/app.css. */
/* /Components/Pages/DashBoard.Region/RenewalManagement/StudentRenewalInModulePage.razor.rz.scp.css */
.student-page[b-lxk81edagp] {
    display: grid;
    gap: 18px;
}

.student-state[b-lxk81edagp] {
    min-height: 220px;
    display: grid;
    place-content: center;
    gap: 12px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    color: #06142b;
    text-align: center;
    font-weight: 700;
}

.student-state.error[b-lxk81edagp] {
    color: #b91c1c;
}

.student-state button[b-lxk81edagp] {
    min-height: 36px;
    border: 1px solid #b91c1c;
    border-radius: 6px;
    background: #fff5f5;
    color: #b91c1c;
    font-weight: 700;
}

.renewal-kpi-grid[b-lxk81edagp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 12px;
}

.renewal-total-card[b-lxk81edagp],
.renewal-card[b-lxk81edagp] {
    position: relative;
    min-height: 96px;
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 16px 18px;
    border: 1px solid #cbd7e8;
    border-left: 5px solid #2563eb;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.renewal-total-card[b-lxk81edagp] {
    border-left-color: #059669;
    background: linear-gradient(135deg, #0f766e 0%, #2563eb 100%);
}

.renewal-card.warning[b-lxk81edagp] {
    border-left-color: #f59e0b;
}

.renewal-total-card span[b-lxk81edagp],
.renewal-card span[b-lxk81edagp] {
    color: #06142b;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.renewal-total-card strong[b-lxk81edagp],
.renewal-card strong[b-lxk81edagp] {
    color: #06142b;
    font-size: clamp(1.45rem, 1.9vw, 1.9rem);
    font-weight: 700;
    line-height: 1.08;
}

.renewal-total-card small[b-lxk81edagp],
.renewal-card small[b-lxk81edagp] {
    position: absolute;
    top: 14px;
    right: 14px;
    max-width: 42%;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef4ff;
    color: #475569;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-align: right;
}

.renewal-total-card span[b-lxk81edagp],
.renewal-total-card strong[b-lxk81edagp] {
    color: #ffffff;
}

.renewal-total-card small[b-lxk81edagp] {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

.student-table-grid[b-lxk81edagp],
.student-detail-grid[b-lxk81edagp] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.student-detail-grid[b-lxk81edagp] {
    grid-template-columns: 1fr;
}

[b-lxk81edagp] .student-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

[b-lxk81edagp] .time-filter-row {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

[b-lxk81edagp] .time-filter-button {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

[b-lxk81edagp] .time-filter-button.active {
    background: #202124;
    color: #ffffff;
}





[b-lxk81edagp] .student-panel {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

[b-lxk81edagp] .student-panel header {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

[b-lxk81edagp] .student-panel header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #059669;
}

[b-lxk81edagp] .student-panel h2 {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.2;
}

[b-lxk81edagp] .student-pie-header {
    min-height: 74px;
}

[b-lxk81edagp] .student-active-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    gap: 18px;
}

[b-lxk81edagp] .student-active-total span {
    color: #475569;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

[b-lxk81edagp] .student-active-total strong {
    flex-shrink: 0;
    color: #0f4ea3;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

[b-lxk81edagp] .student-pie-layout {
    min-height: 330px;
    display: grid;
    grid-template-columns: minmax(240px, 40%) 1fr;
    align-items: center;
    gap: 26px;
    padding: 22px;
}

[b-lxk81edagp] .student-pie-wrap {
    position: relative;
    width: min(300px, 100%);
    aspect-ratio: 1;
    justify-self: center;
}

[b-lxk81edagp] .student-pie {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}

[b-lxk81edagp] .pie-slice-label {
    position: absolute;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 3px rgba(15, 23, 42, 0.55);
    pointer-events: none;
}

[b-lxk81edagp] .student-pie-legend {
    display: grid;
    gap: 8px;
}

[b-lxk81edagp] .legend-row {
    min-height: 38px;
    display: grid;
    grid-template-columns: 14px 1fr 72px 84px;
    align-items: center;
    gap: 10px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #06142b;
    text-align: left;
    font-weight: 700;
}

[b-lxk81edagp] .legend-row:hover,
[b-lxk81edagp] .legend-row.active,
[b-lxk81edagp] .clickable-row:hover,
[b-lxk81edagp] .clickable-row.active {
    background: transparent;
}

[b-lxk81edagp] .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

[b-lxk81edagp] .legend-row em {
    color: #334155;
    font-style: normal;
    text-align: right;
}

[b-lxk81edagp] .legend-row .legend-percent {
    font-weight: 700;
}

[b-lxk81edagp] .legend-row .legend-value {
    color: #06142b;
}

[b-lxk81edagp] .table-scroll {
    overflow-x: auto;
}

[b-lxk81edagp] table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

[b-lxk81edagp] .renewal-center-table-scroll,
[b-lxk81edagp] .renewal-cm-table-scroll {
    overflow-x: hidden;
}

[b-lxk81edagp] .renewal-center-table,
[b-lxk81edagp] .renewal-cm-table {
    min-width: 0;
    table-layout: fixed;
}

[b-lxk81edagp] .renewal-center-table th,
[b-lxk81edagp] .renewal-center-table td,
[b-lxk81edagp] .renewal-cm-table th,
[b-lxk81edagp] .renewal-cm-table td {
    padding: 12px 10px;
    overflow-wrap: anywhere;
}

[b-lxk81edagp] .renewal-center-table th:nth-child(1),
[b-lxk81edagp] .renewal-center-table td:nth-child(1) {
    width: 8%;
}

[b-lxk81edagp] .renewal-center-table th:nth-child(2),
[b-lxk81edagp] .renewal-center-table td:nth-child(2) {
    width: 34%;
}

[b-lxk81edagp] .renewal-center-table th:nth-child(n+3),
[b-lxk81edagp] .renewal-center-table td:nth-child(n+3) {
    width: 14.5%;
    text-align: center;
}

[b-lxk81edagp] .renewal-cm-table th:nth-child(1),
[b-lxk81edagp] .renewal-cm-table td:nth-child(1) {
    width: 7%;
}

[b-lxk81edagp] .renewal-cm-table th:nth-child(2),
[b-lxk81edagp] .renewal-cm-table td:nth-child(2) {
    width: 32%;
}

[b-lxk81edagp] .renewal-cm-table th:nth-child(3),
[b-lxk81edagp] .renewal-cm-table td:nth-child(3) {
    width: 10%;
    text-align: center;
}

[b-lxk81edagp] .renewal-cm-table th:nth-child(n+4),
[b-lxk81edagp] .renewal-cm-table td:nth-child(n+4) {
    width: 12.75%;
    text-align: center;
}

[b-lxk81edagp] th,
[b-lxk81edagp] td {
    padding: 13px 16px;
    border-bottom: 1px solid #d9e3f0;
    color: #06142b;
    text-align: left;
    font-size: 0.85rem;
    font-weight: 600;
}

[b-lxk81edagp] .student-detail-panel td {
    font-weight: 500;
}

[b-lxk81edagp] th {
    background: #eaf1fb;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

[b-lxk81edagp] tbody tr:nth-child(odd) {
    background: #fff8ee;
}

[b-lxk81edagp] .clickable-row {
    cursor: pointer;
}

[b-lxk81edagp] .empty-row {
    color: #64748b !important;
    text-align: center !important;
}

[b-lxk81edagp] .good-value {
    color: #00875a !important;
    font-weight: 700 !important;
}

[b-lxk81edagp] .bad-value {
    color: #d01616 !important;
    font-weight: 700 !important;
}

@media (max-width: 1280px) {
    .student-table-grid[b-lxk81edagp],
    .student-detail-grid[b-lxk81edagp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 920px) {
    .renewal-kpi-grid[b-lxk81edagp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .renewal-kpi-grid[b-lxk81edagp],
}
@media (max-width: 760px) {
    .student-filter[b-lxk81edagp],
    .payable-filter[b-lxk81edagp],
    .revenue-filter-bar[b-lxk81edagp],
    .student-branch-filter[b-lxk81edagp] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-lxk81edagp] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-lxk81edagp] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-lxk81edagp] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Region/Revenue/Filter/Filter.razor.rz.scp.css */
.revenue-filter-bar[b-djeroc41nw] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-djeroc41nw] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-djeroc41nw] {
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.86rem;
    font-weight: 600;
}

.time-filter-button.active[b-djeroc41nw] {
    border-color: #1f2937;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-djeroc41nw] {
    min-height: 38px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.86rem;
    font-weight: 600;
}

.year-picker[b-djeroc41nw] {
    width: 92px;
}







@media (max-width: 680px) {
    .time-filter-button[b-djeroc41nw] {
        min-height: 34px;
        padding: 0 10px;
        font-size: 0.78rem;
    }

}
@media (max-width: 760px) {
    .student-filter[b-djeroc41nw],
    .payable-filter[b-djeroc41nw],
    .revenue-filter-bar[b-djeroc41nw],
    .student-branch-filter[b-djeroc41nw] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-djeroc41nw] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-djeroc41nw] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-djeroc41nw] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Region/Revenue/Panel/RenewPanel.razor.rz.scp.css */
.renew-health-panel[b-8sebnj9uss] {
    display: grid;
    gap: 14px;
    padding: 18px;
    border: 1px solid #70819a;
    border-radius: 8px;
    background: #e7f1ff;
}

.renew-health-panel > header[b-8sebnj9uss] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.renew-health-panel h2[b-8sebnj9uss] {
    margin: 0;
    color: #0e1a2f;
    font-size: 1.7rem;
    font-weight: 500;
}

.renew-health-content[b-8sebnj9uss] {
    display: grid;
    grid-template-columns: minmax(420px, 0.92fr) minmax(520px, 1.08fr);
    gap: 14px;
    align-items: stretch;
}

.renew-metric-grid[b-8sebnj9uss] {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.renew-rate-chart[b-8sebnj9uss] {
    min-height: 258px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 8px;
    padding: 14px 16px 12px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.renew-chart-header[b-8sebnj9uss] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.renew-rate-chart h3[b-8sebnj9uss] {
    margin: 0;
    color: #1f2937;
    font-size: 0.9rem;
    font-weight: 700;
}

.renew-chart-header span[b-8sebnj9uss] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 600;
}

.renew-line-wrap[b-8sebnj9uss] {
    position: relative;
    min-height: 196px;
    overflow: hidden;
}

.renew-line-chart[b-8sebnj9uss] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: block;
}

.renew-y-axis[b-8sebnj9uss] {
    position: absolute;
    inset: 0 auto 0 0;
    width: 108px;
    pointer-events: none;
}

.renew-y-axis span[b-8sebnj9uss] {
    position: absolute;
    left: 0;
    max-width: 102px;
    overflow: hidden;
    color: #64748b;
    font-size: 0.61rem;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform: translateY(-50%);
}

.renew-axis[b-8sebnj9uss] {
    stroke: #aebed2;
    stroke-width: 1.2;
}

.renew-grid-line[b-8sebnj9uss] {
    stroke: #eef3fb;
    stroke-width: 1;
}

.renew-rate-area[b-8sebnj9uss] {
    fill: rgba(8, 113, 84, 0.12);
    stroke: none;
    pointer-events: none;
}

.renew-rate-line[b-8sebnj9uss] {
    fill: none;
    stroke: #087154;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3.2;
    pointer-events: none;
}

.renew-hotspot[b-8sebnj9uss] {
    fill: transparent;
    cursor: crosshair;
    pointer-events: all;
}

.renew-rate-dot[b-8sebnj9uss] {
    fill: #087154;
    stroke: #ffffff;
    stroke-width: 2;
    pointer-events: none;
}

.renew-rate-dot.active[b-8sebnj9uss] {
    r: 6;
}

.renew-chart-tooltip[b-8sebnj9uss] {
    position: absolute;
    min-width: 146px;
    display: grid;
    gap: 4px;
    padding: 9px 11px;
    border-radius: 8px;
    background: #213145;
    color: #ffffff;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.22);
    transform: translate(-50%, calc(-100% - 10px));
    pointer-events: none;
    z-index: 3;
    font-size: 0.76rem;
}

.renew-chart-tooltip strong[b-8sebnj9uss] {
    color: #72ffd0;
    font-weight: 700;
}

.renew-chart-tooltip span[b-8sebnj9uss] {
    font-weight: 600;
    white-space: nowrap;
}

.renew-line-labels[b-8sebnj9uss] {
    display: grid;
    grid-template-columns: repeat(var(--renew-count), minmax(0, 1fr));
    gap: 4px;
    padding-left: 112px;
    color: #374151;
    font-size: 0.68rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
}

@media (max-width: 1240px) {
    .renew-health-content[b-8sebnj9uss] {
        grid-template-columns: 1fr;
    }

    .renew-rate-chart[b-8sebnj9uss] {
        min-height: 300px;
    }
}

@media (max-width: 680px) {
    .renew-health-panel[b-8sebnj9uss] {
        padding: 14px;
    }

    .renew-health-panel > header[b-8sebnj9uss] {
        align-items: flex-start;
        flex-direction: column;
    }

    .renew-health-panel h2[b-8sebnj9uss] {
        font-size: 1.28rem;
    }

    .renew-metric-grid[b-8sebnj9uss] {
        grid-template-columns: 1fr;
    }

    .renew-y-axis[b-8sebnj9uss] {
        width: 84px;
    }

    .renew-y-axis span[b-8sebnj9uss] {
        max-width: 78px;
        font-size: 0.54rem;
    }

    .renew-line-labels[b-8sebnj9uss] {
        overflow-x: auto;
        padding-left: 84px;
        font-size: 0.6rem;
    }
}
/* /Components/Pages/DashBoard.Region/Revenue/Panel/RevenuePanel.razor.rz.scp.css */
.revenue-kpi-grid[b-1jr7yw027x] {
    display: grid;
    grid-template-columns: 1.55fr repeat(3, minmax(170px, 1fr));
    gap: 14px;
}

.total-revenue-card[b-1jr7yw027x] {
    position: relative;
    min-height: 112px;
    display: grid;
    align-content: start;
    padding: 18px 20px;
    border-radius: 8px;
    background: linear-gradient(135deg, #071a85, #0b46b1);
    color: #ffffff;
    box-shadow: 0 16px 34px rgba(7, 26, 133, 0.22);
}

.total-revenue-card span[b-1jr7yw027x] {
    display: block;
    margin-bottom: 8px;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.total-revenue-card strong[b-1jr7yw027x] {
    font-size: clamp(1.45rem, 1.9vw, 1.9rem);
    line-height: 1.08;
    font-weight: 700;
}

.growth-pill[b-1jr7yw027x] {
    position: absolute;
    top: 16px;
    right: 18px;
    width: fit-content;
    margin: 0;
    padding: 7px 12px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.12);
    color: #72ffd0;
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 1180px) {
    .revenue-kpi-grid[b-1jr7yw027x] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .revenue-kpi-grid[b-1jr7yw027x] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/DashBoard.Region/Revenue/RevenueMetricCard.razor.rz.scp.css */
.metric-card[b-jdv9zbt10l] {
    position: relative;
    min-height: 112px;
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 18px 20px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.metric-card.warning[b-jdv9zbt10l] {
    border-left: 4px solid #c42828;
}

.metric-card span[b-jdv9zbt10l] {
    color: #1f2937;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.metric-card strong[b-jdv9zbt10l] {
    color: #0e1a2f;
    font-size: clamp(1.45rem, 1.9vw, 1.9rem);
    line-height: 1.08;
    font-weight: 700;
}

.metric-card p[b-jdv9zbt10l],
.metric-card small[b-jdv9zbt10l] {
    margin: 0;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
}

.metric-card small[b-jdv9zbt10l] {
    color: #0f766e;
}

.metric-card em[b-jdv9zbt10l] {
    position: absolute;
    top: 16px;
    right: 18px;
    padding: 6px 10px;
    border-radius: 8px;
    background: #dcfce7;
    color: #007a4d;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.metric-card em.negative[b-jdv9zbt10l],
.metric-card.warning em[b-jdv9zbt10l] {
    background: #fee2e2;
    color: #c42828;
}
/* /Components/Pages/DashBoard.Region/Revenue/RevenuePage.razor.rz.scp.css */
.revenue-page[b-bwxr8r5f5g] {
    display: grid;
    gap: 18px;
}

.revenue-state-panel[b-bwxr8r5f5g] {
    min-height: 280px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.revenue-state-panel strong[b-bwxr8r5f5g] {
    color: #0e1a2f;
    font-size: 1.2rem;
    font-weight: 700;
}

.revenue-state-panel span[b-bwxr8r5f5g] {
    max-width: 640px;
    color: #526174;
    font-weight: 500;
}

.revenue-state-panel.error[b-bwxr8r5f5g] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.revenue-state-panel.error strong[b-bwxr8r5f5g] {
    color: #b30f18;
}

.revenue-state-panel button[b-bwxr8r5f5g] {
    min-height: 38px;
    padding: 0 16px;
    border: 0;
    border-radius: 8px;
    background: #082b9d;
    color: #ffffff;
    font-weight: 700;
}

.revenue-chart-grid[b-bwxr8r5f5g] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
}

.revenue-table-grid[b-bwxr8r5f5g] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

@media (max-width: 980px) {
    .revenue-chart-grid[b-bwxr8r5f5g] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1120px) {
    .revenue-table-grid[b-bwxr8r5f5g] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/DashBoard.Region/Revenue/Table/CenterDetailTable.razor.rz.scp.css */
.table-panel[b-chhgid2nbz] {
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.table-panel header[b-chhgid2nbz] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 15px 22px 15px 28px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.table-panel header[b-chhgid2nbz]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0d35a8;
}

.table-panel h2[b-chhgid2nbz] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.2;
}

.table-panel header span[b-chhgid2nbz] {
    color: #526174;
    font-weight: 600;
}

.table-scroll[b-chhgid2nbz] {
    overflow-x: auto;
}

table[b-chhgid2nbz] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-chhgid2nbz],
td[b-chhgid2nbz] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-chhgid2nbz] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-chhgid2nbz] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

tbody tr.risk-row[b-chhgid2nbz] {
    background: #fff6f6;
}

tbody tr[b-chhgid2nbz] {
    cursor: pointer;
}

tbody tr:hover[b-chhgid2nbz],
tbody tr.selected-row[b-chhgid2nbz] {
    background: #eef5ff;
}

td strong[b-chhgid2nbz],
.good-value[b-chhgid2nbz],
.bad-value[b-chhgid2nbz] {
    font-weight: 700;
}

.good-value[b-chhgid2nbz] {
    color: #007a4d;
}

.bad-value[b-chhgid2nbz] {
    color: #c42828;
}

.empty-row[b-chhgid2nbz] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
tbody td[b-chhgid2nbz] {
    font-weight: 500;
}

tbody td strong[b-chhgid2nbz] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Region/Revenue/Table/EmployeeRevenueTable.razor.rz.scp.css */
.table-panel[b-aa068e942r] {
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.table-panel header[b-aa068e942r] {
    position: relative;
    padding: 15px 22px 15px 28px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.table-panel header[b-aa068e942r]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0d35a8;
}

.table-panel h2[b-aa068e942r] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.2;
}

.table-scroll[b-aa068e942r] {
    overflow-x: auto;
}

table[b-aa068e942r] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-aa068e942r],
td[b-aa068e942r] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-aa068e942r] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-aa068e942r] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

tbody tr.risk-row[b-aa068e942r] {
    background: #fff6f6;
}

tbody tr[b-aa068e942r] {
    cursor: pointer;
}

tbody tr.selected-row[b-aa068e942r] {
    background: #eef6ff;
    box-shadow: inset 4px 0 0 #2563eb;
}

.student-detail[b-aa068e942r] {
    border-top: 1px solid #dbe4ef;
    background: #fbfdff;
}

.student-detail header[b-aa068e942r] {
    background: linear-gradient(90deg, #eef6ff 0%, #ffffff 76%);
}

.student-detail header[b-aa068e942r]::before {
    background: #2563eb;
}

.student-detail h3[b-aa068e942r] {
    margin: 0;
    color: #071a3d;
    font-size: 1.02rem;
    font-weight: 700;
}

td strong[b-aa068e942r],
.good-value[b-aa068e942r],
.bad-value[b-aa068e942r] {
    font-weight: 700;
}

.good-value[b-aa068e942r] {
    color: #007a4d;
}

.bad-value[b-aa068e942r] {
    color: #c42828;
}

.empty-row[b-aa068e942r] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
.student-detail tbody td[b-aa068e942r] {
    font-weight: 500;
}

.student-detail tbody td strong[b-aa068e942r] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Region/Revenue/Table/TopRegionTable.razor.rz.scp.css */
.table-panel[b-shtv1x1c98] {
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.table-panel header[b-shtv1x1c98] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 15px 22px 15px 28px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.table-panel header[b-shtv1x1c98]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0d35a8;
}

.table-panel h2[b-shtv1x1c98] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.2;
}

.table-panel header span[b-shtv1x1c98] {
    color: #005fd8;
    font-weight: 600;
}

.table-scroll[b-shtv1x1c98] {
    overflow-x: auto;
}

table[b-shtv1x1c98] {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
}

th[b-shtv1x1c98],
td[b-shtv1x1c98] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-shtv1x1c98] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

tbody tr[b-shtv1x1c98] {
    cursor: pointer;
}

tbody tr:hover[b-shtv1x1c98],
tbody tr.selected[b-shtv1x1c98] {
    background: #f3f9ff;
}

tbody tr.risk-row[b-shtv1x1c98] {
    background: #fff6f6;
}

tbody tr.selected.risk-row[b-shtv1x1c98] {
    background: #fff0ee;
}

td[b-shtv1x1c98] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-shtv1x1c98],
.good-value[b-shtv1x1c98],
.bad-value[b-shtv1x1c98] {
    font-weight: 700;
}

.good-value[b-shtv1x1c98] {
    color: #007a4d;
}

.bad-value[b-shtv1x1c98] {
    color: #c42828;
}
/* /Components/Pages/DashBoard.Region/StudentInBranch/NewStudentInBranch/NewStudentInBranchPage.razor.rz.scp.css */
.student-branch-page[b-13jnw6h7bd] {
    display: grid;
    gap: 18px;
}

.student-state[b-13jnw6h7bd] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.student-state strong[b-13jnw6h7bd] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.student-state.error[b-13jnw6h7bd] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.student-state.error strong[b-13jnw6h7bd] {
    color: #b30f18;
}

.student-state button[b-13jnw6h7bd] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.student-table-grid[b-13jnw6h7bd] {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: 18px;
    align-items: start;
}

.student-branch-detail-grid[b-13jnw6h7bd] {
    display: grid;
    grid-template-columns: minmax(320px, 0.4fr) minmax(0, 0.6fr);
    gap: 18px;
    align-items: start;
}

@media (max-width: 1180px) {
    .student-table-grid[b-13jnw6h7bd],
    .student-branch-detail-grid[b-13jnw6h7bd] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/DashBoard.Region/StudentInBranch/NewStudentInBranch/Table/NewStudentInBranchCenterTable.razor.rz.scp.css */
.student-panel[b-jpdty72giy] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-jpdty72giy] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-jpdty72giy]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #2563eb;
}

.student-panel h2[b-jpdty72giy] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 700;
}

table[b-jpdty72giy] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
    color: #06142b;
}

.table-scroll[b-jpdty72giy] {
    overflow-x: hidden;
}

th[b-jpdty72giy],
td[b-jpdty72giy] {
    padding: 13px 16px;
    border-bottom: 1px solid #d7e0ec;
    text-align: left;
    font-weight: 400;
    white-space: normal;
    overflow-wrap: anywhere;
}

th[b-jpdty72giy] {
    background: #edf3fb;
    font-size: 0.72rem;
    text-transform: uppercase;
    font-weight: 600;
}

th:first-child[b-jpdty72giy],
td:first-child[b-jpdty72giy] {
    width: 52px;
    min-width: 52px;
    max-width: 52px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    white-space: nowrap;
}

.clickable-row[b-jpdty72giy] {
    cursor: pointer;
}

.clickable-row:hover[b-jpdty72giy],
.clickable-row.active[b-jpdty72giy] {
    background: #fff7ed;
}

.clickable-row.active[b-jpdty72giy] {
    box-shadow: inset 4px 0 0 #2563eb;
}

.empty-row[b-jpdty72giy] {
    padding: 22px;
    color: #526174;
    text-align: center;
}
/* /Components/Pages/DashBoard.Region/StudentInBranch/NewStudentInBranch/Table/NewStudentInBranchDetailTable.razor.rz.scp.css */
.student-panel[b-bzv9bxczt1] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-bzv9bxczt1] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-bzv9bxczt1]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-bzv9bxczt1] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 700;
}

.table-scroll[b-bzv9bxczt1] {
    overflow: auto;
}

table[b-bzv9bxczt1] {
    width: 100%;
    border-collapse: collapse;
    color: #06142b;
}

th[b-bzv9bxczt1],
td[b-bzv9bxczt1] {
    padding: 13px 16px;
    border-bottom: 1px solid #d7e0ec;
    text-align: left;
    font-weight: 600;
}

th[b-bzv9bxczt1] {
    background: #edf3fb;
    font-size: 0.72rem;
    text-transform: uppercase;
}

.empty-row[b-bzv9bxczt1] {
    padding: 22px;
    color: #526174;
    text-align: center;
}
tbody td[b-bzv9bxczt1] {
    font-weight: 500;
}

tbody td strong[b-bzv9bxczt1] {
    font-weight: 500;
}

.export-only-table[b-bzv9bxczt1] {
    display: none;
}

/* /Components/Pages/DashBoard.Region/StudentInBranch/NewStudentInBranch/Table/NewStudentInBranchEmployeeTable.razor.rz.scp.css */
.student-panel[b-ng383c8ank] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-ng383c8ank] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-ng383c8ank]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-ng383c8ank] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 700;
}

table[b-ng383c8ank] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
    color: #06142b;
}

.table-scroll[b-ng383c8ank] {
    overflow-x: hidden;
}

th[b-ng383c8ank],
td[b-ng383c8ank] {
    padding: 13px 16px;
    border-bottom: 1px solid #d7e0ec;
    text-align: left;
    font-weight: 400;
    white-space: normal;
    overflow-wrap: anywhere;
}

th[b-ng383c8ank] {
    background: #edf3fb;
    font-size: 0.72rem;
    text-transform: uppercase;
    font-weight: 600;
}

th:first-child[b-ng383c8ank],
td:first-child[b-ng383c8ank] {
    width: 52px;
    min-width: 52px;
    max-width: 52px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    white-space: nowrap;
}

.clickable-row[b-ng383c8ank] {
    cursor: pointer;
}

.clickable-row:hover[b-ng383c8ank],
.clickable-row.active[b-ng383c8ank] {
    background: #fff7ed;
}

.clickable-row.active[b-ng383c8ank] {
    box-shadow: inset 4px 0 0 #0f766e;
}

.empty-row[b-ng383c8ank] {
    padding: 22px;
    color: #526174;
    text-align: center;
}

/* /Components/Pages/DashBoard.Region/StudentInBranch/Shared/StudentInBranchFilter.razor.rz.scp.css */
.student-branch-filter[b-9vkzx3ylnf] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-9vkzx3ylnf] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-9vkzx3ylnf],
.period-picker[b-9vkzx3ylnf] {
    min-height: 38px;
    padding: 0 16px;
    border: 1px solid #aebdd2;
    border-radius: 6px;
    background: #ffffff;
    color: #071a3d;
    font-weight: 700;
}

.time-filter-button.active[b-9vkzx3ylnf] {
    border-color: #111827;
    background: #111827;
    color: #ffffff;
}

.year-picker[b-9vkzx3ylnf] {
    width: 110px;
}


label[b-9vkzx3ylnf] {
    display: grid;
    gap: 6px;
}

label span[b-9vkzx3ylnf] {
    color: #071a3d;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

select[b-9vkzx3ylnf] {
    min-height: 40px;
    border: 1px solid #b7c8df;
    border-radius: 6px;
    background: #f8fbff;
    color: #071a3d;
    font-weight: 700;
    padding: 0 12px;
}


@media (max-width: 760px) {
    .student-filter[b-9vkzx3ylnf],
    .payable-filter[b-9vkzx3ylnf],
    .revenue-filter-bar[b-9vkzx3ylnf],
    .student-branch-filter[b-9vkzx3ylnf] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-9vkzx3ylnf] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-9vkzx3ylnf] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-9vkzx3ylnf] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Region/StudentInModule/StudentActivelnModule/Filter/StudentFilter.razor.rz.scp.css */
.student-filter[b-tip5ywyrhe] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-tip5ywyrhe] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-tip5ywyrhe] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.time-filter-button.active[b-tip5ywyrhe] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-tip5ywyrhe] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.year-picker[b-tip5ywyrhe] {
    width: 92px;
}






@media (max-width: 760px) {
    .student-filter[b-tip5ywyrhe],
    .payable-filter[b-tip5ywyrhe],
    .revenue-filter-bar[b-tip5ywyrhe],
    .student-branch-filter[b-tip5ywyrhe] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-tip5ywyrhe] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-tip5ywyrhe] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-tip5ywyrhe] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Region/StudentInModule/StudentActivelnModule/StudentActivePage.razor.rz.scp.css */
.student-page[b-t0x3w13f6x] {
    display: grid;
    gap: 18px;
}

.student-state[b-t0x3w13f6x] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.student-state strong[b-t0x3w13f6x] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.student-state.error[b-t0x3w13f6x] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.student-state.error strong[b-t0x3w13f6x] {
    color: #b30f18;
}

.student-state button[b-t0x3w13f6x] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.student-table-grid[b-t0x3w13f6x] {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: 18px;
    align-items: start;
}

.student-detail-grid[b-t0x3w13f6x] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 18px;
    align-items: start;
}

.student-side-detail-grid[b-t0x3w13f6x] {
    display: grid;
    grid-template-columns: minmax(260px, 0.3fr) minmax(0, 0.7fr);
    gap: 18px;
    align-items: start;
}

.student-side-stack[b-t0x3w13f6x] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

@media (max-width: 1180px) {
    .student-table-grid[b-t0x3w13f6x],
    .student-detail-grid[b-t0x3w13f6x],
    .student-side-detail-grid[b-t0x3w13f6x] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .student-page[b-t0x3w13f6x] {
        gap: 12px;
    }

    .student-table-grid[b-t0x3w13f6x],
    .student-detail-grid[b-t0x3w13f6x],
    .student-side-detail-grid[b-t0x3w13f6x],
    .student-side-stack[b-t0x3w13f6x] {
        gap: 12px;
    }
}
/* /Components/Pages/DashBoard.Region/StudentInModule/StudentActivelnModule/Table/StudentActiveCenterTable.razor.rz.scp.css */
.student-panel[b-5vabj73phc] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-5vabj73phc] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-5vabj73phc]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-5vabj73phc] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-5vabj73phc] {
    overflow-x: hidden;
}

table[b-5vabj73phc] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

th[b-5vabj73phc],
td[b-5vabj73phc] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-5vabj73phc] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-5vabj73phc] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
    white-space: normal;
    overflow-wrap: anywhere;
}

th:first-child[b-5vabj73phc],
td:first-child[b-5vabj73phc] {
    width: 56px;
}

td strong[b-5vabj73phc] {
    font-weight: 700;
}

.empty-row[b-5vabj73phc] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

.clickable-row[b-5vabj73phc] {
    cursor: pointer;
}

.clickable-row:hover[b-5vabj73phc],
.clickable-row.active[b-5vabj73phc] {
    background: #f4f8ff;
}

.clickable-row.active[b-5vabj73phc] {
    box-shadow: inset 4px 0 0 #2563eb;
}

@media (max-width: 760px) {
    .student-panel header[b-5vabj73phc] {
        padding: 14px 16px 14px 22px;
    }

    .student-panel h2[b-5vabj73phc] {
        font-size: 0.98rem;
    }

    .table-scroll[b-5vabj73phc] {
        overflow-x: auto;
    }

    table[b-5vabj73phc] {
        min-width: 620px;
    }

    th[b-5vabj73phc],
    td[b-5vabj73phc] {
        padding: 12px 12px;
    }
}
/* /Components/Pages/DashBoard.Region/StudentInModule/StudentActivelnModule/Table/StudentClassTable.razor.rz.scp.css */
.student-panel[b-9mnvhtqcca] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-9mnvhtqcca] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-9mnvhtqcca]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #f59e0b;
}

.student-panel h2[b-9mnvhtqcca] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-9mnvhtqcca] {
    overflow-x: auto;
}

table[b-9mnvhtqcca] {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
}

th[b-9mnvhtqcca],
td[b-9mnvhtqcca] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-9mnvhtqcca] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-9mnvhtqcca] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-9mnvhtqcca] {
    font-weight: 700;
}

.empty-row[b-9mnvhtqcca] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

.clickable-row[b-9mnvhtqcca] {
    cursor: pointer;
}

.clickable-row:hover[b-9mnvhtqcca],
.clickable-row.active[b-9mnvhtqcca] {
    background: #f4f8ff;
}

.clickable-row.active[b-9mnvhtqcca] {
    box-shadow: inset 4px 0 0 #f59e0b;
}

@media (max-width: 760px) {
    .student-panel header[b-9mnvhtqcca] {
        padding: 14px 16px 14px 22px;
    }

    .student-panel h2[b-9mnvhtqcca] {
        font-size: 0.98rem;
    }

    th[b-9mnvhtqcca],
    td[b-9mnvhtqcca] {
        padding: 12px 12px;
    }
}
/* /Components/Pages/DashBoard.Region/StudentInModule/StudentActivelnModule/Table/StudentCmTable.razor.rz.scp.css */
.student-panel[b-z3jl7v9yh0] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-z3jl7v9yh0] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-z3jl7v9yh0]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #7c3aed;
}

.student-panel h2[b-z3jl7v9yh0] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-z3jl7v9yh0] {
    overflow-x: auto;
}

table[b-z3jl7v9yh0] {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
}

th[b-z3jl7v9yh0],
td[b-z3jl7v9yh0] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-z3jl7v9yh0] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-z3jl7v9yh0] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-z3jl7v9yh0] {
    font-weight: 700;
}

.empty-row[b-z3jl7v9yh0] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

.clickable-row[b-z3jl7v9yh0] {
    cursor: pointer;
}

.clickable-row:hover[b-z3jl7v9yh0],
.clickable-row.active[b-z3jl7v9yh0] {
    background: #f4f8ff;
}

.clickable-row.active[b-z3jl7v9yh0] {
    box-shadow: inset 4px 0 0 #7c3aed;
}

@media (max-width: 760px) {
    .student-panel header[b-z3jl7v9yh0] {
        padding: 14px 16px 14px 22px;
    }

    .student-panel h2[b-z3jl7v9yh0] {
        font-size: 0.98rem;
    }

    th[b-z3jl7v9yh0],
    td[b-z3jl7v9yh0] {
        padding: 12px 12px;
    }
}
/* /Components/Pages/DashBoard.Region/StudentInModule/StudentActivelnModule/Table/StudentInClassTable.razor.rz.scp.css */
.student-panel[b-26fgla7eyt] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-26fgla7eyt] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-26fgla7eyt]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-26fgla7eyt] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-26fgla7eyt] {
    overflow-x: auto;
}

table[b-26fgla7eyt] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-26fgla7eyt],
td[b-26fgla7eyt] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-26fgla7eyt] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-26fgla7eyt] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-26fgla7eyt] {
    font-weight: 700;
}

.empty-row[b-26fgla7eyt] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
tbody td[b-26fgla7eyt] {
    font-weight: 500;
}

tbody td strong[b-26fgla7eyt] {
    font-weight: 500;
}

@media (max-width: 760px) {
    .student-panel header[b-26fgla7eyt] {
        padding: 14px 16px 14px 22px;
    }

    .student-panel h2[b-26fgla7eyt] {
        font-size: 0.98rem;
    }

    table[b-26fgla7eyt] {
        min-width: 980px;
    }

    th[b-26fgla7eyt],
    td[b-26fgla7eyt] {
        padding: 12px 12px;
    }
}
/* /Components/Pages/DashBoard.Region/StudentInModule/StudentDeferInModule/Filter/StudentDeferInModuleFilter.razor.rz.scp.css */
.student-filter[b-bstbh4ck5a] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-bstbh4ck5a] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-bstbh4ck5a] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.time-filter-button.active[b-bstbh4ck5a] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-bstbh4ck5a] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.year-picker[b-bstbh4ck5a] {
    width: 92px;
}






@media (max-width: 760px) {
    .student-filter[b-bstbh4ck5a],
    .payable-filter[b-bstbh4ck5a],
    .revenue-filter-bar[b-bstbh4ck5a],
    .student-branch-filter[b-bstbh4ck5a] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-bstbh4ck5a] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-bstbh4ck5a] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-bstbh4ck5a] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Region/StudentInModule/StudentDeferInModule/StudentDeferInModulePage.razor.rz.scp.css */
.student-page[b-44o7lzqf2z] {
    display: grid;
    gap: 18px;
}

.student-state[b-44o7lzqf2z] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.student-state strong[b-44o7lzqf2z] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.student-state.error[b-44o7lzqf2z] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.student-state.error strong[b-44o7lzqf2z] {
    color: #b30f18;
}

.student-state button[b-44o7lzqf2z] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.student-table-grid[b-44o7lzqf2z] {
    display: grid;
    grid-template-columns: minmax(280px, 0.34fr) repeat(2, minmax(280px, 0.33fr));
    gap: 18px;
    align-items: start;
}

.student-program-grid[b-44o7lzqf2z] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

@media (max-width: 1480px) {
    .student-table-grid[b-44o7lzqf2z] {
        grid-template-columns: minmax(0, 0.45fr) minmax(0, 0.55fr);
    }

    .student-table-grid > :last-child[b-44o7lzqf2z] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1180px) {
    .student-table-grid[b-44o7lzqf2z] {
        grid-template-columns: 1fr;
    }

    .student-table-grid > :last-child[b-44o7lzqf2z] {
        grid-column: auto;
    }
}


/* /Components/Pages/DashBoard.Region/StudentInModule/StudentDeferInModule/Table/StudentDeferInModuleCenterTable.razor.rz.scp.css */
.student-panel[b-7cwik49g37] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-7cwik49g37] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-7cwik49g37]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-7cwik49g37] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-7cwik49g37] {
    overflow-x: hidden;
}

table[b-7cwik49g37] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

th[b-7cwik49g37],
td[b-7cwik49g37] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-7cwik49g37] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-7cwik49g37] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
    white-space: normal;
    overflow-wrap: anywhere;
}

th:first-child[b-7cwik49g37],
td:first-child[b-7cwik49g37] {
    width: 56px;
}

td strong[b-7cwik49g37] {
    font-weight: 700;
}

.empty-row[b-7cwik49g37] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

.clickable-row[b-7cwik49g37] {
    cursor: pointer;
}

.clickable-row:hover[b-7cwik49g37],
.clickable-row.active[b-7cwik49g37] {
    background: #f4f8ff;
}

.clickable-row.active[b-7cwik49g37] {
    box-shadow: inset 4px 0 0 #2563eb;
}


/* /Components/Pages/DashBoard.Region/StudentInModule/StudentDeferInModule/Table/StudentDeferInModuleDetailTable.razor.rz.scp.css */
.student-panel[b-4xtb24go71] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-4xtb24go71] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-4xtb24go71]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-4xtb24go71] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-4xtb24go71] {
    overflow-x: auto;
}

table[b-4xtb24go71] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-4xtb24go71],
td[b-4xtb24go71] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-4xtb24go71] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-4xtb24go71] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-4xtb24go71] {
    font-weight: 700;
}

.empty-row[b-4xtb24go71] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
tbody td[b-4xtb24go71] {
    font-weight: 500;
}

tbody td strong[b-4xtb24go71] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Region/StudentInModule/StudentDeferInModule/Table/StudentDeferInModuleProgramTable.razor.rz.scp.css */
.student-panel[b-nsr0xnny5b] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-nsr0xnny5b] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-nsr0xnny5b]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #7c3aed;
}

.student-panel h2[b-nsr0xnny5b] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-nsr0xnny5b] {
    overflow-x: auto;
}

table[b-nsr0xnny5b] {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
}

th[b-nsr0xnny5b],
td[b-nsr0xnny5b] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-nsr0xnny5b] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-nsr0xnny5b] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-nsr0xnny5b] {
    font-weight: 700;
}

tbody tr[b-nsr0xnny5b] {
    cursor: pointer;
}

tbody tr:hover[b-nsr0xnny5b] {
    background: #f7fbff;
}

.selected-row[b-nsr0xnny5b] {
    background: #eef5ff;
    outline: 2px solid #6aa1ff;
    outline-offset: -2px;
}

.empty-row[b-nsr0xnny5b] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
/* /Components/Pages/DashBoard.Region/StudentInModule/StudentPendingPaymentInModule/Filter/StudentPendingPaymentInModuleFilter.razor.rz.scp.css */
.student-filter[b-fzq8qjqg4e] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-fzq8qjqg4e] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-fzq8qjqg4e] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.time-filter-button.active[b-fzq8qjqg4e] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-fzq8qjqg4e] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.year-picker[b-fzq8qjqg4e] {
    width: 92px;
}






@media (max-width: 760px) {
    .student-filter[b-fzq8qjqg4e],
    .payable-filter[b-fzq8qjqg4e],
    .revenue-filter-bar[b-fzq8qjqg4e],
    .student-branch-filter[b-fzq8qjqg4e] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-fzq8qjqg4e] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-fzq8qjqg4e] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-fzq8qjqg4e] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Region/StudentInModule/StudentPendingPaymentInModule/StudentPendingPaymentInModulePage.razor.rz.scp.css */
.student-page[b-wx6vn2jl19] {
    display: grid;
    gap: 18px;
}

.student-state[b-wx6vn2jl19] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.student-state strong[b-wx6vn2jl19] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.student-state.error[b-wx6vn2jl19] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.student-state.error strong[b-wx6vn2jl19] {
    color: #b30f18;
}

.student-state button[b-wx6vn2jl19] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.student-table-grid[b-wx6vn2jl19] {
    display: grid;
    grid-template-columns: minmax(280px, 0.34fr) repeat(2, minmax(280px, 0.33fr));
    gap: 18px;
    align-items: start;
}

.student-program-grid[b-wx6vn2jl19] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

@media (max-width: 1480px) {
    .student-table-grid[b-wx6vn2jl19] {
        grid-template-columns: minmax(0, 0.45fr) minmax(0, 0.55fr);
    }

    .student-table-grid > :last-child[b-wx6vn2jl19] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1180px) {
    .student-table-grid[b-wx6vn2jl19] {
        grid-template-columns: 1fr;
    }

    .student-table-grid > :last-child[b-wx6vn2jl19] {
        grid-column: auto;
    }
}


/* /Components/Pages/DashBoard.Region/StudentInModule/StudentPendingPaymentInModule/Table/StudentPendingPaymentInModuleCenterTable.razor.rz.scp.css */
.student-panel[b-g887rv325i] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-g887rv325i] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-g887rv325i]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-g887rv325i] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-g887rv325i] {
    overflow-x: hidden;
}

table[b-g887rv325i] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

th[b-g887rv325i],
td[b-g887rv325i] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-g887rv325i] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-g887rv325i] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
    white-space: normal;
    overflow-wrap: anywhere;
}

th:first-child[b-g887rv325i],
td:first-child[b-g887rv325i] {
    width: 56px;
}

td strong[b-g887rv325i] {
    font-weight: 700;
}

.empty-row[b-g887rv325i] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

.clickable-row[b-g887rv325i] {
    cursor: pointer;
}

.clickable-row:hover[b-g887rv325i],
.clickable-row.active[b-g887rv325i] {
    background: #f4f8ff;
}

.clickable-row.active[b-g887rv325i] {
    box-shadow: inset 4px 0 0 #2563eb;
}


/* /Components/Pages/DashBoard.Region/StudentInModule/StudentPendingPaymentInModule/Table/StudentPendingPaymentInModuleDetailTable.razor.rz.scp.css */
.student-panel[b-3lcj49hic9] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-3lcj49hic9] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-3lcj49hic9]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-3lcj49hic9] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-3lcj49hic9] {
    overflow-x: auto;
}

table[b-3lcj49hic9] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-3lcj49hic9],
td[b-3lcj49hic9] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-3lcj49hic9] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-3lcj49hic9] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-3lcj49hic9] {
    font-weight: 700;
}

.empty-row[b-3lcj49hic9] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
tbody td[b-3lcj49hic9] {
    font-weight: 500;
}

tbody td strong[b-3lcj49hic9] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Region/StudentInModule/StudentPendingPaymentInModule/Table/StudentPendingPaymentInModuleProgramTable.razor.rz.scp.css */
.student-panel[b-nrscjx7iav] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-nrscjx7iav] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-nrscjx7iav]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #7c3aed;
}

.student-panel h2[b-nrscjx7iav] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-nrscjx7iav] {
    overflow-x: auto;
}

table[b-nrscjx7iav] {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
}

th[b-nrscjx7iav],
td[b-nrscjx7iav] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-nrscjx7iav] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-nrscjx7iav] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-nrscjx7iav] {
    font-weight: 700;
}

tbody tr[b-nrscjx7iav] {
    cursor: pointer;
}

tbody tr:hover[b-nrscjx7iav] {
    background: #f7fbff;
}

.selected-row[b-nrscjx7iav] {
    background: #eef5ff;
    outline: 2px solid #6aa1ff;
    outline-offset: -2px;
}

.empty-row[b-nrscjx7iav] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
/* /Components/Pages/DashBoard.Region/StudentInModule/StudentTrialInModule/Filter/StudentTrialInModuleFilter.razor.rz.scp.css */
.student-filter[b-h5n3bykhr4] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-h5n3bykhr4] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-h5n3bykhr4] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.time-filter-button.active[b-h5n3bykhr4] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-h5n3bykhr4] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.year-picker[b-h5n3bykhr4] {
    width: 92px;
}






@media (max-width: 760px) {
    .student-filter[b-h5n3bykhr4],
    .payable-filter[b-h5n3bykhr4],
    .revenue-filter-bar[b-h5n3bykhr4],
    .student-branch-filter[b-h5n3bykhr4] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-h5n3bykhr4] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-h5n3bykhr4] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-h5n3bykhr4] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Region/StudentInModule/StudentTrialInModule/StudentTrialInModulePage.razor.rz.scp.css */
.student-page[b-fkdp5z8kib] {
    display: grid;
    gap: 18px;
}

.student-state[b-fkdp5z8kib] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.student-state strong[b-fkdp5z8kib] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.student-state.error[b-fkdp5z8kib] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.student-state.error strong[b-fkdp5z8kib] {
    color: #b30f18;
}

.student-state button[b-fkdp5z8kib] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.student-table-grid[b-fkdp5z8kib] {
    display: grid;
    grid-template-columns: minmax(0, 0.4fr) minmax(0, 0.6fr);
    gap: 18px;
    align-items: start;
}

.student-program-grid[b-fkdp5z8kib] {
    display: grid;
    grid-template-columns: minmax(220px, 0.3fr) minmax(0, 0.7fr);
    gap: 18px;
    align-items: start;
}

@media (max-width: 1180px) {
    .student-table-grid[b-fkdp5z8kib],
    .student-program-grid[b-fkdp5z8kib] {
        grid-template-columns: 1fr;
    }
}


/* /Components/Pages/DashBoard.Region/StudentInModule/StudentTrialInModule/Table/StudentTrialInModuleCenterTable.razor.rz.scp.css */
.student-panel[b-vd1imtqc8b] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-vd1imtqc8b] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-vd1imtqc8b]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-vd1imtqc8b] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-vd1imtqc8b] {
    overflow-x: hidden;
}

table[b-vd1imtqc8b] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

th[b-vd1imtqc8b],
td[b-vd1imtqc8b] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-vd1imtqc8b] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-vd1imtqc8b] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
    white-space: normal;
    overflow-wrap: anywhere;
}

th:first-child[b-vd1imtqc8b],
td:first-child[b-vd1imtqc8b] {
    width: 56px;
}

td strong[b-vd1imtqc8b] {
    font-weight: 700;
}

.empty-row[b-vd1imtqc8b] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

.clickable-row[b-vd1imtqc8b] {
    cursor: pointer;
}

.clickable-row:hover[b-vd1imtqc8b],
.clickable-row.active[b-vd1imtqc8b] {
    background: #f4f8ff;
}

.clickable-row.active[b-vd1imtqc8b] {
    box-shadow: inset 4px 0 0 #2563eb;
}


/* /Components/Pages/DashBoard.Region/StudentInModule/StudentTrialInModule/Table/StudentTrialInModuleDetailTable.razor.rz.scp.css */
.student-panel[b-8i9xsnjxnc] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-8i9xsnjxnc] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-8i9xsnjxnc]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-8i9xsnjxnc] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-8i9xsnjxnc] {
    overflow-x: auto;
}

table[b-8i9xsnjxnc] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-8i9xsnjxnc],
td[b-8i9xsnjxnc] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-8i9xsnjxnc] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-8i9xsnjxnc] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-8i9xsnjxnc] {
    font-weight: 700;
}

.empty-row[b-8i9xsnjxnc] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
tbody td[b-8i9xsnjxnc] {
    font-weight: 500;
}

tbody td strong[b-8i9xsnjxnc] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Region/StudentInModule/StudentTrialInModule/Table/StudentTrialInModuleProgramTable.razor.rz.scp.css */
.student-panel[b-djmzhga9f6] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-djmzhga9f6] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-djmzhga9f6]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #7c3aed;
}

.student-panel h2[b-djmzhga9f6] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-djmzhga9f6] {
    overflow-x: hidden;
}

table[b-djmzhga9f6] {
    width: 100%;
    min-width: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

th[b-djmzhga9f6],
td[b-djmzhga9f6] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-djmzhga9f6] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-djmzhga9f6] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
    overflow-wrap: anywhere;
}

th:first-child[b-djmzhga9f6],
td:first-child[b-djmzhga9f6] {
    width: 56px;
}

th:nth-child(2)[b-djmzhga9f6],
td:nth-child(2)[b-djmzhga9f6] {
    width: 38%;
}

td strong[b-djmzhga9f6] {
    font-weight: 700;
}

tbody tr[b-djmzhga9f6] {
    cursor: pointer;
}

tbody tr:hover[b-djmzhga9f6] {
    background: #f7fbff;
}

.selected-row[b-djmzhga9f6] {
    background: #eef5ff;
    outline: 2px solid #6aa1ff;
    outline-offset: -2px;
}

.empty-row[b-djmzhga9f6] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
/* /Components/Pages/DashBoard.Region/StudentInModule/StudentUnregisteredInModule/Filter/StudentUnregisteredInModuleFilter.razor.rz.scp.css */
.student-filter[b-t0isfbpn9b] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-t0isfbpn9b] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-t0isfbpn9b] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.time-filter-button.active[b-t0isfbpn9b] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-t0isfbpn9b] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.year-picker[b-t0isfbpn9b] {
    width: 92px;
}






@media (max-width: 760px) {
    .student-filter[b-t0isfbpn9b],
    .payable-filter[b-t0isfbpn9b],
    .revenue-filter-bar[b-t0isfbpn9b],
    .student-branch-filter[b-t0isfbpn9b] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-t0isfbpn9b] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-t0isfbpn9b] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-t0isfbpn9b] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Region/StudentInModule/StudentUnregisteredInModule/StudentUnregisteredInModulePage.razor.rz.scp.css */
.student-page[b-jvei6y3neb] {
    display: grid;
    gap: 18px;
}

.student-state[b-jvei6y3neb] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.student-state strong[b-jvei6y3neb] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.student-state.error[b-jvei6y3neb] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.student-state.error strong[b-jvei6y3neb] {
    color: #b30f18;
}

.student-state button[b-jvei6y3neb] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.student-table-grid[b-jvei6y3neb] {
    display: grid;
    grid-template-columns: minmax(280px, 0.34fr) repeat(2, minmax(280px, 0.33fr));
    gap: 18px;
    align-items: start;
}

.student-program-grid[b-jvei6y3neb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

@media (max-width: 1480px) {
    .student-table-grid[b-jvei6y3neb] {
        grid-template-columns: minmax(0, 0.45fr) minmax(0, 0.55fr);
    }

    .student-table-grid > :last-child[b-jvei6y3neb] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1180px) {
    .student-table-grid[b-jvei6y3neb] {
        grid-template-columns: 1fr;
    }

    .student-table-grid > :last-child[b-jvei6y3neb] {
        grid-column: auto;
    }
}


/* /Components/Pages/DashBoard.Region/StudentInModule/StudentUnregisteredInModule/Table/StudentUnregisteredInModuleCenterTable.razor.rz.scp.css */
.student-panel[b-r9hpvg4mh8] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-r9hpvg4mh8] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-r9hpvg4mh8]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-r9hpvg4mh8] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-r9hpvg4mh8] {
    overflow-x: hidden;
}

table[b-r9hpvg4mh8] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

th[b-r9hpvg4mh8],
td[b-r9hpvg4mh8] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-r9hpvg4mh8] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-r9hpvg4mh8] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
    white-space: normal;
    overflow-wrap: anywhere;
}

th:first-child[b-r9hpvg4mh8],
td:first-child[b-r9hpvg4mh8] {
    width: 56px;
}

td strong[b-r9hpvg4mh8] {
    font-weight: 700;
}

.empty-row[b-r9hpvg4mh8] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

.clickable-row[b-r9hpvg4mh8] {
    cursor: pointer;
}

.clickable-row:hover[b-r9hpvg4mh8],
.clickable-row.active[b-r9hpvg4mh8] {
    background: #f4f8ff;
}

.clickable-row.active[b-r9hpvg4mh8] {
    box-shadow: inset 4px 0 0 #2563eb;
}


/* /Components/Pages/DashBoard.Region/StudentInModule/StudentUnregisteredInModule/Table/StudentUnregisteredInModuleDetailTable.razor.rz.scp.css */
.student-panel[b-b57zgluoix] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-b57zgluoix] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-b57zgluoix]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-b57zgluoix] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-b57zgluoix] {
    overflow-x: auto;
}

table[b-b57zgluoix] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-b57zgluoix],
td[b-b57zgluoix] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-b57zgluoix] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-b57zgluoix] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-b57zgluoix] {
    font-weight: 700;
}

.empty-row[b-b57zgluoix] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
tbody td[b-b57zgluoix] {
    font-weight: 500;
}

tbody td strong[b-b57zgluoix] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Region/StudentInModule/StudentUnregisteredInModule/Table/StudentUnregisteredInModuleProgramTable.razor.rz.scp.css */
.student-panel[b-3gy0fz8omz] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-3gy0fz8omz] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-3gy0fz8omz]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #7c3aed;
}

.student-panel h2[b-3gy0fz8omz] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-3gy0fz8omz] {
    overflow-x: auto;
}

table[b-3gy0fz8omz] {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
}

th[b-3gy0fz8omz],
td[b-3gy0fz8omz] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-3gy0fz8omz] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-3gy0fz8omz] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-3gy0fz8omz] {
    font-weight: 700;
}

tbody tr[b-3gy0fz8omz] {
    cursor: pointer;
}

tbody tr:hover[b-3gy0fz8omz] {
    background: #f7fbff;
}

.selected-row[b-3gy0fz8omz] {
    background: #eef5ff;
    outline: 2px solid #6aa1ff;
    outline-offset: -2px;
}

.empty-row[b-3gy0fz8omz] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
/* /Components/Pages/DashBoard.Region/StudentInModule/StudentWaitingClassInModule/Filter/StudentWaitingClassInModuleFilter.razor.rz.scp.css */
.student-filter[b-u884q50xg0] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-u884q50xg0] {
    display: flex;
    flex: 1 1 520px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-u884q50xg0] {
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 600;
}

.time-filter-button.active[b-u884q50xg0] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-u884q50xg0] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.84rem;
    font-weight: 600;
}

.year-picker[b-u884q50xg0] {
    width: 92px;
}






@media (max-width: 760px) {
    .student-filter[b-u884q50xg0],
    .payable-filter[b-u884q50xg0],
    .revenue-filter-bar[b-u884q50xg0],
    .student-branch-filter[b-u884q50xg0] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-filter-row[b-u884q50xg0] {
        min-width: 0;
        flex-basis: auto;
    }


    [b-u884q50xg0] .student-filter {
        flex-direction: column;
        align-items: stretch;
    }

    [b-u884q50xg0] .time-filter-row {
        min-width: 0;
        flex-basis: auto;
    }

}
/* /Components/Pages/DashBoard.Region/StudentInModule/StudentWaitingClassInModule/StudentWaitingClassInModulePage.razor.rz.scp.css */
.student-page[b-o27kj8vyod] {
    display: grid;
    gap: 18px;
}

.student-state[b-o27kj8vyod] {
    min-height: 220px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.student-state strong[b-o27kj8vyod] {
    color: #0e1a2f;
    font-size: 1.12rem;
    font-weight: 700;
}

.student-state.error[b-o27kj8vyod] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.student-state.error strong[b-o27kj8vyod] {
    color: #b30f18;
}

.student-state button[b-o27kj8vyod] {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: #111827;
    color: #ffffff;
    font-weight: 700;
}

.student-table-grid[b-o27kj8vyod] {
    display: grid;
    grid-template-columns: minmax(280px, 0.34fr) repeat(2, minmax(280px, 0.33fr));
    gap: 18px;
    align-items: start;
}

.student-program-grid[b-o27kj8vyod] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

@media (max-width: 1480px) {
    .student-table-grid[b-o27kj8vyod] {
        grid-template-columns: minmax(0, 0.45fr) minmax(0, 0.55fr);
    }

    .student-table-grid > :last-child[b-o27kj8vyod] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1180px) {
    .student-table-grid[b-o27kj8vyod] {
        grid-template-columns: 1fr;
    }

    .student-table-grid > :last-child[b-o27kj8vyod] {
        grid-column: auto;
    }
}


/* /Components/Pages/DashBoard.Region/StudentInModule/StudentWaitingClassInModule/Table/StudentWaitingClassInModuleCenterTable.razor.rz.scp.css */
.student-panel[b-2e8lww2u23] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-2e8lww2u23] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-2e8lww2u23]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-2e8lww2u23] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-2e8lww2u23] {
    overflow-x: hidden;
}

table[b-2e8lww2u23] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

th[b-2e8lww2u23],
td[b-2e8lww2u23] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-2e8lww2u23] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-2e8lww2u23] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
    white-space: normal;
    overflow-wrap: anywhere;
}

th:first-child[b-2e8lww2u23],
td:first-child[b-2e8lww2u23] {
    width: 56px;
}

td strong[b-2e8lww2u23] {
    font-weight: 700;
}

.empty-row[b-2e8lww2u23] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}

.clickable-row[b-2e8lww2u23] {
    cursor: pointer;
}

.clickable-row:hover[b-2e8lww2u23],
.clickable-row.active[b-2e8lww2u23] {
    background: #f4f8ff;
}

.clickable-row.active[b-2e8lww2u23] {
    box-shadow: inset 4px 0 0 #2563eb;
}


/* /Components/Pages/DashBoard.Region/StudentInModule/StudentWaitingClassInModule/Table/StudentWaitingClassInModuleDetailTable.razor.rz.scp.css */
.student-panel[b-96qrb1gn83] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-96qrb1gn83] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-96qrb1gn83]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0f766e;
}

.student-panel h2[b-96qrb1gn83] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-96qrb1gn83] {
    overflow-x: auto;
}

table[b-96qrb1gn83] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

th[b-96qrb1gn83],
td[b-96qrb1gn83] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-96qrb1gn83] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-96qrb1gn83] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-96qrb1gn83] {
    font-weight: 700;
}

.empty-row[b-96qrb1gn83] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
tbody td[b-96qrb1gn83] {
    font-weight: 500;
}

tbody td strong[b-96qrb1gn83] {
    font-weight: 500;
}

/* /Components/Pages/DashBoard.Region/StudentInModule/StudentWaitingClassInModule/Table/StudentWaitingClassInModuleProgramTable.razor.rz.scp.css */
.student-panel[b-4lm4hq4rca] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-4lm4hq4rca] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-4lm4hq4rca]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #7c3aed;
}

.student-panel h2[b-4lm4hq4rca] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
}

.table-scroll[b-4lm4hq4rca] {
    overflow-x: auto;
}

table[b-4lm4hq4rca] {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
}

th[b-4lm4hq4rca],
td[b-4lm4hq4rca] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4ef;
    text-align: left;
    vertical-align: middle;
}

th[b-4lm4hq4rca] {
    background: #eef3fb;
    color: #273347;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-4lm4hq4rca] {
    color: #111827;
    font-size: 0.9rem;
    font-weight: 500;
}

td strong[b-4lm4hq4rca] {
    font-weight: 700;
}

tbody tr[b-4lm4hq4rca] {
    cursor: pointer;
}

tbody tr:hover[b-4lm4hq4rca] {
    background: #f7fbff;
}

.selected-row[b-4lm4hq4rca] {
    background: #eef5ff;
    outline: 2px solid #6aa1ff;
    outline-offset: -2px;
}

.empty-row[b-4lm4hq4rca] {
    color: #526174;
    text-align: center;
    font-weight: 600;
}
/* /Components/Pages/DashBoard.Region/UserMoney/Filter/UserMoneyFilter.razor.rz.scp.css */
.user-money-filter[b-vgikkzn29h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    padding: 12px;
    border: 1px solid #d6e1ee;
    border-radius: 8px;
    background: #ffffff;
}

.time-filter-row[b-vgikkzn29h] {
    display: flex;
    flex: 1 1 620px;
    min-width: 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.time-filter-button[b-vgikkzn29h] {
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid #aebbcf;
    border-radius: 6px;
    background: #ffffff;
    color: #111827;
    font-size: 0.85rem;
    font-weight: 600;
}

.time-filter-button.active[b-vgikkzn29h] {
    border-color: #111827;
    background: #202124;
    color: #ffffff;
}

.period-picker[b-vgikkzn29h] {
    min-height: 36px;
    border: 1px solid #aebbcf;
    border-radius: 6px;
    background: #ffffff;
    color: #111827;
    padding: 0 12px;
    font-size: 0.85rem;
    font-weight: 600;
}

.year-picker[b-vgikkzn29h] {
    width: 92px;
}



@media (max-width: 760px) {
    .user-money-filter[b-vgikkzn29h] {
        align-items: stretch;
    }

    .time-filter-row[b-vgikkzn29h] {
        min-width: 0;
        flex-basis: auto;
    }

}


/* /Components/Pages/DashBoard.Region/UserMoney/Panel/UserMoneyPanel.razor.rz.scp.css */
.user-money-kpi-grid[b-hzj01msnyg] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.money-card[b-hzj01msnyg] {
    position: relative;
    min-height: 118px;
    display: grid;
    align-content: start;
    gap: 9px;
    padding: 18px 20px;
    border: 1px solid #d6e1ee;
    border-left: 4px solid #2563eb;
    border-radius: 8px;
    background: #ffffff;
}

.money-card.primary[b-hzj01msnyg] {
    border-left-color: #0f766e;
    background: linear-gradient(135deg, #137c78 0%, #2563eb 100%);
    color: #ffffff;
}

.money-card.refund[b-hzj01msnyg] {
    border-left-color: #ef4444;
}

.money-card.net[b-hzj01msnyg] {
    border-left-color: #f59e0b;
}

.money-card span[b-hzj01msnyg] {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.money-card strong[b-hzj01msnyg] {
    color: inherit;
    font-size: clamp(1.45rem, 1.9vw, 1.9rem);
    font-weight: 700;
    line-height: 1.05;
    font-variant-numeric: tabular-nums;
}

.money-card small[b-hzj01msnyg] {
    color: #334155;
    font-weight: 500;
}

.money-card.primary small[b-hzj01msnyg] {
    color: #e7f4ff;
}

.money-card em[b-hzj01msnyg] {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 6px 10px;
    border-radius: 8px;
    background: #dcfce7;
    color: #007f4f;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}

@media (max-width: 1160px) {
    .user-money-kpi-grid[b-hzj01msnyg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .user-money-kpi-grid[b-hzj01msnyg] {
        grid-template-columns: 1fr;
    }
}


/* /Components/Pages/DashBoard.Region/UserMoney/Table/UserMoneyCenterDetailTable.razor.rz.scp.css */
.user-money-table-panel[b-ezdrumb7n7] {
    border: 1px solid #d6e1ee;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}

.user-money-table-panel header[b-ezdrumb7n7] {
    padding: 16px 18px;
    border-bottom: 1px solid #e1e8f0;
    background: #ffffff;
}

.user-money-table-panel h2[b-ezdrumb7n7] {
    margin: 0;
    color: #06142c;
    font-size: 1.02rem;
    font-weight: 700;
}

.table-scroll[b-ezdrumb7n7] {
    overflow-x: hidden;
}

table[b-ezdrumb7n7] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

th[b-ezdrumb7n7],
td[b-ezdrumb7n7] {
    padding: 13px 16px;
    border-bottom: 1px solid #e4ebf3;
    color: #06142c;
    font-size: 0.9rem;
    font-weight: 400;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
    font-variant-numeric: tabular-nums;
}

th[b-ezdrumb7n7] {
    background: #f3f7fb;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

th:nth-child(1)[b-ezdrumb7n7],
td:nth-child(1)[b-ezdrumb7n7] {
    width: 52px;
    min-width: 52px;
    max-width: 52px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    white-space: nowrap;
}

th:nth-child(2)[b-ezdrumb7n7],
td:nth-child(2)[b-ezdrumb7n7] {
    width: 30%;
}

tbody tr[b-ezdrumb7n7] {
    cursor: pointer;
}

tbody tr:nth-child(odd)[b-ezdrumb7n7] {
    background: #fff8ef;
}

tbody tr.selected[b-ezdrumb7n7] {
    background: #f3f9ff;
    box-shadow: inset 3px 0 0 #9ccbc6;
}

.empty-row[b-ezdrumb7n7] {
    color: #64748b;
    text-align: center;
}
tbody td[b-ezdrumb7n7] {
    font-weight: 500;
}

tbody td strong[b-ezdrumb7n7] {
    font-weight: 500;
}

@media (max-width: 760px) {
    .user-money-table-panel header[b-ezdrumb7n7] {
        padding: 14px 16px;
    }

    .user-money-table-panel h2[b-ezdrumb7n7] {
        font-size: 0.96rem;
    }

    .table-scroll[b-ezdrumb7n7] {
        overflow-x: auto;
    }

    table[b-ezdrumb7n7] {
        min-width: 680px;
    }

    th[b-ezdrumb7n7],
    td[b-ezdrumb7n7] {
        padding: 12px 12px;
    }
}



/* /Components/Pages/DashBoard.Region/UserMoney/Table/UserMoneyEmployeeTable.razor.rz.scp.css */
.user-money-employee-grid[b-ikt2ner883] {
    display: contents;
}

.employee-panel[b-ikt2ner883] {
    border: 1px solid #d6e1ee;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}

.employee-panel header[b-ikt2ner883] {
    padding: 16px 18px;
    border-bottom: 1px solid #e1e8f0;
    background: #ffffff;
}

.transaction-panel[b-ikt2ner883] {
    box-shadow: none;
}

.transaction-panel header[b-ikt2ner883] {
    min-height: 58px;
}

.employee-panel h2[b-ikt2ner883] {
    margin: 0;
    color: #06142c;
    font-size: 1.02rem;
    font-weight: 700;
}

.table-scroll[b-ikt2ner883] {
    overflow-x: hidden;
}

table[b-ikt2ner883] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

th[b-ikt2ner883],
td[b-ikt2ner883] {
    padding: 13px 16px;
    border-bottom: 1px solid #e4ebf3;
    color: #06142c;
    font-size: 0.9rem;
    font-weight: 400;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
    font-variant-numeric: tabular-nums;
}

th[b-ikt2ner883] {
    background: #f3f7fb;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

th:nth-child(1)[b-ikt2ner883],
td:nth-child(1)[b-ikt2ner883] {
    width: 52px;
    min-width: 52px;
    max-width: 52px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    white-space: nowrap;
}

.employee-panel:not(.transaction-panel) th:nth-child(2)[b-ikt2ner883],
.employee-panel:not(.transaction-panel) td:nth-child(2)[b-ikt2ner883] {
    width: 30%;
}

.transaction-panel th:nth-child(2)[b-ikt2ner883],
.transaction-panel td:nth-child(2)[b-ikt2ner883] {
    width: 14%;
}

.transaction-panel th:nth-child(3)[b-ikt2ner883],
.transaction-panel td:nth-child(3)[b-ikt2ner883],
.transaction-panel th:nth-child(6)[b-ikt2ner883],
.transaction-panel td:nth-child(6)[b-ikt2ner883] {
    width: 22%;
}

tbody tr:nth-child(odd)[b-ikt2ner883] {
    background: #fff8ef;
}

.employee-panel:first-child tbody tr[b-ikt2ner883] {
    cursor: pointer;
}

tbody tr.selected-row[b-ikt2ner883] {
    background: #f3f9ff;
    box-shadow: inset 3px 0 0 #9ccbc6;
}

.employee-panel header[b-ikt2ner883] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.empty-row[b-ikt2ner883] {
    color: #64748b;
    text-align: center;
}

@media (max-width: 1180px) {
    .transaction-panel[b-ikt2ner883] {
        grid-column: auto;
    }
}

@media (max-width: 760px) {
    .employee-panel header[b-ikt2ner883] {
        padding: 14px 16px;
    }

    .employee-panel h2[b-ikt2ner883] {
        font-size: 0.96rem;
    }

    .table-scroll[b-ikt2ner883] {
        overflow-x: auto;
    }

    table[b-ikt2ner883] {
        min-width: 640px;
    }

    .transaction-panel table[b-ikt2ner883] {
        min-width: 860px;
    }

    th[b-ikt2ner883],
    td[b-ikt2ner883] {
        padding: 12px 12px;
    }
}
.transaction-panel tbody td[b-ikt2ner883] {
    font-weight: 500;
}

.transaction-panel tbody td strong[b-ikt2ner883] {
    font-weight: 500;
}



/* /Components/Pages/DashBoard.Region/UserMoney/Table/UserMoneyTopRegionTable.razor.rz.scp.css */
.user-money-table-panel[b-h00sdjbmoz] {
    border: 1px solid #d6e1ee;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}

.user-money-table-panel header[b-h00sdjbmoz] {
    padding: 16px 18px;
    border-bottom: 1px solid #e1e8f0;
    background: #ffffff;
}

.user-money-table-panel h2[b-h00sdjbmoz] {
    margin: 0;
    color: #06142c;
    font-size: 1.02rem;
    font-weight: 700;
}

.table-scroll[b-h00sdjbmoz] {
    overflow-x: hidden;
}

table[b-h00sdjbmoz] {
    width: 100%;
    min-width: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

th[b-h00sdjbmoz],
td[b-h00sdjbmoz] {
    padding: 12px 10px;
    border-bottom: 1px solid #e4ebf3;
    color: #06142c;
    font-size: 0.88rem;
    font-weight: 400;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
    font-variant-numeric: tabular-nums;
}

th[b-h00sdjbmoz] {
    background: #f3f7fb;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

th:nth-child(1)[b-h00sdjbmoz],
td:nth-child(1)[b-h00sdjbmoz] {
    width: 52px;
    min-width: 52px;
    max-width: 52px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    white-space: nowrap;
}

th:nth-child(2)[b-h00sdjbmoz],
td:nth-child(2)[b-h00sdjbmoz] {
    width: 14%;
}

th:nth-child(3)[b-h00sdjbmoz],
td:nth-child(3)[b-h00sdjbmoz],
th:nth-child(4)[b-h00sdjbmoz],
td:nth-child(4)[b-h00sdjbmoz],
th:nth-child(5)[b-h00sdjbmoz],
td:nth-child(5)[b-h00sdjbmoz] {
    width: 22%;
    text-align: right;
}

th:nth-child(6)[b-h00sdjbmoz],
td:nth-child(6)[b-h00sdjbmoz] {
    width: 11%;
    text-align: right;
}

tbody tr[b-h00sdjbmoz] {
    cursor: pointer;
}

tbody tr:nth-child(odd)[b-h00sdjbmoz] {
    background: #fff8ef;
}

tbody tr.selected[b-h00sdjbmoz] {
    background: #f3f9ff;
    box-shadow: inset 3px 0 0 #9ccbc6;
}

.empty-row[b-h00sdjbmoz] {
    color: #64748b;
    text-align: center;
}


/* /Components/Pages/DashBoard.Region/UserMoney/UserMoneyDashboard.razor.rz.scp.css */
.user-money-page[b-v6m33n6dbu] {
    display: grid;
    gap: 16px;
}

.user-money-state[b-v6m33n6dbu] {
    min-height: 240px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border: 1px solid #d6e1ee;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.user-money-state strong[b-v6m33n6dbu] {
    color: #0e1a2f;
    font-size: 1.08rem;
    font-weight: 700;
}

.user-money-state span[b-v6m33n6dbu] {
    color: #526174;
    font-weight: 500;
}

.user-money-state.error[b-v6m33n6dbu] {
    border-color: #f0b5b5;
    background: #fff7f7;
}

.user-money-state.error strong[b-v6m33n6dbu] {
    color: #b30f18;
}

.user-money-state button[b-v6m33n6dbu] {
    min-height: 36px;
    padding: 0 16px;
    border: 0;
    border-radius: 8px;
    background: #082b9d;
    color: #ffffff;
    font-weight: 600;
}

.user-money-chart-grid[b-v6m33n6dbu] {
    display: grid;
    grid-template-columns: minmax(0, 40%) minmax(0, 60%);
    gap: 16px;
    align-items: stretch;
}

.user-money-detail-grid[b-v6m33n6dbu] {
    display: grid;
    grid-template-columns: minmax(0, 40%) minmax(0, 60%);
    column-gap: 16px;
    row-gap: 28px;
    align-items: start;
}

@media (max-width: 1080px) {
    .user-money-chart-grid[b-v6m33n6dbu],
    .user-money-detail-grid[b-v6m33n6dbu] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .user-money-page[b-v6m33n6dbu] {
        gap: 12px;
    }

    .user-money-chart-grid[b-v6m33n6dbu],
    .user-money-detail-grid[b-v6m33n6dbu] {
        gap: 12px;
        row-gap: 16px;
    }
}


/* /Components/Pages/DashBoard.Shared/Attendance/AttendanceDashboard.razor.rz.scp.css */
.attendance-dashboard[b-l0yo5r3esl] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.attendance-placeholder[b-l0yo5r3esl],
.attendance-state[b-l0yo5r3esl],
.attendance-panel[b-l0yo5r3esl],
.attendance-kpi[b-l0yo5r3esl] {
    background: #fff;
    border: 1px solid #d7e1ee;
    border-radius: 6px;
    box-shadow: 0 10px 22px rgba(15, 40, 80, 0.05);
}

.attendance-placeholder[b-l0yo5r3esl] {
    min-height: 240px;
    padding: 28px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
}

.attendance-placeholder span[b-l0yo5r3esl] {
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.attendance-placeholder h1[b-l0yo5r3esl],
.attendance-header h1[b-l0yo5r3esl] {
    margin: 0;
    color: #001947;
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.2;
}

.attendance-placeholder strong[b-l0yo5r3esl] {
    width: fit-content;
    border: 1px solid #d7e1ee;
    border-radius: 5px;
    background: #f8fbff;
    color: #475569;
    padding: 8px 12px;
}

.attendance-state[b-l0yo5r3esl] {
    min-height: 120px;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.attendance-state.error[b-l0yo5r3esl] {
    border-color: #fecaca;
    color: #991b1b;
}

.attendance-state button[b-l0yo5r3esl] {
    width: fit-content;
    border: 1px solid #d7e1ee;
    background: #fff;
    border-radius: 6px;
    padding: 8px 14px;
    font-weight: 700;
}

.attendance-header[b-l0yo5r3esl] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 22px;
}

.attendance-period-tabs[b-l0yo5r3esl] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.detail-link[b-l0yo5r3esl] {
    border: 1px solid #d7e1ee;
    border-radius: 6px;
    background: #fff;
    color: #001947;
    font-weight: 700;
}

.attendance-kpi-grid[b-l0yo5r3esl] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

.attendance-kpi[b-l0yo5r3esl] {
    min-height: 104px;
    padding: 18px 20px;
    border-left: 5px solid #2563eb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.attendance-kpi.primary[b-l0yo5r3esl] {
    background: linear-gradient(135deg, #0f766e, #2563eb);
    border-left-color: #059669;
    color: #fff;
}

.attendance-kpi.danger[b-l0yo5r3esl] {
    border-left-color: #ef4444;
}

.attendance-kpi.warning[b-l0yo5r3esl] {
    border-left-color: #f59e0b;
}

.attendance-kpi span[b-l0yo5r3esl] {
    font-size: 0.82rem;
    text-transform: uppercase;
    font-weight: 800;
}

.attendance-kpi strong[b-l0yo5r3esl] {
    font-size: clamp(1.45rem, 1.9vw, 1.9rem);
    line-height: 1;
}

.attendance-panel[b-l0yo5r3esl] {
    overflow: hidden;
}

.attendance-panel header[b-l0yo5r3esl] {
    min-height: 56px;
    padding: 16px 20px;
    border-bottom: 1px solid #edf2f8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.attendance-panel h2[b-l0yo5r3esl] {
    margin: 0;
    color: #001947;
    font-size: 1.18rem;
    line-height: 1.25;
}

.attendance-panel header span[b-l0yo5r3esl] {
    color: #64748b;
    font-size: 0.9rem;
    font-weight: 700;
}

.attendance-table-scroll[b-l0yo5r3esl] {
    overflow-x: auto;
}

.attendance-region-table-wrap[b-l0yo5r3esl] {
    overflow-x: hidden;
}

.attendance-table-scroll table[b-l0yo5r3esl] {
    width: 100%;
    border-collapse: collapse;
    color: #001947;
    table-layout: fixed;
}

.attendance-table-scroll th[b-l0yo5r3esl],
.attendance-table-scroll td[b-l0yo5r3esl] {
    padding: 14px 12px;
    border-bottom: 1px solid #edf2f8;
    text-align: left;
    vertical-align: middle;
    font-size: 0.95rem;
}

.attendance-table-scroll th[b-l0yo5r3esl] {
    background: #f4f7fb;
    color: #49617f;
    font-weight: 800;
}

.attendance-table-scroll tbody tr:nth-child(even)[b-l0yo5r3esl] {
    background: #fcfdff;
}

.attendance-table-scroll tbody tr.clickable-row[b-l0yo5r3esl] {
    cursor: pointer;
}

.attendance-table-scroll tbody tr.clickable-row:hover[b-l0yo5r3esl],
.attendance-table-scroll tbody tr.selected[b-l0yo5r3esl] {
    background: #eef8f6;
}

.attendance-region-table[b-l0yo5r3esl] {
    table-layout: fixed;
    min-width: 0;
}

.attendance-region-table .col-stt[b-l0yo5r3esl] {
    width: 6%;
}

.attendance-region-table .col-region[b-l0yo5r3esl] {
    width: 16%;
}

.attendance-region-table .col-branch[b-l0yo5r3esl] {
    width: 9%;
}

.attendance-region-table .col-student[b-l0yo5r3esl] {
    width: 10%;
}

.attendance-region-table .col-rate[b-l0yo5r3esl] {
    width: 10%;
}

.attendance-region-table .col-rate-complete[b-l0yo5r3esl] {
    width: 12%;
}

.attendance-region-table .col-number[b-l0yo5r3esl] {
    width: 8.8%;
}

.attendance-region-table .col-number-wide[b-l0yo5r3esl] {
    width: 10.6%;
}

.attendance-center-summary-table .col-stt[b-l0yo5r3esl] {
    width: 6%;
}

.attendance-center-summary-table .col-region[b-l0yo5r3esl] {
    width: 24%;
}

.attendance-center-summary-table .col-branch[b-l0yo5r3esl] {
    width: 10%;
}

.attendance-center-summary-table .col-student[b-l0yo5r3esl] {
    width: 11%;
}

.attendance-center-summary-table .col-rate[b-l0yo5r3esl] {
    width: 12%;
}

.attendance-center-summary-table .col-rate-complete[b-l0yo5r3esl] {
    width: 13%;
}

.attendance-center-summary-table .col-number[b-l0yo5r3esl] {
    width: 8%;
}

.attendance-region-table th[b-l0yo5r3esl],
.attendance-region-table td[b-l0yo5r3esl] {
    padding-left: 8px;
    padding-right: 8px;
    overflow-wrap: anywhere;
}

.attendance-region-table th:nth-child(2)[b-l0yo5r3esl],
.attendance-region-table td:nth-child(2)[b-l0yo5r3esl] {
    white-space: nowrap;
}

.attendance-region-detail-row > td[b-l0yo5r3esl] {
    padding: 0;
    background: #fff;
}

.attendance-inline-detail[b-l0yo5r3esl] {
    border-top: 1px solid #e6edf7;
    border-bottom: 1px solid #e6edf7;
    background: #fbfdff;
}

.attendance-inline-detail h3[b-l0yo5r3esl] {
    margin: 0;
    padding: 14px 18px;
    color: #001947;
    font-size: 1rem;
    border-bottom: 1px solid #edf2f8;
}

.attendance-inline-detail .attendance-table-scroll td[b-l0yo5r3esl] {
    border-bottom: 0;
}

.attendance-inline-detail .attendance-table-scroll th[b-l0yo5r3esl] {
    border-bottom-color: #edf2f8;
}

.region-expand-toggle[b-l0yo5r3esl] {
    min-width: 34px;
    height: 30px;
    padding: 0;
    font-size: 0.88rem;
    line-height: 1;
    margin-right: 10px;
}

.attendance-center-detail-table th:nth-child(1)[b-l0yo5r3esl],
.attendance-center-detail-table td:nth-child(1)[b-l0yo5r3esl] {
    width: 54px;
}

.attendance-center-detail-table th:nth-child(2)[b-l0yo5r3esl],
.attendance-center-detail-table td:nth-child(2)[b-l0yo5r3esl] {
    width: 220px;
    white-space: nowrap;
}

.attendance-center-detail-table th:nth-child(3)[b-l0yo5r3esl],
.attendance-center-detail-table td:nth-child(3)[b-l0yo5r3esl],
.attendance-center-detail-table th:nth-child(4)[b-l0yo5r3esl],
.attendance-center-detail-table td:nth-child(4)[b-l0yo5r3esl],
.attendance-center-detail-table th:nth-child(6)[b-l0yo5r3esl],
.attendance-center-detail-table td:nth-child(6)[b-l0yo5r3esl],
.attendance-center-detail-table th:nth-child(7)[b-l0yo5r3esl],
.attendance-center-detail-table td:nth-child(7)[b-l0yo5r3esl],
.attendance-center-detail-table th:nth-child(8)[b-l0yo5r3esl],
.attendance-center-detail-table td:nth-child(8)[b-l0yo5r3esl],
.attendance-center-detail-table th:nth-child(9)[b-l0yo5r3esl],
.attendance-center-detail-table td:nth-child(9)[b-l0yo5r3esl] {
    width: 100px;
}

.attendance-center-detail-table th:nth-child(5)[b-l0yo5r3esl],
.attendance-center-detail-table td:nth-child(5)[b-l0yo5r3esl] {
    width: 130px;
}

.attendance-center-detail-table th:nth-child(10)[b-l0yo5r3esl],
.attendance-center-detail-table td:nth-child(10)[b-l0yo5r3esl] {
    width: 142px;
}

.attendance-staff-detail-table[b-l0yo5r3esl] {
    min-width: 960px;
}

.attendance-staff-detail-table th:nth-child(1)[b-l0yo5r3esl],
.attendance-staff-detail-table td:nth-child(1)[b-l0yo5r3esl] {
    width: 54px;
}

.attendance-staff-detail-table th:nth-child(2)[b-l0yo5r3esl],
.attendance-staff-detail-table td:nth-child(2)[b-l0yo5r3esl] {
    width: 220px;
    white-space: nowrap;
}


.detail-link[b-l0yo5r3esl] {
    padding: 7px 10px;
    color: #2563eb;
}

.metric[b-l0yo5r3esl] {
    font-weight: 800;
}

.metric.good[b-l0yo5r3esl] {
    color: #059669;
}

.metric.warning[b-l0yo5r3esl] {
    color: #d97706;
}

.metric.danger[b-l0yo5r3esl] {
    color: #dc2626;
}

.issue-pill[b-l0yo5r3esl] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    font-weight: 800;
    font-size: 0.86rem;
    white-space: nowrap;
}

.issue-pill.normal[b-l0yo5r3esl] {
    background: #dcfce7;
    color: #047857;
}

.issue-pill.warning[b-l0yo5r3esl] {
    background: #fef3c7;
    color: #b45309;
}

.issue-pill.danger[b-l0yo5r3esl] {
    background: #fee2e2;
    color: #dc2626;
}

.issue-text[b-l0yo5r3esl] {
    font-weight: 800;
}

.issue-text.normal[b-l0yo5r3esl] {
    color: #047857;
}

.issue-text.warning[b-l0yo5r3esl] {
    color: #b45309;
}

.issue-text.danger[b-l0yo5r3esl] {
    color: #dc2626;
}

.attendance-lower-grid[b-l0yo5r3esl] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
}

.attendance-top-grid[b-l0yo5r3esl] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
}

.attendance-top-panel[b-l0yo5r3esl] {
    min-width: 0;
}

.attendance-top-panel header[b-l0yo5r3esl] {
    min-height: 64px;
}

.attendance-top-panel header span[b-l0yo5r3esl] {
    white-space: nowrap;
}

.attendance-top-list[b-l0yo5r3esl] {
    padding: 10px 14px 14px;
    display: grid;
    gap: 4px;
}

.attendance-top-row[b-l0yo5r3esl] {
    min-height: 34px;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) max-content;
    align-items: center;
    gap: 8px;
}

.attendance-top-rank[b-l0yo5r3esl] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #eff6ff;
    color: #2563eb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.86rem;
}

.attendance-top-main[b-l0yo5r3esl],
.attendance-top-value[b-l0yo5r3esl] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.attendance-top-main strong[b-l0yo5r3esl],
.attendance-top-value strong[b-l0yo5r3esl] {
    color: #001947;
    font-weight: 700;
    line-height: 1.15;
}

.attendance-top-link[b-l0yo5r3esl] {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.attendance-top-link:hover[b-l0yo5r3esl] {
    color: #2563eb;
}

.attendance-top-main small[b-l0yo5r3esl],
.attendance-top-value small[b-l0yo5r3esl] {
    color: #64748b;
    font-weight: 700;
    line-height: 1.2;
}

.attendance-top-value[b-l0yo5r3esl] {
    align-items: flex-end;
    text-align: right;
    white-space: nowrap;
    padding-right: 4px;
}

.attendance-top-empty[b-l0yo5r3esl] {
    padding: 20px 8px;
}

.attendance-branch-tabs[b-l0yo5r3esl] {
    display: flex;
    align-items: center;
    gap: 18px;
    border-bottom: 1px solid #edf2f8;
}

.attendance-branch-tab[b-l0yo5r3esl] {
    appearance: none;
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: #001947;
    padding: 12px 4px 14px;
    font-weight: 800;
    font-size: 1rem;
    cursor: pointer;
}

.attendance-branch-tab.active[b-l0yo5r3esl] {
    color: #2563eb;
    border-bottom-color: #2563eb;
}

.attendance-action-button[b-l0yo5r3esl] {
    border: 1px solid #d7e1ee;
    border-radius: 6px;
    background: #fff;
    color: #2563eb;
    padding: 7px 12px;
    font-weight: 800;
    cursor: pointer;
}

.attendance-action-button:hover[b-l0yo5r3esl] {
    background: #eff6ff;
}

.attendance-student-detail-header[b-l0yo5r3esl] {
    flex-direction: row;
}

.attendance-student-panel-header[b-l0yo5r3esl] {
    align-items: center;
}

.attendance-student-search[b-l0yo5r3esl] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: min(680px, 100%);
}

.attendance-student-search input[b-l0yo5r3esl] {
    min-width: 260px;
    flex: 1;
    height: 38px;
    border: 1px solid #d7e1ee;
    border-radius: 6px;
    padding: 0 12px;
    color: #001947;
    font: inherit;
}

.attendance-action-button.subtle[b-l0yo5r3esl] {
    color: #64748b;
}

.attendance-student-empty[b-l0yo5r3esl] {
    padding: 18px 22px;
    color: #475569;
    font-weight: 700;
}

.attendance-student-summary-strip[b-l0yo5r3esl] {
    display: grid;
    grid-template-columns: repeat(11, minmax(90px, 1fr));
    gap: 0;
    border-top: 1px solid #d7e3f6;
    border-bottom: 1px solid #d7e3f6;
    background: #f8fbff;
    overflow-x: auto;
}

.attendance-student-summary-strip div[b-l0yo5r3esl] {
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 105px;
}

.attendance-student-summary-strip span[b-l0yo5r3esl] {
    color: #526783;
    font-weight: 700;
    font-size: 0.9rem;
}

.attendance-student-summary-strip strong[b-l0yo5r3esl] {
    color: #001947;
    font-size: 1rem;
    font-weight: 900;
    white-space: nowrap;
}

.attendance-student-summary-table-wrap[b-l0yo5r3esl] {
    border-top: 1px solid #d7e3f6;
    border-bottom: 1px solid #d7e3f6;
}

.attendance-student-summary-table[b-l0yo5r3esl] {
    min-width: 1180px;
}

.attendance-student-summary-table th[b-l0yo5r3esl],
.attendance-student-summary-table td[b-l0yo5r3esl] {
    padding: 12px 14px;
    text-align: left;
}

.attendance-student-summary-table th[b-l0yo5r3esl] {
    background: #f8fbff;
    color: #526783;
    font-weight: 800;
}

.export-only-table[b-l0yo5r3esl] {
    display: none;
}

.attendance-branch-staff-table[b-l0yo5r3esl],
.attendance-branch-class-table[b-l0yo5r3esl],
.attendance-branch-student-table[b-l0yo5r3esl],
.attendance-student-log-table[b-l0yo5r3esl] {
    min-width: 1040px;
}

.attendance-branch-staff-table th:nth-child(1)[b-l0yo5r3esl],
.attendance-branch-staff-table td:nth-child(1)[b-l0yo5r3esl] {
    width: 6%;
}

.attendance-branch-staff-table th:nth-child(2)[b-l0yo5r3esl],
.attendance-branch-staff-table td:nth-child(2)[b-l0yo5r3esl] {
    width: 24%;
    padding-left: 8px;
    padding-right: 18px;
    white-space: nowrap;
}

.attendance-branch-staff-table th:nth-child(3)[b-l0yo5r3esl],
.attendance-branch-staff-table td:nth-child(3)[b-l0yo5r3esl] {
    width: 10%;
}

.attendance-branch-class-table th:nth-child(2)[b-l0yo5r3esl],
.attendance-branch-class-table td:nth-child(2)[b-l0yo5r3esl],
.attendance-branch-student-table th:nth-child(3)[b-l0yo5r3esl],
.attendance-branch-student-table td:nth-child(3)[b-l0yo5r3esl] {
    min-width: 190px;
    white-space: nowrap;
}

.attendance-branch-student-table[b-l0yo5r3esl] {
    table-layout: fixed;
}

.attendance-branch-student-table th[b-l0yo5r3esl],
.attendance-branch-student-table td[b-l0yo5r3esl] {
    padding-left: 12px;
    padding-right: 12px;
}

.attendance-branch-student-table th:nth-child(1)[b-l0yo5r3esl],
.attendance-branch-student-table td:nth-child(1)[b-l0yo5r3esl] {
    width: 5%;
}

.attendance-branch-student-table th:nth-child(2)[b-l0yo5r3esl],
.attendance-branch-student-table td:nth-child(2)[b-l0yo5r3esl] {
    width: 9%;
    white-space: nowrap;
}

.attendance-branch-student-table th:nth-child(3)[b-l0yo5r3esl],
.attendance-branch-student-table td:nth-child(3)[b-l0yo5r3esl] {
    width: 18%;
    min-width: 220px;
}

.attendance-branch-student-table th:nth-child(4)[b-l0yo5r3esl],
.attendance-branch-student-table td:nth-child(4)[b-l0yo5r3esl] {
    width: 16%;
    min-width: 180px;
}

.attendance-branch-student-table th:nth-child(5)[b-l0yo5r3esl],
.attendance-branch-student-table td:nth-child(5)[b-l0yo5r3esl],
.attendance-branch-student-table th:nth-child(8)[b-l0yo5r3esl],
.attendance-branch-student-table td:nth-child(8)[b-l0yo5r3esl],
.attendance-branch-student-table th:nth-child(9)[b-l0yo5r3esl],
.attendance-branch-student-table td:nth-child(9)[b-l0yo5r3esl],
.attendance-branch-student-table th:nth-child(10)[b-l0yo5r3esl],
.attendance-branch-student-table td:nth-child(10)[b-l0yo5r3esl] {
    width: 7%;
}

.attendance-branch-student-table th:nth-child(6)[b-l0yo5r3esl],
.attendance-branch-student-table td:nth-child(6)[b-l0yo5r3esl] {
    width: 8%;
}

.attendance-branch-student-table th:nth-child(7)[b-l0yo5r3esl],
.attendance-branch-student-table td:nth-child(7)[b-l0yo5r3esl],
.attendance-branch-student-table th:nth-child(11)[b-l0yo5r3esl],
.attendance-branch-student-table td:nth-child(11)[b-l0yo5r3esl] {
    width: 9%;
}

.attendance-student-log-table th:nth-child(1)[b-l0yo5r3esl],
.attendance-student-log-table td:nth-child(1)[b-l0yo5r3esl] {
    width: 150px;
    white-space: nowrap;
}

.attendance-student-log-table th:nth-child(5)[b-l0yo5r3esl],
.attendance-student-log-table td:nth-child(5)[b-l0yo5r3esl] {
    width: 170px;
}

.attendance-side-stack[b-l0yo5r3esl] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.warning-list[b-l0yo5r3esl] {
    padding: 16px 20px;
    display: grid;
    gap: 12px;
}

.warning-card[b-l0yo5r3esl] {
    border-left: 4px solid #2563eb;
    border-radius: 6px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: #eff6ff;
}

.warning-card.danger[b-l0yo5r3esl] {
    border-left-color: #ef4444;
    background: #fff1f2;
}

.warning-card.normal[b-l0yo5r3esl] {
    border-left-color: #10b981;
    background: #ecfdf5;
}

.warning-card strong[b-l0yo5r3esl] {
    color: #001947;
}

.warning-card span[b-l0yo5r3esl] {
    color: #475569;
    line-height: 1.45;
}

.trend-bars[b-l0yo5r3esl] {
    min-height: 220px;
    padding: 18px 20px 20px;
    display: grid;
    grid-template-columns: repeat(6, minmax(48px, 1fr));
    gap: 14px;
    align-items: end;
}

.trend-item[b-l0yo5r3esl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    color: #001947;
}

.trend-bar-track[b-l0yo5r3esl] {
    width: 100%;
    max-width: 54px;
    height: 138px;
    border-radius: 8px 8px 3px 3px;
    background: #eef2f7;
    display: flex;
    align-items: end;
    overflow: hidden;
}

.trend-bar[b-l0yo5r3esl] {
    width: 100%;
    min-height: 12px;
    background: linear-gradient(180deg, #2563eb, #0f766e);
}

.trend-bar.completion[b-l0yo5r3esl] {
    background: linear-gradient(180deg, #7c3aed, #2563eb);
}

.trend-item strong[b-l0yo5r3esl] {
    font-size: 0.9rem;
}

.trend-item small[b-l0yo5r3esl] {
    color: #64748b;
    font-weight: 700;
}

.trend-line-wrap[b-l0yo5r3esl] {
    min-height: 178px;
    padding: 10px 18px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.trend-line-chart[b-l0yo5r3esl] {
    width: 100%;
    height: 150px;
    overflow: visible;
}

.trend-grid-line[b-l0yo5r3esl] {
    stroke: #e8eef6;
    stroke-width: 1;
}

.trend-line-path[b-l0yo5r3esl] {
    fill: none;
    stroke: #57d4d0;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.trend-line-chart.completion .trend-line-path[b-l0yo5r3esl] {
    stroke: #a855f7;
}

.trend-line-dot[b-l0yo5r3esl] {
    fill: #57d4d0;
    stroke: #57d4d0;
    stroke-width: 2;
}

.trend-line-chart.completion .trend-line-dot[b-l0yo5r3esl] {
    fill: #a855f7;
    stroke: #a855f7;
}

.trend-line-value[b-l0yo5r3esl] {
    fill: #475569;
    font-size: 15px;
    font-weight: 800;
}

.trend-line-labels[b-l0yo5r3esl] {
    display: grid;
    grid-template-columns: repeat(var(--trend-count), minmax(0, 1fr));
    gap: 8px;
    color: #64748b;
    font-size: 0.86rem;
    font-weight: 700;
    text-align: center;
}

.empty-row[b-l0yo5r3esl] {
    color: #64748b;
    text-align: center;
}

@media (max-width: 1280px) {
    .attendance-kpi-grid[b-l0yo5r3esl] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .attendance-header[b-l0yo5r3esl] {
        align-items: flex-start;
        flex-direction: column;
    }

    .attendance-kpi-grid[b-l0yo5r3esl],
    .attendance-lower-grid[b-l0yo5r3esl],
    .attendance-top-grid[b-l0yo5r3esl] {
        grid-template-columns: 1fr;
    }

    .attendance-table-scroll table[b-l0yo5r3esl] {
        min-width: 900px;
    }

    .attendance-region-table-wrap .attendance-region-table[b-l0yo5r3esl] {
        min-width: 0;
    }

    .attendance-region-table-wrap .attendance-region-table th[b-l0yo5r3esl],
    .attendance-region-table-wrap .attendance-region-table td[b-l0yo5r3esl] {
        padding-left: 6px;
        padding-right: 6px;
        font-size: 0.86rem;
    }

    .attendance-region-table-wrap .region-expand-toggle[b-l0yo5r3esl] {
        min-width: 30px;
        width: 30px;
        margin-right: 6px;
    }
}

@media (max-width: 640px) {
    .attendance-dashboard[b-l0yo5r3esl] {
        gap: 12px;
    }

    .attendance-header h1[b-l0yo5r3esl] {
        font-size: 1.35rem;
    }

    .dashboard-time-picker[b-l0yo5r3esl],
    .attendance-period-tabs[b-l0yo5r3esl] {
        width: 100%;
    }

    .attendance-period-tabs .time-filter-button[b-l0yo5r3esl] {
        flex: 1 1 calc(50% - 8px);
    }

    .attendance-kpi-grid[b-l0yo5r3esl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .attendance-kpi[b-l0yo5r3esl] {
        min-height: 86px;
        padding: 14px 16px;
    }

    .attendance-panel header[b-l0yo5r3esl] {
        padding: 14px 16px;
        align-items: flex-start;
        flex-direction: column;
    }

    .attendance-student-search[b-l0yo5r3esl] {
        width: 100%;
        flex-wrap: wrap;
    }

    .attendance-student-search input[b-l0yo5r3esl] {
        min-width: 0;
        flex: 1 1 100%;
    }

    .trend-bars[b-l0yo5r3esl] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* /Components/Pages/DashBoard.Shared/ClassOverview/ClassOverviewDashboard.razor.rz.scp.css */
.class-overview-page[b-k78h44lw7u] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.class-overview-placeholder[b-k78h44lw7u],
.class-overview-state[b-k78h44lw7u],
.class-overview-panel[b-k78h44lw7u],
.class-overview-kpi[b-k78h44lw7u] {
    background: #fff;
    border: 1px solid #bfd0e8;
    border-radius: 6px;
    box-shadow: 0 10px 22px rgba(15, 40, 80, 0.05);
}

.class-overview-placeholder[b-k78h44lw7u] {
    min-height: 240px;
    padding: 28px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
}

.class-overview-placeholder span[b-k78h44lw7u] {
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.class-overview-placeholder h1[b-k78h44lw7u] {
    margin: 0;
    color: #001947;
    font-size: clamp(1.35rem, 2vw, 2rem);
    line-height: 1.2;
}

.class-overview-placeholder strong[b-k78h44lw7u] {
    width: fit-content;
    border: 1px solid #b7c8e6;
    border-radius: 5px;
    background: #f8fbff;
    color: #475569;
    padding: 8px 12px;
    font-size: 0.95rem;
}

.class-overview-state[b-k78h44lw7u] {
    min-height: 120px;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.class-overview-state.error[b-k78h44lw7u] {
    border-color: #fecaca;
    color: #991b1b;
}

.class-overview-state button[b-k78h44lw7u] {
    width: fit-content;
    border: 1px solid #b7c8e6;
    background: #fff;
    border-radius: 6px;
    padding: 8px 14px;
    font-weight: 700;
}

.class-overview-kpi-grid[b-k78h44lw7u] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 12px;
}

.class-overview-kpi[b-k78h44lw7u] {
    min-height: 92px;
    padding: 18px 20px;
    border-left: 5px solid #2563eb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.class-overview-kpi.primary[b-k78h44lw7u] {
    background: linear-gradient(135deg, #0f766e, #2563eb);
    border-left-color: #059669;
    color: #fff;
}

.class-overview-kpi.danger[b-k78h44lw7u] {
    border-left-color: #ef4444;
}

.class-overview-kpi.warning[b-k78h44lw7u] {
    border-left-color: #f59e0b;
}

.class-overview-kpi span[b-k78h44lw7u] {
    font-size: 0.82rem;
    text-transform: uppercase;
    font-weight: 700;
}

.class-overview-kpi strong[b-k78h44lw7u] {
    font-size: clamp(1.45rem, 1.9vw, 1.9rem);
    line-height: 1;
}

.class-overview-company-grid[b-k78h44lw7u] {
    display: grid;
    grid-template-columns: minmax(360px, 0.9fr) minmax(520px, 1.35fr);
    gap: 16px;
    align-items: start;
}

.class-overview-region-grid[b-k78h44lw7u] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.class-overview-branch-grid[b-k78h44lw7u] {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
}

.class-overview-panel[b-k78h44lw7u] {
    overflow: hidden;
}

.class-overview-panel header[b-k78h44lw7u] {
    min-height: 54px;
    padding: 16px 20px;
    border-bottom: 1px solid #dbe5f3;
    display: flex;
    align-items: center;
}

.class-overview-panel h2[b-k78h44lw7u] {
    margin: 0;
    color: #001947;
    font-size: 1.2rem;
    line-height: 1.25;
}

.class-overview-pie-layout[b-k78h44lw7u] {
    padding: 18px 20px 20px;
    display: grid;
    grid-template-columns: minmax(220px, 0.9fr) minmax(240px, 1fr);
    gap: 18px;
    align-items: center;
}

.class-overview-pie-wrap[b-k78h44lw7u] {
    position: relative;
    width: min(100%, 310px);
    aspect-ratio: 1;
    margin: 0 auto;
}

.class-overview-pie-chart[b-k78h44lw7u] {
    width: 100%;
    height: 100%;
    display: block;
    filter: drop-shadow(0 12px 18px rgba(15, 40, 80, 0.12));
}

.class-overview-pie-chart .empty-pie[b-k78h44lw7u] {
    fill: #e5edf7;
}

.class-overview-pie-chart .pie-slice[b-k78h44lw7u] {
    cursor: pointer;
    stroke: #fff;
    stroke-width: 2;
    transition: filter 0.15s ease;
}

.class-overview-pie-chart .pie-slice:hover[b-k78h44lw7u] {
    filter: brightness(0.95);
}

.class-overview-pie-label-layer[b-k78h44lw7u] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.class-overview-pie-label-layer .pie-label[b-k78h44lw7u] {
    position: absolute;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 0.82rem;
    font-weight: 800;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.class-overview-legend[b-k78h44lw7u] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.class-overview-legend .legend-row[b-k78h44lw7u] {
    min-height: 38px;
    width: 100%;
    border: 0;
    background: transparent;
    border-radius: 5px;
    padding: 8px 10px;
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    color: #001947;
    cursor: pointer;
    text-align: left;
}

.class-overview-legend .legend-row:hover[b-k78h44lw7u] {
    background: transparent;
}

.class-overview-legend .legend-row.active[b-k78h44lw7u] {
    background: transparent;
}

.class-overview-legend .legend-dot[b-k78h44lw7u] {
    width: 12px;
    height: 12px;
    border-radius: 999px;
}

.class-overview-legend strong[b-k78h44lw7u] {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 0.95rem;
}

.class-overview-legend em[b-k78h44lw7u] {
    font-style: normal;
    font-size: 0.9rem;
    font-weight: 800;
}

.class-overview-legend .legend-percent[b-k78h44lw7u] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.class-overview-legend .legend-percent b[b-k78h44lw7u] {
    color: #001947;
    font-weight: 800;
}

.class-overview-empty-note[b-k78h44lw7u] {
    border: 1px dashed #c8d6e8;
    border-radius: 5px;
    padding: 12px;
    color: #64748b;
    font-weight: 600;
}

.class-overview-table-scroll[b-k78h44lw7u] {
    overflow-x: visible;
}

.class-overview-table-scroll table[b-k78h44lw7u] {
    width: 100%;
    border-collapse: collapse;
    min-width: 0;
    table-layout: fixed;
}

.class-overview-table-scroll th[b-k78h44lw7u],
.class-overview-table-scroll td[b-k78h44lw7u] {
    padding: 15px 8px;
    border-bottom: 1px solid #e1e8f2;
    color: #001947;
    text-align: left;
    vertical-align: middle;
    overflow-wrap: anywhere;
}

.class-overview-table-scroll th[b-k78h44lw7u] {
    background: #f4f7fb;
    color: #526783;
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.25;
    white-space: normal;
}

.class-overview-table-scroll td[b-k78h44lw7u] {
    font-size: 1rem;
}

.class-overview-table-scroll th:nth-child(1)[b-k78h44lw7u],
.class-overview-table-scroll td:nth-child(1)[b-k78h44lw7u] {
    width: 56px;
}

.class-overview-table-scroll th:nth-child(2)[b-k78h44lw7u],
.class-overview-table-scroll td:nth-child(2)[b-k78h44lw7u] {
    width: 180px;
}

.class-overview-table-scroll:not(.center-table):not(.staff-table):not(.class-detail-table) th:nth-child(2)[b-k78h44lw7u],
.class-overview-table-scroll:not(.center-table):not(.staff-table):not(.class-detail-table) td:nth-child(2)[b-k78h44lw7u] {
    width: 78px;
}

.class-overview-table-scroll:not(.center-table):not(.staff-table):not(.class-detail-table) th:nth-child(n+3)[b-k78h44lw7u],
.class-overview-table-scroll:not(.center-table):not(.staff-table):not(.class-detail-table) td:nth-child(n+3)[b-k78h44lw7u] {
    width: 66px;
}

.class-overview-table-scroll.center-table th:nth-child(2)[b-k78h44lw7u],
.class-overview-table-scroll.center-table td:nth-child(2)[b-k78h44lw7u] {
    width: 136px;
}

.class-overview-table-scroll.staff-table th:nth-child(2)[b-k78h44lw7u],
.class-overview-table-scroll.staff-table td:nth-child(2)[b-k78h44lw7u] {
    width: 152px;
}

.class-overview-table-scroll.class-detail-table th:nth-child(3)[b-k78h44lw7u],
.class-overview-table-scroll.class-detail-table td:nth-child(3)[b-k78h44lw7u],
.class-overview-table-scroll.class-detail-table th:nth-child(4)[b-k78h44lw7u],
.class-overview-table-scroll.class-detail-table td:nth-child(4)[b-k78h44lw7u] {
    width: 140px;
}

.class-overview-table-scroll.class-detail-table th:nth-child(2)[b-k78h44lw7u],
.class-overview-table-scroll.class-detail-table td:nth-child(2)[b-k78h44lw7u] {
    width: 112px;
}

.class-overview-table-scroll.class-detail-table th:nth-child(8)[b-k78h44lw7u],
.class-overview-table-scroll.class-detail-table td:nth-child(8)[b-k78h44lw7u],
.class-overview-table-scroll.class-detail-table th:nth-child(10)[b-k78h44lw7u],
.class-overview-table-scroll.class-detail-table td:nth-child(10)[b-k78h44lw7u],
.class-overview-table-scroll.class-detail-table th:nth-child(11)[b-k78h44lw7u],
.class-overview-table-scroll.class-detail-table td:nth-child(11)[b-k78h44lw7u] {
    width: 120px;
}

.class-overview-table-scroll th:nth-child(n+3)[b-k78h44lw7u],
.class-overview-table-scroll td:nth-child(n+3)[b-k78h44lw7u] {
    width: 74px;
    text-align: center;
}

.class-overview-table-scroll tbody tr:nth-child(even)[b-k78h44lw7u] {
    background: #fbfdff;
}

.class-overview-table-scroll tbody tr.clickable-row[b-k78h44lw7u] {
    cursor: pointer;
}

.class-overview-table-scroll tbody tr.clickable-row:hover[b-k78h44lw7u],
.class-overview-table-scroll tbody tr.clickable-row.selected[b-k78h44lw7u] {
    background: #eef8f5;
}

.class-overview-table-scroll .empty-row[b-k78h44lw7u] {
    text-align: center;
    color: #64748b;
    font-weight: 600;
}

@media (max-width: 1180px) {
    .class-overview-company-grid[b-k78h44lw7u],
    .class-overview-pie-layout[b-k78h44lw7u] {
        grid-template-columns: 1fr;
    }

    .class-overview-kpi-grid[b-k78h44lw7u] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .class-overview-placeholder[b-k78h44lw7u] {
        min-height: 180px;
        padding: 20px 18px;
    }

    .class-overview-kpi-grid[b-k78h44lw7u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .class-overview-kpi[b-k78h44lw7u],
    .class-overview-panel header[b-k78h44lw7u] {
        padding-inline: 14px;
    }

    .class-overview-pie-layout[b-k78h44lw7u] {
        padding: 14px;
    }

    .class-overview-table-scroll th[b-k78h44lw7u],
    .class-overview-table-scroll td[b-k78h44lw7u] {
        padding: 10px 8px;
        font-size: 0.82rem;
    }
}
/* /Components/Pages/DashBoard.Shared/DashboardScopeFilter.razor.rz.scp.css */
.dashboard-scope-filter[b-vb2eqp7v2g] {
    display: contents;
}

.dashboard-scope-mobile[b-vb2eqp7v2g] {
    display: none;
}

.dashboard-scope-main[b-vb2eqp7v2g] {
    position: relative;
    z-index: 1;
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    min-height: 58px;
    min-width: 0;
    padding-left: 20px;
    box-sizing: border-box;
}

.dashboard-scope-heading-row[b-vb2eqp7v2g] {
    position: relative;
    z-index: 1;
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 54px;
    min-width: 0;
    margin-inline: calc(var(--dashboard-header-x-padding) * -1);
    padding: 6px calc(var(--dashboard-header-x-padding) + 20px) 10px;
    border: 0;
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
    box-sizing: border-box;
}

.dashboard-scope-title[b-vb2eqp7v2g] {
    color: #0f172a;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.12;
    white-space: nowrap;
}

.dashboard-scope-tabs[b-vb2eqp7v2g] {
    display: inline-flex;
    align-items: center;
    gap: 28px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.dashboard-scope-tabs .scope-tab[b-vb2eqp7v2g] {
    position: relative;
    min-height: 42px;
    padding: 8px 0 10px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #263346;
    font-size: 15.5px;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.15;
    white-space: nowrap;
    box-shadow: none;
    transition:
        background 140ms ease,
        color 140ms ease,
        transform 140ms ease;
}

.dashboard-scope-tabs .scope-tab:hover[b-vb2eqp7v2g] {
    color: #0f766e;
    background: transparent;
}

.dashboard-scope-tabs .scope-tab.active[b-vb2eqp7v2g] {
    color: #0f766e;
    background: transparent;
    box-shadow: none;
    transform: none;
}

.dashboard-scope-tabs .scope-tab.active[b-vb2eqp7v2g]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    height: 3px;
    border-radius: 999px;
    background: #0f766e;
}

.dashboard-scope-selects[b-vb2eqp7v2g] {
    display: grid;
    grid-template-columns: 216px 264px;
    align-items: center;
    gap: 14px;
    min-width: 0;
    flex: 0 0 auto;
    max-width: none;
    margin-left: auto;
    justify-self: end;
}

.dashboard-scope-selects label[b-vb2eqp7v2g] {
    display: grid;
    gap: 0;
    min-width: 0;
}

.dashboard-scope-selects span[b-vb2eqp7v2g] {
    display: none;
}

.dashboard-scope-selects select[b-vb2eqp7v2g] {
    width: 100%;
    min-height: 40px;
    padding: 8px 36px 8px 14px;
    border: 1px solid #ccd9e8;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    font-size: 14px;
    font-weight: 500;
}

.dashboard-scope-denied[b-vb2eqp7v2g] {
    position: relative;
    z-index: 2;
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: end;
    justify-self: start;
    width: fit-content;
    max-width: 100%;
    padding: 9px 12px;
    border: 1px solid #fecaca;
    border-left: 4px solid #dc2626;
    border-radius: 8px;
    background: #fff1f2;
    color: #991b1b;
    font-size: 13px;
    font-weight: 600;
}

@media (max-width: 1180px) {
    .dashboard-scope-main[b-vb2eqp7v2g] {
        align-items: center;
        gap: 10px;
    }

    .dashboard-scope-title[b-vb2eqp7v2g] {
        font-size: 26px;
    }
}

@media (max-width: 720px) {
    .dashboard-scope-heading-row[b-vb2eqp7v2g] {
        align-items: flex-start;
        flex-direction: column;
    }

    .dashboard-scope-tabs[b-vb2eqp7v2g] {
        max-width: 100%;
        overflow-x: auto;
    }

    .dashboard-scope-selects[b-vb2eqp7v2g] {
        max-width: none;
        width: 100%;
        grid-template-columns: 1fr;
        flex-basis: auto;
        margin-left: 0;
    }
}

@media (max-width: 980px) and (pointer: coarse) {
    .dashboard-scope-filter[b-vb2eqp7v2g] {
        display: block;
        width: 100%;
        min-width: 0;
        pointer-events: auto;
    }

    .dashboard-scope-main[b-vb2eqp7v2g] {
        display: none;
    }

    .dashboard-scope-heading-row[b-vb2eqp7v2g] {
        display: none;
    }

    .dashboard-scope-mobile[b-vb2eqp7v2g] {
        display: grid;
        gap: 8px;
        width: 100%;
        min-width: 0;
        padding: 0;
        background: #ffffff;
        color: #0f172a;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .dashboard-scope-mobile-tabs[b-vb2eqp7v2g] {
        display: flex;
        align-items: center;
        gap: 20px;
        width: 100%;
        min-width: 0;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
    }

    .dashboard-scope-mobile-tabs[b-vb2eqp7v2g]::-webkit-scrollbar {
        display: none;
    }

    .dashboard-scope-mobile-tabs .scope-tab[b-vb2eqp7v2g] {
        position: relative;
        flex: 0 0 auto;
        min-height: 36px;
        padding: 4px 0 10px;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: #0f172a;
        -webkit-text-fill-color: #0f172a;
        font-size: 14px;
        font-weight: 800;
        line-height: 1.1;
        white-space: nowrap;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .dashboard-scope-mobile-tabs .scope-tab.active[b-vb2eqp7v2g] {
        color: #0f766e;
        -webkit-text-fill-color: #0f766e;
    }

    .dashboard-scope-mobile-tabs .scope-tab.active[b-vb2eqp7v2g]::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 3px;
        height: 3px;
        border-radius: 999px;
        background: #0f766e;
    }

    .dashboard-scope-mobile-title[b-vb2eqp7v2g] {
        min-width: 0;
        color: #0f172a;
        -webkit-text-fill-color: #0f172a;
        font-size: 15px;
        font-weight: 800;
        line-height: 1.2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 1;
        visibility: visible;
    }

    .dashboard-scope-mobile-selects[b-vb2eqp7v2g] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
        min-width: 0;
        opacity: 1;
        visibility: visible;
    }

    .dashboard-scope-mobile-selects label[b-vb2eqp7v2g] {
        display: block;
        min-width: 0;
    }

    .dashboard-scope-mobile-selects span[b-vb2eqp7v2g] {
        display: none;
    }

    .dashboard-scope-mobile-selects select[b-vb2eqp7v2g] {
        display: block;
        width: 100%;
        min-width: 0;
        height: 38px;
        min-height: 38px;
        padding: 0 32px 0 10px;
        border: 1px solid #cbd7e7;
        border-radius: 8px;
        background-color: #ffffff;
        color: #0f172a;
        -webkit-text-fill-color: #0f172a;
        font-size: 13px;
        font-weight: 700;
        line-height: 38px;
        opacity: 1;
        visibility: visible;
        appearance: auto;
        -webkit-appearance: menulist;
        pointer-events: auto;
    }
}

@media (max-width: 520px) and (pointer: coarse) {
    .dashboard-scope-mobile-selects[b-vb2eqp7v2g] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/DashBoard.Shared/DashboardTimeFilterPicker.razor.rz.scp.css */
.dashboard-time-picker[b-5qm4t6x7s1] {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.dashboard-time-picker .time-filter-row[b-5qm4t6x7s1],
.dashboard-time-picker .overview-time-row[b-5qm4t6x7s1],
.dashboard-time-picker .region-time-row[b-5qm4t6x7s1],
.dashboard-time-picker .branch-time-row[b-5qm4t6x7s1],
.dashboard-time-picker .missing-time-row[b-5qm4t6x7s1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    max-width: 100%;
}

.dashboard-time-picker .time-filter-button[b-5qm4t6x7s1],
.dashboard-time-picker .overview-time-button[b-5qm4t6x7s1],
.dashboard-time-picker .region-time-button[b-5qm4t6x7s1],
.dashboard-time-picker .branch-time-button[b-5qm4t6x7s1],
.dashboard-time-picker .missing-time-row button[b-5qm4t6x7s1] {
    min-height: 40px;
    padding: 0 18px;
    border: 1px solid #d7e0eb;
    border-radius: 6px;
    background: #ffffff;
    color: #172033;
    font: 500 14px/1 var(--dashboard-font-family, inherit);
    white-space: nowrap;
    cursor: pointer;
}

.dashboard-time-picker .time-filter-button.active[b-5qm4t6x7s1],
.dashboard-time-picker .overview-time-button.active[b-5qm4t6x7s1],
.dashboard-time-picker .region-time-button.active[b-5qm4t6x7s1],
.dashboard-time-picker .branch-time-button.active[b-5qm4t6x7s1],
.dashboard-time-picker .missing-time-row button.active[b-5qm4t6x7s1] {
    border-color: #1f2937;
    background: #1f2937;
    color: #ffffff;
    font-weight: 600;
}

.dashboard-time-picker__backdrop[b-5qm4t6x7s1] {
    position: fixed;
    inset: 0;
    z-index: 20;
    border: 0;
    background: transparent;
    cursor: default;
}

.dashboard-time-picker__panel[b-5qm4t6x7s1] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 21;
    width: min(520px, calc(100vw - 32px));
    padding: 14px 18px 16px;
    border: 1px solid #d6e0ec;
    border-radius: 4px;
    background: #eee7f5;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.14);
}

.dashboard-time-picker__header[b-5qm4t6x7s1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    color: #374151;
    font-size: 16px;
    font-weight: 500;
}

.dashboard-time-picker__nav[b-5qm4t6x7s1] {
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    color: #0f766e;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.dashboard-time-picker__nav:hover[b-5qm4t6x7s1] {
    border-color: #0f766e;
}

.dashboard-time-picker__weekdays[b-5qm4t6x7s1],
.dashboard-time-picker__calendar[b-5qm4t6x7s1] {
    display: grid;
    grid-template-columns: repeat(7, minmax(32px, 1fr));
    gap: 4px;
}

.dashboard-time-picker__weekdays[b-5qm4t6x7s1] {
    margin-bottom: 6px;
    color: #0f766e;
    font-size: 13px;
    text-align: center;
}

.dashboard-time-picker__calendar button[b-5qm4t6x7s1],
.dashboard-time-picker__month-grid button[b-5qm4t6x7s1],
.dashboard-time-picker__year-grid button[b-5qm4t6x7s1] {
    min-height: 32px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: #4b5563;
    font: inherit;
    cursor: pointer;
}

.dashboard-time-picker__calendar button:hover[b-5qm4t6x7s1],
.dashboard-time-picker__month-grid button:hover[b-5qm4t6x7s1],
.dashboard-time-picker__year-grid button:hover[b-5qm4t6x7s1] {
    border-color: #0f766e;
    color: #0f766e;
}

.dashboard-time-picker__calendar button.muted[b-5qm4t6x7s1] {
    color: #9ca3af;
}

.dashboard-time-picker__calendar button.selected[b-5qm4t6x7s1],
.dashboard-time-picker__month-grid button.selected[b-5qm4t6x7s1],
.dashboard-time-picker__year-grid button.selected[b-5qm4t6x7s1] {
    border-color: #0f766e;
    color: #0f766e;
}

.dashboard-time-picker__calendar button.in-week[b-5qm4t6x7s1] {
    border-radius: 0;
    background: rgba(15, 118, 110, 0.14);
    color: #0f766e;
}

.dashboard-time-picker__calendar button.week-edge[b-5qm4t6x7s1] {
    border-radius: 999px;
    background: #0f766e;
    color: #fff;
}

.dashboard-time-picker__month-grid[b-5qm4t6x7s1],
.dashboard-time-picker__year-grid[b-5qm4t6x7s1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(80px, 1fr));
    gap: 18px 28px;
    padding: 10px 0;
}

.dashboard-time-picker__month-grid button[b-5qm4t6x7s1],
.dashboard-time-picker__year-grid button[b-5qm4t6x7s1] {
    min-height: 38px;
}

.dashboard-time-picker__actions[b-5qm4t6x7s1] {
    display: flex;
    justify-content: flex-end;
    gap: 18px;
    margin-top: 14px;
}

.dashboard-time-picker__actions button[b-5qm4t6x7s1] {
    border: 0;
    background: transparent;
    color: #0f766e;
    font-weight: 600;
    cursor: pointer;
}

.dashboard-time-picker__actions button.primary[b-5qm4t6x7s1] {
    color: #065f46;
}

@media (max-width: 640px) {
    .dashboard-time-picker__panel[b-5qm4t6x7s1] {
        width: calc(100vw - 24px);
        max-width: 100%;
        padding: 12px;
    }

    .dashboard-time-picker__month-grid[b-5qm4t6x7s1],
    .dashboard-time-picker__year-grid[b-5qm4t6x7s1] {
        gap: 12px;
    }
}
/* /Components/Pages/DashBoard.Shared/DashboardUserMenu.razor.rz.scp.css */
.dashboard-user-menu[b-gerry15noe] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.dashboard-avatar-button[b-gerry15noe] {
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid #cbd7e8;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: none;
    cursor: pointer;
    overflow: hidden;
}

.dashboard-avatar-button img[b-gerry15noe],
.dashboard-user-avatar-large img[b-gerry15noe] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.dashboard-avatar-fallback[b-gerry15noe] {
    display: none;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: #eef7f5;
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0;
}

.dashboard-user-backdrop[b-gerry15noe] {
    position: fixed;
    inset: 0;
    z-index: 20;
    border: 0;
    background: transparent;
    cursor: default;
}

.dashboard-user-popover[b-gerry15noe] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 21;
    width: min(320px, calc(100vw - 32px));
    padding: 14px;
    border: 1px solid #dce6f1;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

.dashboard-user-avatar-large[b-gerry15noe] {
    width: 68px;
    height: 68px;
    margin: 0 auto 14px;
    overflow: hidden;
    border-radius: 999px;
    border: 1px solid #cbd7e8;
    box-shadow: none;
}

.dashboard-user-popover dt[b-gerry15noe] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
}

.dashboard-user-popover dd[b-gerry15noe] {
    margin: 0;
    color: #0f172a;
    font-size: 13px;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.dashboard-user-popover dl[b-gerry15noe] {
    margin: 0 0 14px;
    display: grid;
    gap: 9px;
}

.dashboard-user-popover dl > div[b-gerry15noe] {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    padding: 9px 0;
    border-top: 1px solid #e2e8f0;
}

.dashboard-settings-button[b-gerry15noe],
.dashboard-logout-button[b-gerry15noe] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 8px;
    border: 1px solid #f1c4c4;
    border-radius: 9px;
    background: #fffafa;
    color: #b91c1c;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}

.dashboard-settings-button[b-gerry15noe] {
    border-color: #ccd9e8;
    background: #ffffff;
    color: #0f766e;
}

.dashboard-settings-button:hover[b-gerry15noe] {
    border-color: #b9d7d2;
    background: #eef8f6;
    color: #0f766e;
}

.dashboard-logout-button:hover[b-gerry15noe] {
    border-color: #fca5a5;
    background: #fef2f2;
    color: #991b1b;
}
/* /Components/Pages/DashBoard.Shared/Employee/Charts/EmployeeScopePieChart.razor.rz.scp.css */
.employee-scope-pie-panel[b-3gm19ybdk7] {
    display: grid;
    gap: 18px;
    border: 1px solid #d8e2ef;
    border-radius: 8px;
    background: #ffffff;
    padding: 20px 22px;
}

.employee-scope-pie-panel header[b-3gm19ybdk7] {
    display: block;
}

.employee-scope-pie-panel h2[b-3gm19ybdk7] {
    margin: 0;
    color: #061633;
    font-size: 1.08rem;
    font-weight: 700;
}

.employee-scope-pie-layout[b-3gm19ybdk7] {
    display: grid;
    grid-template-columns: minmax(220px, 0.9fr) minmax(220px, 1fr);
    gap: 20px;
    align-items: center;
}

.employee-scope-pie-wrap[b-3gm19ybdk7] {
    position: relative;
    width: min(280px, 100%);
    aspect-ratio: 1;
    justify-self: center;
}

.employee-scope-pie-chart[b-3gm19ybdk7] {
    width: 100%;
    aspect-ratio: 1;
    overflow: visible;
}

.employee-scope-pie-slice[b-3gm19ybdk7] {
    stroke: #ffffff;
    stroke-width: 2;
}

.employee-scope-empty-pie[b-3gm19ybdk7] {
    fill: #e5edf7;
}

.employee-scope-pie-label-layer[b-3gm19ybdk7] {
    position: absolute;
    inset: 0;
}

.employee-scope-pie-label[b-3gm19ybdk7] {
    position: absolute;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 800;
    pointer-events: none;
}

.employee-scope-pie-legend[b-3gm19ybdk7] {
    display: grid;
    gap: 8px;
}

.employee-scope-pie-legend-row[b-3gm19ybdk7] {
    min-height: 42px;
    display: grid;
    grid-template-columns: 16px minmax(120px, 1fr) 56px;
    align-items: center;
    gap: 10px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    padding: 8px 10px;
}

.employee-scope-pie-dot[b-3gm19ybdk7] {
    width: 11px;
    height: 11px;
    border-radius: 50%;
}

.employee-scope-pie-legend-row strong[b-3gm19ybdk7],
.employee-scope-pie-legend-row span[b-3gm19ybdk7] {
    color: #0f172a;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 700;
}

.employee-scope-pie-legend-row span:not(.employee-scope-pie-dot)[b-3gm19ybdk7] {
    justify-self: end;
}

.employee-scope-pie-empty[b-3gm19ybdk7] {
    border: 1px dashed #cbd7e8;
    border-radius: 8px;
    color: #60708a;
    padding: 18px;
    text-align: center;
}

@media (max-width: 920px) {
    .employee-scope-pie-layout[b-3gm19ybdk7] {
        grid-template-columns: 1fr;
    }

    .employee-scope-pie-panel[b-3gm19ybdk7] {
        padding: 16px;
    }
}

@media (max-width: 640px) {
    .employee-scope-pie-legend-row[b-3gm19ybdk7] {
        grid-template-columns: 14px minmax(0, 1fr) 48px;
    }
}
/* /Components/Pages/DashBoard.Shared/HomeworkReview/HomeworkReviewDashboard.razor.rz.scp.css */
.homework-review-dashboard[b-qyezytrhll] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.homework-review-placeholder[b-qyezytrhll],
.homework-review-state[b-qyezytrhll],
.homework-review-panel[b-qyezytrhll],
.homework-review-kpi[b-qyezytrhll] {
    background: #fff;
    border: 1px solid #d7e1ee;
    border-radius: 6px;
    box-shadow: 0 10px 22px rgba(15, 40, 80, 0.05);
}

.homework-review-placeholder[b-qyezytrhll] {
    min-height: 240px;
    padding: 28px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
}

.homework-review-placeholder span[b-qyezytrhll] {
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.homework-review-placeholder h1[b-qyezytrhll],
.homework-review-header h1[b-qyezytrhll] {
    margin: 0;
    color: #001947;
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.2;
}

.homework-review-placeholder strong[b-qyezytrhll] {
    width: fit-content;
    border: 1px solid #d7e1ee;
    border-radius: 5px;
    background: #f8fbff;
    color: #475569;
    padding: 8px 12px;
}

.homework-review-state[b-qyezytrhll] {
    min-height: 120px;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.homework-review-state.error[b-qyezytrhll] {
    border-color: #fecaca;
    color: #991b1b;
}

.homework-review-state button[b-qyezytrhll] {
    width: fit-content;
    border: 1px solid #d7e1ee;
    background: #fff;
    border-radius: 6px;
    padding: 8px 14px;
    font-weight: 700;
}

.homework-review-header[b-qyezytrhll] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 22px;
}

.homework-review-period-tabs[b-qyezytrhll] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.homework-review-kpi-grid[b-qyezytrhll] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

.homework-review-kpi[b-qyezytrhll] {
    min-height: 104px;
    padding: 18px 20px;
    border-left: 5px solid #2563eb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.homework-review-kpi.primary[b-qyezytrhll] {
    background: linear-gradient(135deg, #0f766e, #2563eb);
    border-left-color: #059669;
    color: #fff;
}

.homework-review-kpi.danger[b-qyezytrhll] {
    border-left-color: #ef4444;
}

.homework-review-kpi.warning[b-qyezytrhll] {
    border-left-color: #f59e0b;
}

.homework-review-kpi span[b-qyezytrhll] {
    font-size: 0.82rem;
    text-transform: uppercase;
    font-weight: 800;
}

.homework-review-kpi strong[b-qyezytrhll] {
    font-size: clamp(1.45rem, 1.9vw, 1.9rem);
    line-height: 1;
}

.homework-review-panel[b-qyezytrhll] {
    overflow: hidden;
}

.homework-review-panel header[b-qyezytrhll] {
    min-height: 56px;
    padding: 16px 20px;
    border-bottom: 1px solid #edf2f8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.homework-review-panel h2[b-qyezytrhll] {
    margin: 0;
    color: #001947;
    font-size: 1.18rem;
    line-height: 1.25;
}

.homework-review-panel header span[b-qyezytrhll] {
    color: #64748b;
    font-size: 0.9rem;
    font-weight: 700;
}

.homework-review-lower-grid[b-qyezytrhll] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
}

.legacy-trend-grid[b-qyezytrhll] {
    display: none;
}

.homework-review-branch[b-qyezytrhll] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.homework-review-branch-tabs[b-qyezytrhll] {
    display: flex;
    align-items: center;
    gap: 18px;
    border-bottom: 1px solid #cfdced;
}

.homework-review-branch-tab[b-qyezytrhll] {
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: #001947;
    font-weight: 800;
    padding: 12px 4px 14px;
}

.homework-review-branch-tab.active[b-qyezytrhll] {
    color: #2563eb;
    border-bottom-color: #2563eb;
}

.homework-review-search-header[b-qyezytrhll] {
    align-items: center;
}

.homework-review-student-search[b-qyezytrhll] {
    min-width: min(640px, 100%);
    display: flex;
    align-items: center;
    gap: 10px;
}

.homework-review-student-search input[b-qyezytrhll] {
    min-width: 0;
    flex: 1;
    border: 1px solid #d7e1ee;
    border-radius: 6px;
    padding: 10px 14px;
    color: #001947;
    font: inherit;
}

.homework-review-student-empty[b-qyezytrhll] {
    padding: 22px 20px;
    color: #64748b;
    font-weight: 700;
}

.export-only-table[b-qyezytrhll] {
    display: none;
}

.trend-bars[b-qyezytrhll] {
    min-height: 220px;
    padding: 26px 24px 18px;
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 28px;
}

.trend-item[b-qyezytrhll] {
    min-width: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: #001947;
}

.trend-bar-track[b-qyezytrhll] {
    width: 58px;
    height: 150px;
    border-radius: 8px;
    background: #e9eef5;
    display: flex;
    align-items: end;
    overflow: hidden;
}

.trend-bar[b-qyezytrhll] {
    width: 100%;
    display: block;
    background: linear-gradient(180deg, #2563eb, #0f766e);
}

.trend-bar.completion[b-qyezytrhll] {
    background: linear-gradient(180deg, #2563eb, #1d4ed8);
}

.trend-item strong[b-qyezytrhll] {
    font-size: 0.95rem;
}

.trend-item small[b-qyezytrhll] {
    color: #49617f;
    font-weight: 700;
}

.trend-line-wrap[b-qyezytrhll] {
    min-height: 178px;
    padding: 10px 18px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.trend-line-chart[b-qyezytrhll] {
    width: 100%;
    height: 150px;
    overflow: visible;
}

.trend-grid-line[b-qyezytrhll] {
    stroke: #e8eef6;
    stroke-width: 1;
}

.trend-line-path[b-qyezytrhll] {
    fill: none;
    stroke: #57d4d0;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.trend-line-chart.completion .trend-line-path[b-qyezytrhll] {
    stroke: #a855f7;
}

.trend-line-dot[b-qyezytrhll] {
    fill: #57d4d0;
    stroke: #57d4d0;
    stroke-width: 2;
}

.trend-line-chart.completion .trend-line-dot[b-qyezytrhll] {
    fill: #a855f7;
    stroke: #a855f7;
}

.trend-line-value[b-qyezytrhll] {
    fill: #475569;
    font-size: 15px;
    font-weight: 800;
}

.trend-line-labels[b-qyezytrhll] {
    display: grid;
    grid-template-columns: repeat(var(--trend-count), minmax(0, 1fr));
    gap: 8px;
    color: #64748b;
    font-size: 0.86rem;
    font-weight: 700;
    text-align: center;
}

.homework-review-table-scroll[b-qyezytrhll] {
    overflow-x: auto;
}

.homework-review-region-table-wrap[b-qyezytrhll] {
    overflow-x: hidden;
}

.homework-review-table-scroll table[b-qyezytrhll] {
    width: 100%;
    border-collapse: collapse;
    color: #001947;
    table-layout: fixed;
}

.homework-review-table-scroll th[b-qyezytrhll],
.homework-review-table-scroll td[b-qyezytrhll] {
    padding: 14px 12px;
    border-bottom: 1px solid #edf2f8;
    text-align: left;
    vertical-align: middle;
    font-size: 0.95rem;
}

.homework-review-table-scroll th[b-qyezytrhll] {
    background: #f4f7fb;
    color: #49617f;
    font-weight: 800;
}

.homework-review-table-scroll tbody tr:nth-child(even)[b-qyezytrhll] {
    background: #fcfdff;
}

.homework-review-table-scroll tbody tr.clickable-row[b-qyezytrhll] {
    cursor: pointer;
}

.homework-review-table-scroll tbody tr.clickable-row:hover[b-qyezytrhll],
.homework-review-table-scroll tbody tr.selected[b-qyezytrhll] {
    background: #eef8f6;
}

.homework-review-region-table[b-qyezytrhll] {
    table-layout: fixed;
    min-width: 0;
}

.homework-review-region-table .col-stt[b-qyezytrhll] {
    width: 6%;
}

.homework-review-region-table .col-region[b-qyezytrhll] {
    width: 18%;
}

.homework-review-region-table .col-branch[b-qyezytrhll] {
    width: 9%;
}

.homework-review-region-table .col-student[b-qyezytrhll] {
    width: 10%;
}

.homework-review-region-table .col-rate[b-qyezytrhll] {
    width: 10%;
}

.homework-review-region-table .col-number[b-qyezytrhll] {
    width: 9%;
}

.homework-review-region-table th[b-qyezytrhll],
.homework-review-region-table td[b-qyezytrhll] {
    padding-left: 8px;
    padding-right: 8px;
    overflow-wrap: anywhere;
}

.homework-review-region-table th:nth-child(2)[b-qyezytrhll],
.homework-review-region-table td:nth-child(2)[b-qyezytrhll] {
    white-space: nowrap;
}

.homework-review-region-detail-row > td[b-qyezytrhll] {
    padding: 0;
    background: #fff;
}

.homework-review-inline-detail[b-qyezytrhll] {
    border-top: 1px solid #edf2f8;
    border-bottom: 1px solid #edf2f8;
    background: #fcfdff;
}

.homework-review-center-detail-table th:nth-child(1)[b-qyezytrhll],
.homework-review-center-detail-table td:nth-child(1)[b-qyezytrhll] {
    width: 54px;
}

.homework-review-center-detail-table th:nth-child(2)[b-qyezytrhll],
.homework-review-center-detail-table td:nth-child(2)[b-qyezytrhll] {
    width: 220px;
    white-space: nowrap;
}

.homework-review-center-summary-table th:nth-child(2)[b-qyezytrhll],
.homework-review-center-summary-table td:nth-child(2)[b-qyezytrhll],
.homework-review-branch-staff-table th:nth-child(2)[b-qyezytrhll],
.homework-review-branch-staff-table td:nth-child(2)[b-qyezytrhll],
.homework-review-student-table th:nth-child(3)[b-qyezytrhll],
.homework-review-student-table td:nth-child(3)[b-qyezytrhll],
.homework-review-student-table th:nth-child(4)[b-qyezytrhll],
.homework-review-student-table td:nth-child(4)[b-qyezytrhll] {
    white-space: normal;
    overflow-wrap: break-word;
}

.homework-review-center-summary-table th:nth-child(1)[b-qyezytrhll],
.homework-review-center-summary-table td:nth-child(1)[b-qyezytrhll] {
    width: 5%;
    padding-right: 4px;
}

.homework-review-center-summary-table th:nth-child(2)[b-qyezytrhll],
.homework-review-center-summary-table td:nth-child(2)[b-qyezytrhll] {
    width: 13%;
    padding-left: 2px;
}

.homework-review-center-summary-table .region-expand-toggle[b-qyezytrhll] {
    margin-right: 8px;
}

.homework-review-branch-staff-table th:nth-child(1)[b-qyezytrhll],
.homework-review-branch-staff-table td:nth-child(1)[b-qyezytrhll] {
    width: 5%;
    padding-right: 4px;
}

.homework-review-branch-staff-table th:nth-child(2)[b-qyezytrhll],
.homework-review-branch-staff-table td:nth-child(2)[b-qyezytrhll] {
    width: 16%;
    padding-left: 2px;
}

.homework-review-branch-staff-table .region-expand-toggle[b-qyezytrhll] {
    margin-right: 8px;
}

.homework-review-student-table th:nth-child(3)[b-qyezytrhll],
.homework-review-student-table td:nth-child(3)[b-qyezytrhll],
.homework-review-student-table th:nth-child(4)[b-qyezytrhll],
.homework-review-student-table td:nth-child(4)[b-qyezytrhll] {
    width: 180px;
}

.homework-review-log-table th:nth-child(1)[b-qyezytrhll],
.homework-review-log-table td:nth-child(1)[b-qyezytrhll] {
    width: 150px;
}

.homework-review-log-table .col-log-date[b-qyezytrhll] {
    width: 10%;
}

.homework-review-log-table .col-log-class[b-qyezytrhll],
.homework-review-log-table .col-log-session[b-qyezytrhll] {
    width: 8%;
}

.homework-review-log-table .col-log-status[b-qyezytrhll] {
    width: 11%;
}

.homework-review-log-table .col-log-score[b-qyezytrhll],
.homework-review-log-table .col-log-rate[b-qyezytrhll] {
    width: 8%;
}

.homework-review-log-table .col-log-content[b-qyezytrhll] {
    width: 47%;
}

.homework-review-log-table th[b-qyezytrhll],
.homework-review-log-table td[b-qyezytrhll] {
    overflow-wrap: anywhere;
}

.homework-review-log-table th:nth-child(5)[b-qyezytrhll],
.homework-review-log-table td:nth-child(5)[b-qyezytrhll],
.homework-review-log-table th:nth-child(6)[b-qyezytrhll],
.homework-review-log-table td:nth-child(6)[b-qyezytrhll] {
    text-align: center;
}

.homework-review-log-table th:nth-child(7)[b-qyezytrhll],
.homework-review-log-table td:nth-child(7)[b-qyezytrhll] {
    line-height: 1.45;
    white-space: normal;
}

.detail-link[b-qyezytrhll] {
    border: 1px solid #d7e1ee;
    border-radius: 6px;
    background: #fff;
    color: #2563eb;
    font-weight: 800;
    padding: 7px 10px;
}

.detail-link.subtle[b-qyezytrhll] {
    color: #475569;
}

.region-expand-toggle[b-qyezytrhll] {
    min-width: 34px;
    height: 30px;
    padding: 0;
    font-size: 0.88rem;
    line-height: 1;
    margin-right: 10px;
}

.metric[b-qyezytrhll] {
    font-weight: 800;
}

.metric.good[b-qyezytrhll] {
    color: #059669;
}

.metric.warning[b-qyezytrhll] {
    color: #d97706;
}

.metric.danger[b-qyezytrhll] {
    color: #dc2626;
}

.empty-row[b-qyezytrhll] {
    padding: 18px 20px;
    color: #64748b;
    font-weight: 700;
    text-align: center;
}

@media (max-width: 1200px) {
    .homework-review-kpi-grid[b-qyezytrhll] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .homework-review-header[b-qyezytrhll] {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .homework-review-period-tabs[b-qyezytrhll] {
        width: 100%;
    }

    .homework-review-search-header[b-qyezytrhll] {
        align-items: flex-start;
        flex-direction: column;
    }

    .homework-review-student-search[b-qyezytrhll] {
        width: 100%;
        min-width: 0;
    }

    .homework-review-kpi-grid[b-qyezytrhll],
    .homework-review-lower-grid[b-qyezytrhll] {
        grid-template-columns: 1fr;
    }

    .homework-review-kpi[b-qyezytrhll] {
        min-height: 92px;
    }

    .trend-bars[b-qyezytrhll] {
        overflow-x: auto;
        justify-content: flex-start;
    }

    .homework-review-region-table-wrap[b-qyezytrhll] {
        overflow-x: auto;
    }

    .homework-review-region-table[b-qyezytrhll] {
        min-width: 920px;
    }

    .homework-review-branch-staff-table[b-qyezytrhll],
    .homework-review-class-table[b-qyezytrhll],
    .homework-review-student-table[b-qyezytrhll],
    .homework-review-log-table[b-qyezytrhll] {
        min-width: 900px;
    }
}
/* /Components/Pages/DashBoard.Shared/MissingAttendance/MissingAttendanceDashboard.razor.rz.scp.css */
.missing-attendance-page[b-ky8qn88tuo] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.missing-state[b-ky8qn88tuo],
.missing-filter[b-ky8qn88tuo],
.missing-panel[b-ky8qn88tuo],
.missing-kpi[b-ky8qn88tuo] {
    background: #fff;
    border: 1px solid #bfd0e8;
    border-radius: 6px;
    box-shadow: 0 10px 22px rgba(15, 40, 80, 0.05);
}

.missing-state[b-ky8qn88tuo] {
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.missing-state.error[b-ky8qn88tuo] {
    border-color: #fecaca;
    color: #991b1b;
}

.missing-state button[b-ky8qn88tuo] {
    width: fit-content;
    border: 1px solid #b7c8e6;
    background: #fff;
    border-radius: 6px;
    padding: 8px 14px;
    font-weight: 700;
}

.missing-filter[b-ky8qn88tuo] {
    padding: 14px 16px;
    display: grid;
    grid-template-columns: minmax(360px, 1fr) minmax(420px, 0.9fr);
    gap: 14px 24px;
    align-items: end;
}

.missing-time-row[b-ky8qn88tuo] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.missing-time-row button[b-ky8qn88tuo] {
    min-width: 104px;
    height: 42px;
    border: 1px solid #b7c8e6;
    background: #fff;
    color: #001947;
    border-radius: 5px;
    font-weight: 600;
}

.missing-time-row button.active[b-ky8qn88tuo] {
    background: #1f2329;
    border-color: #1f2329;
    color: #fff;
}

.missing-time-row .period-picker[b-ky8qn88tuo] {
    height: 42px;
    min-width: 150px;
    border: 1px solid #b7c8e6;
    border-radius: 5px;
    background: #f8fbff;
    color: #001947;
    padding: 0 12px;
    font-weight: 600;
}

.missing-time-row .year-picker[b-ky8qn88tuo] {
    width: 120px;
    min-width: 120px;
}

.missing-select-row[b-ky8qn88tuo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    gap: 14px;
}

.missing-select-row label[b-ky8qn88tuo] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #001947;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}

.missing-select-row select[b-ky8qn88tuo] {
    height: 42px;
    border: 1px solid #b7c8e6;
    border-radius: 5px;
    background: #f8fbff;
    color: #001947;
    padding: 0 12px;
    font-weight: 600;
}

.missing-kpi-grid[b-ky8qn88tuo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.missing-kpi[b-ky8qn88tuo] {
    min-height: 90px;
    padding: 18px 20px;
    border-left: 5px solid #2563eb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.missing-kpi.primary[b-ky8qn88tuo] {
    background: linear-gradient(135deg, #0f766e, #2563eb);
    border-left-color: #059669;
    color: #fff;
}

.missing-kpi span[b-ky8qn88tuo] {
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 600;
}

.missing-kpi strong[b-ky8qn88tuo] {
    font-size: clamp(1.45rem, 1.9vw, 1.9rem);
    line-height: 1;
}

.missing-table-grid[b-ky8qn88tuo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.missing-table-grid.single[b-ky8qn88tuo] {
    grid-template-columns: 1fr;
}

.missing-panel[b-ky8qn88tuo] {
    overflow: hidden;
}

.missing-panel.detail[b-ky8qn88tuo] {
    margin-top: 2px;
}

.missing-panel header[b-ky8qn88tuo] {
    min-height: 54px;
    padding: 0 18px;
    border-bottom: 1px solid #cbd9ee;
    background: #fbfdff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.missing-panel h2[b-ky8qn88tuo] {
    margin: 0;
    font-size: 18px;
    color: #001947;
}

.table-scroll[b-ky8qn88tuo] {
    overflow: auto;
}

.missing-panel table[b-ky8qn88tuo] {
    width: 100%;
    border-collapse: collapse;
    min-width: 620px;
}

.missing-panel th[b-ky8qn88tuo],
.missing-panel td[b-ky8qn88tuo] {
    padding: 14px 16px;
    border-bottom: 1px solid #d8e2f1;
    color: #001947;
    text-align: left;
    white-space: nowrap;
}

.missing-panel th[b-ky8qn88tuo] {
    background: #eaf2ff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

.missing-panel td[b-ky8qn88tuo] {
    font-weight: 500;
}

.missing-panel tbody tr:nth-child(odd)[b-ky8qn88tuo] {
    background: #fff8ef;
}

.missing-panel tbody tr:nth-child(even)[b-ky8qn88tuo] {
    background: #fff;
}

.missing-panel .clickable-row[b-ky8qn88tuo] {
    cursor: pointer;
}

.missing-panel .clickable-row:hover[b-ky8qn88tuo],
.missing-panel .clickable-row.selected[b-ky8qn88tuo] {
    background: #eaf3ff;
    outline: 2px solid #0f766e;
    outline-offset: -2px;
}

.missing-panel .empty-row[b-ky8qn88tuo] {
    text-align: center;
    color: #5b6b83;
    font-weight: 700;
}

.export-only-table[b-ky8qn88tuo] {
    display: none;
}

@media (max-width: 1100px) {
    .missing-filter[b-ky8qn88tuo],
    .missing-table-grid[b-ky8qn88tuo],
    .missing-kpi-grid[b-ky8qn88tuo] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/DashBoard.Shared/MissingHomework/MissingHomeworkDashboard.razor.rz.scp.css */
.missing-attendance-page[b-c5cxfc48z8] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.missing-state[b-c5cxfc48z8],
.missing-filter[b-c5cxfc48z8],
.missing-panel[b-c5cxfc48z8],
.missing-kpi[b-c5cxfc48z8] {
    background: #fff;
    border: 1px solid #bfd0e8;
    border-radius: 6px;
    box-shadow: 0 10px 22px rgba(15, 40, 80, 0.05);
}

.missing-state[b-c5cxfc48z8] {
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.missing-state.error[b-c5cxfc48z8] {
    border-color: #fecaca;
    color: #991b1b;
}

.missing-state button[b-c5cxfc48z8] {
    width: fit-content;
    border: 1px solid #b7c8e6;
    background: #fff;
    border-radius: 6px;
    padding: 8px 14px;
    font-weight: 700;
}

.missing-filter[b-c5cxfc48z8] {
    padding: 14px 16px;
    display: grid;
    grid-template-columns: minmax(360px, 1fr) minmax(420px, 0.9fr);
    gap: 14px 24px;
    align-items: end;
}

.missing-time-row[b-c5cxfc48z8] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.missing-time-row button[b-c5cxfc48z8] {
    min-width: 104px;
    height: 42px;
    border: 1px solid #b7c8e6;
    background: #fff;
    color: #001947;
    border-radius: 5px;
    font-weight: 600;
}

.missing-time-row button.active[b-c5cxfc48z8] {
    background: #1f2329;
    border-color: #1f2329;
    color: #fff;
}

.missing-time-row .period-picker[b-c5cxfc48z8] {
    height: 42px;
    min-width: 150px;
    border: 1px solid #b7c8e6;
    border-radius: 5px;
    background: #f8fbff;
    color: #001947;
    padding: 0 12px;
    font-weight: 600;
}

.missing-time-row .year-picker[b-c5cxfc48z8] {
    width: 120px;
    min-width: 120px;
}

.missing-select-row[b-c5cxfc48z8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    gap: 14px;
}

.missing-select-row label[b-c5cxfc48z8] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #001947;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}

.missing-select-row select[b-c5cxfc48z8] {
    height: 42px;
    border: 1px solid #b7c8e6;
    border-radius: 5px;
    background: #f8fbff;
    color: #001947;
    padding: 0 12px;
    font-weight: 600;
}

.missing-kpi-grid[b-c5cxfc48z8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.missing-kpi[b-c5cxfc48z8] {
    min-height: 90px;
    padding: 18px 20px;
    border-left: 5px solid #2563eb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.missing-kpi.primary[b-c5cxfc48z8] {
    background: linear-gradient(135deg, #0f766e, #2563eb);
    border-left-color: #059669;
    color: #fff;
}

.missing-kpi span[b-c5cxfc48z8] {
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 600;
}

.missing-kpi strong[b-c5cxfc48z8] {
    font-size: clamp(1.45rem, 1.9vw, 1.9rem);
    line-height: 1;
}

.missing-table-grid[b-c5cxfc48z8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.missing-table-grid.single[b-c5cxfc48z8] {
    grid-template-columns: 1fr;
}

.missing-panel[b-c5cxfc48z8] {
    overflow: hidden;
}

.missing-panel.detail[b-c5cxfc48z8] {
    margin-top: 2px;
}

.missing-panel header[b-c5cxfc48z8] {
    min-height: 54px;
    padding: 0 18px;
    border-bottom: 1px solid #cbd9ee;
    background: #fbfdff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.missing-panel h2[b-c5cxfc48z8] {
    margin: 0;
    font-size: 18px;
    color: #001947;
}

.table-scroll[b-c5cxfc48z8] {
    overflow: auto;
}

.missing-panel table[b-c5cxfc48z8] {
    width: 100%;
    border-collapse: collapse;
    min-width: 620px;
}

.missing-panel th[b-c5cxfc48z8],
.missing-panel td[b-c5cxfc48z8] {
    padding: 14px 16px;
    border-bottom: 1px solid #d8e2f1;
    color: #001947;
    text-align: left;
    white-space: nowrap;
}

.missing-panel th[b-c5cxfc48z8] {
    background: #eaf2ff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

.missing-panel td[b-c5cxfc48z8] {
    font-weight: 500;
}

.missing-panel tbody tr:nth-child(odd)[b-c5cxfc48z8] {
    background: #fff8ef;
}

.missing-panel tbody tr:nth-child(even)[b-c5cxfc48z8] {
    background: #fff;
}

.missing-panel .clickable-row[b-c5cxfc48z8] {
    cursor: pointer;
}

.missing-panel .clickable-row:hover[b-c5cxfc48z8],
.missing-panel .clickable-row.selected[b-c5cxfc48z8] {
    background: #eaf3ff;
    outline: 2px solid #0f766e;
    outline-offset: -2px;
}

.missing-panel .empty-row[b-c5cxfc48z8] {
    text-align: center;
    color: #5b6b83;
    font-weight: 700;
}

.export-only-table[b-c5cxfc48z8] {
    display: none;
}

@media (max-width: 1100px) {
    .missing-filter[b-c5cxfc48z8],
    .missing-table-grid[b-c5cxfc48z8],
    .missing-kpi-grid[b-c5cxfc48z8] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/DashBoard.Shared/Payable/PayableScopePieChart.razor.rz.scp.css */
.payable-panel[b-p5k7nj92zi] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.payable-panel header[b-p5k7nj92zi] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.payable-panel header[b-p5k7nj92zi]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #ea580c;
}

.payable-panel h2[b-p5k7nj92zi] {
    margin: 0;
    color: #071a3d;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.2;
}

.payable-pie-layout[b-p5k7nj92zi] {
    min-height: 310px;
    display: grid;
    grid-template-columns: 270px 1fr;
    align-items: center;
    gap: 24px;
    padding: 22px;
}

.payable-pie-wrap[b-p5k7nj92zi] {
    position: relative;
    width: min(270px, 100%);
    aspect-ratio: 1;
}

.payable-pie[b-p5k7nj92zi] {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}

.pie-slice-label[b-p5k7nj92zi] {
    position: absolute;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 3px rgba(15, 23, 42, 0.55);
    pointer-events: none;
}

.payable-pie-legend[b-p5k7nj92zi] {
    display: grid;
    gap: 8px;
}

.pie-legend-row[b-p5k7nj92zi] {
    min-height: 38px;
    display: grid;
    grid-template-columns: 14px 1fr 64px 112px;
    align-items: center;
    gap: 10px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #06142b;
    text-align: left;
    font-weight: 700;
}

.pie-legend-row:hover[b-p5k7nj92zi] {
    background: transparent;
}

.pie-legend-row.active[b-p5k7nj92zi] {
    background: transparent;
}

.pie-legend-row span[b-p5k7nj92zi] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.pie-legend-row em[b-p5k7nj92zi] {
    color: #334155;
    font-style: normal;
    text-align: right;
}

.pie-legend-row .legend-percent[b-p5k7nj92zi] {
    font-weight: 700;
}

.pie-legend-row .legend-value[b-p5k7nj92zi] {
    color: #06142b;
}

@media (max-width: 760px) {
    .payable-pie-layout[b-p5k7nj92zi] {
        grid-template-columns: 1fr;
    }

    .payable-pie-wrap[b-p5k7nj92zi] {
        justify-self: center;
    }

    .pie-legend-row[b-p5k7nj92zi] {
        grid-template-columns: 14px 1fr 54px 94px;
    }
}
/* /Components/Pages/DashBoard.Shared/Revenue/Charts/RevenueLineChart.razor.rz.scp.css */
.trend-panel[b-uiaylcf46m] {
    min-height: 420px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 10px;
    padding: 22px;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    position: relative;
}

.trend-panel header[b-uiaylcf46m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.trend-panel h2[b-uiaylcf46m] {
    margin: 0;
    color: #0e1a2f;
    font-size: 1.18rem;
    font-weight: 700;
}

.trend-legend[b-uiaylcf46m] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    color: #0f172a;
    font-size: 0.82rem;
    font-weight: 600;
}

.trend-legend span[b-uiaylcf46m]::before {
    content: "";
    width: 16px;
    height: 3px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    border-radius: 999px;
    background: #ea580c;
}

.trend-plot[b-uiaylcf46m] {
    position: relative;
    min-width: 0;
    min-height: 292px;
    overflow: hidden;
}

.trend-chart[b-uiaylcf46m] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: block;
}

.axis[b-uiaylcf46m] {
    stroke: #aebed2;
    stroke-width: 1.2;
}

.trend-y-axis[b-uiaylcf46m] {
    position: absolute;
    inset: 0 auto 0 0;
    width: 118px;
    pointer-events: none;
}

.trend-y-axis span[b-uiaylcf46m] {
    position: absolute;
    left: 0;
    transform: translateY(-50%);
    color: #64748b;
    font-size: 0.66rem;
    font-weight: 500;
}

.grid-line[b-uiaylcf46m] {
    stroke: #eef3fb;
    stroke-width: 1;
}

.line[b-uiaylcf46m] {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.total-line[b-uiaylcf46m] {
    stroke: #ea580c;
    stroke-width: 3.6;
}

.total-area[b-uiaylcf46m] {
    fill: rgba(234, 88, 12, 0.13);
    stroke: none;
    pointer-events: none;
}

.trend-hotspot[b-uiaylcf46m] {
    fill: transparent;
    cursor: crosshair;
    pointer-events: all;
}

.data-dot[b-uiaylcf46m] {
    stroke: #ffffff;
    stroke-width: 2;
    pointer-events: none;
}

.total-dot[b-uiaylcf46m] {
    fill: #ea580c;
}

.data-dot.active[b-uiaylcf46m] {
    r: 6;
}

.trend-tooltip[b-uiaylcf46m] {
    position: absolute;
    min-width: 164px;
    display: grid;
    gap: 4px;
    padding: 10px 12px;
    border-radius: 8px;
    background: #213145;
    color: #ffffff;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.22);
    transform: translate(-50%, calc(-100% - 10px));
    pointer-events: none;
    z-index: 3;
    font-size: 0.78rem;
}

.trend-tooltip strong[b-uiaylcf46m] {
    color: #72ffd0;
    font-weight: 700;
}

.trend-tooltip span[b-uiaylcf46m] {
    font-weight: 600;
    white-space: nowrap;
}

.trend-labels[b-uiaylcf46m] {
    display: grid;
    grid-template-columns: repeat(var(--trend-count), minmax(0, 1fr));
    gap: 4px;
    padding-left: 122px;
    color: #374151;
    font-size: 0.72rem;
    font-weight: 500;
    text-align: center;
}

@media (max-width: 720px) {
    .trend-panel[b-uiaylcf46m] {
        min-height: 330px;
        gap: 8px;
        padding: 16px;
    }

    .trend-panel header[b-uiaylcf46m] {
        align-items: flex-start;
        flex-direction: column;
    }

    .trend-panel h2[b-uiaylcf46m] {
        font-size: 1rem;
    }

    .trend-chart[b-uiaylcf46m] {
        min-height: 0;
    }

    .trend-plot[b-uiaylcf46m] {
        min-height: 230px;
    }

    .trend-y-axis[b-uiaylcf46m] {
        width: 92px;
    }

    .trend-y-axis span[b-uiaylcf46m] {
        max-width: 86px;
        overflow: hidden;
        font-size: 0.58rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .trend-y-axis .tick-1[b-uiaylcf46m],
    .trend-y-axis .tick-2[b-uiaylcf46m],
    .trend-y-axis .tick-3[b-uiaylcf46m] {
        display: none;
    }

    .trend-labels[b-uiaylcf46m] {
        overflow-x: auto;
        padding-left: 92px;
        font-size: 0.62rem;
    }
}

@media (max-width: 520px) {
    .trend-panel[b-uiaylcf46m] {
        min-height: 300px;
        padding: 14px;
    }

    .trend-chart[b-uiaylcf46m] {
        min-height: 0;
    }

    .trend-plot[b-uiaylcf46m] {
        min-height: 205px;
    }

    .trend-y-axis[b-uiaylcf46m] {
        width: 76px;
    }

    .trend-y-axis span[b-uiaylcf46m] {
        max-width: 70px;
        font-size: 0.54rem;
    }

    .trend-labels[b-uiaylcf46m] {
        padding-left: 76px;
    }
}
/* /Components/Pages/DashBoard.Shared/Revenue/Charts/RevenueScopePieChart.razor.rz.scp.css */
.revenue-panel[b-2f03yace1k] {
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
}

.region-panel[b-2f03yace1k] {
    display: grid;
    gap: 18px;
    padding: 22px;
    min-height: 420px;
}

.region-panel header[b-2f03yace1k] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.region-panel h2[b-2f03yace1k] {
    margin: 0;
    color: #0e1a2f;
    font-size: 1.18rem;
    font-weight: 700;
}

.region-panel header span[b-2f03yace1k] {
    color: #0b5f48;
    font-weight: 700;
}

.region-chart-layout[b-2f03yace1k] {
    display: grid;
    grid-template-columns: minmax(220px, 0.92fr) minmax(220px, 1fr);
    gap: 18px;
    align-items: center;
}

.region-pie-wrap[b-2f03yace1k] {
    width: min(280px, 100%);
    aspect-ratio: 1;
    justify-self: center;
    position: relative;
}

.region-pie-chart[b-2f03yace1k] {
    width: min(280px, 100%);
    aspect-ratio: 1;
    overflow: visible;
}

.pie-slice[b-2f03yace1k] {
    cursor: pointer;
    stroke: #ffffff;
    stroke-width: 2;
    transition: filter 0.16s ease, transform 0.16s ease;
    transform-origin: center;
}

.pie-slice:hover[b-2f03yace1k] {
    filter: drop-shadow(0 8px 12px rgba(15, 23, 42, 0.2));
}

.pie-label[b-2f03yace1k] {
    position: absolute;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    pointer-events: none;
}

.pie-label-layer[b-2f03yace1k] {
    position: absolute;
    inset: 0;
}

.empty-pie[b-2f03yace1k] {
    fill: #e5edf7;
}

.region-legend[b-2f03yace1k] {
    display: grid;
    gap: 9px;
}

.legend-row[b-2f03yace1k] {
    min-height: 42px;
    display: grid;
    grid-template-columns: 18px minmax(90px, 1fr) 64px auto;
    align-items: center;
    gap: 10px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    padding: 8px 10px;
    text-align: left;
}

.legend-row:hover[b-2f03yace1k] {
    background: transparent;
}

.legend-dot[b-2f03yace1k] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.legend-row strong[b-2f03yace1k],
.legend-percent[b-2f03yace1k],
.legend-row em[b-2f03yace1k] {
    color: #111827;
    font-style: normal;
    font-weight: 600;
}

.legend-percent[b-2f03yace1k] {
    justify-self: end;
    font-weight: 700;
}

.legend-row em[b-2f03yace1k] {
    justify-self: end;
}

@media (max-width: 1180px) {
    .region-chart-layout[b-2f03yace1k] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/DashBoard.Shared/SessionManagement/SessionManagementDashboard.razor.rz.scp.css */
.session-management-page[b-uasl3chszb] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.session-management-placeholder[b-uasl3chszb],
.session-management-state[b-uasl3chszb],
.session-management-panel[b-uasl3chszb],
.session-management-kpi[b-uasl3chszb] {
    background: #fff;
    border: 1px solid #d6e2f3;
    border-radius: 6px;
    box-shadow: 0 10px 22px rgba(15, 40, 80, 0.05);
}

.session-management-placeholder[b-uasl3chszb] {
    min-height: 240px;
    padding: 28px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
}

.session-management-placeholder span[b-uasl3chszb] {
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.session-management-placeholder h1[b-uasl3chszb] {
    margin: 0;
    color: #001947;
    font-size: clamp(1.6rem, 2.2vw, 2.15rem);
    line-height: 1.2;
}

.session-management-placeholder strong[b-uasl3chszb] {
    width: fit-content;
    border: 1px solid #b7c8e6;
    border-radius: 5px;
    background: #f8fbff;
    color: #475569;
    padding: 8px 12px;
    font-size: 0.95rem;
}

.session-management-state[b-uasl3chszb] {
    min-height: 120px;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.session-management-state.error[b-uasl3chszb] {
    border-color: #fecaca;
    color: #991b1b;
}

.session-management-state button[b-uasl3chszb] {
    width: fit-content;
    border: 1px solid #b7c8e6;
    background: #fff;
    border-radius: 6px;
    padding: 8px 14px;
    font-weight: 700;
}

.session-management-tabs[b-uasl3chszb] {
    display: flex;
    align-items: center;
    gap: 24px;
    border-bottom: 1px solid #dce7f5;
}

.session-management-tabs button[b-uasl3chszb] {
    min-height: 44px;
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: #334155;
    padding: 0 2px 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 800;
    cursor: pointer;
}

.session-management-tabs button.active[b-uasl3chszb] {
    border-bottom-color: #2563eb;
    color: #2563eb;
}

.session-management-kpi-grid[b-uasl3chszb] {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 12px;
}

.session-management-kpi[b-uasl3chszb] {
    min-height: 112px;
    padding: 16px 14px;
    display: flex;
    align-items: center;
}

.kpi-body[b-uasl3chszb] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.kpi-label[b-uasl3chszb] {
    color: #001947;
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.25;
}

.session-management-kpi strong[b-uasl3chszb] {
    color: #001947;
    font-size: clamp(1.3rem, 1.75vw, 1.75rem);
    line-height: 1;
}

.kpi-delta[b-uasl3chszb] {
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 700;
}

.kpi-delta.up[b-uasl3chszb] {
    color: #059669;
}

.kpi-delta.down[b-uasl3chszb] {
    color: #dc2626;
}

.kpi-delta.neutral[b-uasl3chszb] {
    color: #64748b;
}

.session-management-grid[b-uasl3chszb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.session-management-region-center-grid[b-uasl3chszb] {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
}

.session-management-efficiency-session-grid[b-uasl3chszb] {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    align-items: stretch;
}

.session-management-efficiency-session-grid > .session-management-panel[b-uasl3chszb] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.session-management-efficiency-session-grid .today-session-table[b-uasl3chszb] {
    flex: 1;
}

.branch-session-overview-grid[b-uasl3chszb] {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: 16px;
    align-items: stretch;
}

.branch-session-overview-stack[b-uasl3chszb] {
    display: grid;
    gap: 16px;
    align-content: start;
}

.branch-session-overview-grid > .session-management-panel[b-uasl3chszb] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.branch-session-overview-grid > .session-management-panel .today-session-table[b-uasl3chszb] {
    flex: 1;
}

.session-management-panel[b-uasl3chszb] {
    overflow: hidden;
}

.session-management-panel header[b-uasl3chszb] {
    min-height: 54px;
    padding: 14px 18px;
    border-bottom: 1px solid #dbe5f3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.session-management-panel h2[b-uasl3chszb] {
    margin: 0;
    color: #001947;
    font-size: 1.1rem;
    line-height: 1.25;
    display: flex;
    align-items: center;
    gap: 8px;
}

.panel-link[b-uasl3chszb] {
    border: 0;
    background: transparent;
    color: #2563eb;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
}

.session-management-table-scroll[b-uasl3chszb] {
    overflow-x: auto;
}

.session-management-table-scroll table[b-uasl3chszb] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    table-layout: fixed;
}

.session-management-table-scroll.compact table[b-uasl3chszb] {
    min-width: 0;
}

.session-management-table-scroll.session-table table[b-uasl3chszb] {
    min-width: 860px;
}

.session-management-table-scroll.today-session-table table[b-uasl3chszb] {
    min-width: 0;
    table-layout: fixed;
}

.session-management-table-scroll.today-session-table[b-uasl3chszb] {
    overflow-x: hidden;
}

.session-management-table-scroll.room-table table[b-uasl3chszb] {
    min-width: 0;
}

.session-management-table-scroll.room-table[b-uasl3chszb] {
    overflow-x: hidden;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.session-management-table-scroll th[b-uasl3chszb],
.session-management-table-scroll td[b-uasl3chszb] {
    padding: 12px 10px;
    border-bottom: 1px solid #e1e8f2;
    color: #001947;
    text-align: left;
    vertical-align: middle;
    overflow-wrap: anywhere;
}

.session-management-table-scroll th[b-uasl3chszb] {
    background: #f4f7fb;
    color: #526783;
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1.25;
}

.session-management-table-scroll td[b-uasl3chszb] {
    font-size: 0.95rem;
}

.session-management-table-scroll th:nth-child(1)[b-uasl3chszb],
.session-management-table-scroll td:nth-child(1)[b-uasl3chszb] {
    width: 54px;
}

.session-management-table-scroll.compact th:nth-child(2)[b-uasl3chszb],
.session-management-table-scroll.compact td:nth-child(2)[b-uasl3chszb] {
    width: 104px;
}

.session-management-table-scroll.center-table[b-uasl3chszb] {
    overflow-x: hidden;
}

.session-management-table-scroll.center-table table[b-uasl3chszb] {
    min-width: 0;
}

.session-management-table-scroll.center-table th:nth-child(2)[b-uasl3chszb],
.session-management-table-scroll.center-table td:nth-child(2)[b-uasl3chszb] {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: normal;
}

.session-management-table-scroll th:nth-child(n+3)[b-uasl3chszb],
.session-management-table-scroll td:nth-child(n+3)[b-uasl3chszb] {
    text-align: center;
}

.today-session-table th:nth-child(1)[b-uasl3chszb],
.today-session-table td:nth-child(1)[b-uasl3chszb] {
    width: 92px;
    white-space: nowrap;
    overflow-wrap: normal;
}

.today-session-table th:nth-child(2)[b-uasl3chszb],
.today-session-table td:nth-child(2)[b-uasl3chszb] {
    width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: normal;
}

.today-session-table th:nth-child(3)[b-uasl3chszb],
.today-session-table td:nth-child(3)[b-uasl3chszb] {
    width: 168px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: normal;
}

.today-session-table th:nth-child(4)[b-uasl3chszb],
.today-session-table td:nth-child(4)[b-uasl3chszb] {
    width: 96px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: normal;
}

.today-session-table th:nth-child(5)[b-uasl3chszb],
.today-session-table td:nth-child(5)[b-uasl3chszb],
.today-session-table th:nth-child(6)[b-uasl3chszb],
.today-session-table td:nth-child(6)[b-uasl3chszb],
.today-session-table th:nth-child(7)[b-uasl3chszb],
.today-session-table td:nth-child(7)[b-uasl3chszb] {
    width: 96px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: normal;
    text-align: center;
}

.today-session-table th:nth-child(3)[b-uasl3chszb],
.today-session-table td:nth-child(3)[b-uasl3chszb] {
    width: 24%;
}

.today-session-table th:nth-child(4)[b-uasl3chszb],
.today-session-table td:nth-child(4)[b-uasl3chszb] {
    width: 120px;
}

.today-session-table th:nth-child(5)[b-uasl3chszb],
.today-session-table td:nth-child(5)[b-uasl3chszb] {
    width: 24%;
}

.today-session-table th:nth-child(6)[b-uasl3chszb],
.today-session-table td:nth-child(6)[b-uasl3chszb] {
    width: 118px;
}

.today-session-table th:nth-child(1)[b-uasl3chszb],
.today-session-table td:nth-child(1)[b-uasl3chszb] {
    width: 96px;
}

.today-session-table th:nth-child(2)[b-uasl3chszb],
.today-session-table td:nth-child(2)[b-uasl3chszb] {
    width: 92px;
}

.today-session-table th:nth-child(3)[b-uasl3chszb],
.today-session-table td:nth-child(3)[b-uasl3chszb] {
    width: 22%;
}

.today-session-table th:nth-child(4)[b-uasl3chszb],
.today-session-table td:nth-child(4)[b-uasl3chszb] {
    width: 96px;
}

.today-session-table th:nth-child(5)[b-uasl3chszb],
.today-session-table td:nth-child(5)[b-uasl3chszb],
.today-session-table th:nth-child(6)[b-uasl3chszb],
.today-session-table td:nth-child(6)[b-uasl3chszb] {
    width: 92px;
}

.today-session-table th:nth-child(7)[b-uasl3chszb],
.today-session-table td:nth-child(7)[b-uasl3chszb] {
    width: 20%;
}

.today-session-table th:nth-child(8)[b-uasl3chszb],
.today-session-table td:nth-child(8)[b-uasl3chszb] {
    width: 112px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: normal;
    text-align: center;
}

.session-management-table-scroll tbody tr:nth-child(even)[b-uasl3chszb] {
    background: #fbfdff;
}

.session-management-table-scroll tbody tr.clickable-row[b-uasl3chszb] {
    cursor: pointer;
}

.session-management-table-scroll tbody tr.clickable-row:hover[b-uasl3chszb],
.session-management-table-scroll tbody tr.clickable-row.selected[b-uasl3chszb] {
    background: #eef8f5;
}

.session-management-table-scroll .empty-row[b-uasl3chszb] {
    text-align: center;
    color: #64748b;
    font-weight: 700;
}

.status-pill[b-uasl3chszb],
.detail-pill[b-uasl3chszb] {
    min-width: 70px;
    border-radius: 5px;
    padding: 5px 8px;
    display: inline-flex;
    justify-content: center;
    font-size: 0.82rem;
    font-weight: 800;
}

.status-pill.ongoing[b-uasl3chszb] {
    background: #dcfce7;
    color: #15803d;
}

.status-pill.done[b-uasl3chszb] {
    background: #f1f5f9;
    color: #64748b;
}

.status-pill.today[b-uasl3chszb] {
    background: #eaf2ff;
    color: #2563eb;
}

.status-pill.soon[b-uasl3chszb] {
    background: #fff7ed;
    color: #ea580c;
}

.status-pill.other[b-uasl3chszb] {
    background: #f1f5f9;
    color: #475569;
}

.detail-pill[b-uasl3chszb] {
    border: 1px solid #93c5fd;
    background: #fff;
    color: #2563eb;
}

.session-list-tab[b-uasl3chszb] {
    display: grid;
    gap: 14px;
}

.session-alert[b-uasl3chszb] {
    border: 1px solid #fecaca;
    border-radius: 6px;
    background: #fff5f5;
    color: #7f1d1d;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.session-alert strong[b-uasl3chszb] {
    color: #dc2626;
    font-size: 1rem;
}

.session-alert span[b-uasl3chszb] {
    color: #475569;
    font-weight: 700;
}

.session-status-grid[b-uasl3chszb] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.session-summary-grid[b-uasl3chszb] {
    grid-template-columns: repeat(6, minmax(150px, 1fr));
    justify-content: start;
}

.session-status-card[b-uasl3chszb] {
    min-height: 112px;
    border: 1px solid #d6e2f3;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 10px 22px rgba(15, 40, 80, 0.05);
    padding: 18px 20px;
    display: grid;
    align-content: center;
    gap: 6px;
    border-left: 5px solid #2563eb;
}

.session-status-card.success[b-uasl3chszb] {
    border-left-color: #10b981;
}

.session-status-card.soon[b-uasl3chszb] {
    border-left-color: #8b5cf6;
}

.session-status-card.done[b-uasl3chszb] {
    border-left-color: #64748b;
}

.session-status-card.warning[b-uasl3chszb] {
    border-left-color: #f59e0b;
}

.session-status-card.danger[b-uasl3chszb] {
    border-left-color: #ef4444;
}

.session-status-card span[b-uasl3chszb] {
    color: #001947;
    font-size: 0.92rem;
    font-weight: 900;
}

.session-status-card strong[b-uasl3chszb] {
    color: #001947;
    font-size: 1.8rem;
    line-height: 1;
}

.session-list-header[b-uasl3chszb] {
    align-items: center;
}

.session-list-actions[b-uasl3chszb] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.session-status-filter[b-uasl3chszb] {
    width: 190px;
    height: 38px;
    border: 1px solid #cbd9ee;
    border-radius: 6px;
    background: #fff;
    color: #001947;
    padding: 0 10px;
    font: inherit;
    font-weight: 700;
}

.session-search[b-uasl3chszb] {
    min-width: 310px;
    height: 38px;
    border: 1px solid #cbd9ee;
    border-radius: 6px;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
}

.session-search span[b-uasl3chszb] {
    color: #526783;
    font-weight: 900;
}

.session-search input[b-uasl3chszb] {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    color: #001947;
    font: inherit;
}

.room-search[b-uasl3chszb] {
    width: min(420px, 100%);
    min-width: 0;
}

.session-list-table table[b-uasl3chszb] {
    min-width: 1120px;
}

.session-list-table th:nth-child(1)[b-uasl3chszb],
.session-list-table td:nth-child(1)[b-uasl3chszb] {
    width: 56px;
}

.session-list-table th:nth-child(2)[b-uasl3chszb],
.session-list-table td:nth-child(2)[b-uasl3chszb] {
    width: 110px;
}

.session-list-table th:nth-child(3)[b-uasl3chszb],
.session-list-table td:nth-child(3)[b-uasl3chszb] {
    width: 120px;
}

.session-list-table th:nth-child(5)[b-uasl3chszb],
.session-list-table td:nth-child(5)[b-uasl3chszb] {
    width: 170px;
}

.session-class-name[b-uasl3chszb] {
    color: #2563eb;
}

.room-list-table[b-uasl3chszb] {
    overflow-x: hidden;
}

.room-list-table table[b-uasl3chszb] {
    min-width: 0;
}

.room-list-table th:nth-child(1)[b-uasl3chszb],
.room-list-table td:nth-child(1)[b-uasl3chszb] {
    width: 54px;
}

.room-list-table th:nth-child(2)[b-uasl3chszb],
.room-list-table td:nth-child(2)[b-uasl3chszb] {
    width: 16%;
    overflow-wrap: normal;
    word-break: normal;
}

.room-list-table th:nth-child(3)[b-uasl3chszb],
.room-list-table td:nth-child(3)[b-uasl3chszb] {
    width: 20%;
    overflow-wrap: normal;
    word-break: normal;
}

.room-list-table th:nth-child(n+3)[b-uasl3chszb],
.room-list-table td:nth-child(n+3)[b-uasl3chszb] {
    text-align: center;
}

.room-list-table th:nth-child(3)[b-uasl3chszb],
.room-list-table td:nth-child(3)[b-uasl3chszb] {
    text-align: left;
}

.room-status[b-uasl3chszb] {
    border-radius: 5px;
    padding: 5px 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-size: 0.82rem;
    font-weight: 800;
}

.room-status.active[b-uasl3chszb] {
    background: #dcfce7;
    color: #047857;
}

.room-status.near-full[b-uasl3chszb] {
    background: #fff7ed;
    color: #c2410c;
}

.room-status.full[b-uasl3chszb] {
    background: #fee2e2;
    color: #dc2626;
}

.room-status.idle[b-uasl3chszb] {
    background: #eff6ff;
    color: #2563eb;
}

.room-dashboard-grid[b-uasl3chszb] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(360px, 0.75fr);
    gap: 16px;
    align-items: start;
}

.room-insight-stack[b-uasl3chszb] {
    display: grid;
    gap: 14px;
}

.room-insight-panel header[b-uasl3chszb] {
    min-height: 46px;
    padding: 12px 14px;
}

.room-insight-panel h2[b-uasl3chszb] {
    font-size: 1rem;
}

.room-insight-panel h2 span[b-uasl3chszb] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
}

.room-weekday-grid[b-uasl3chszb] {
    padding: 12px 14px 14px;
    display: grid;
    grid-template-columns: 84px repeat(7, minmax(42px, 1fr));
    gap: 2px;
    align-items: stretch;
    font-size: 0.82rem;
}

.room-weekday-grid strong[b-uasl3chszb],
.room-weekday-grid span[b-uasl3chszb],
.room-weekday-grid b[b-uasl3chszb] {
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #001947;
    font-style: normal;
}

.room-weekday-grid span[b-uasl3chszb] {
    justify-content: flex-start;
    color: #526783;
    font-weight: 800;
}

.room-weekday-grid b[b-uasl3chszb] {
    font-weight: 800;
}

.room-weekday-grid b.high[b-uasl3chszb] {
    background: #fef3c7;
}

.room-weekday-grid b.medium[b-uasl3chszb] {
    background: #dcfce7;
}

.room-weekday-grid b.low[b-uasl3chszb] {
    background: #eff6ff;
}

.room-weekday-grid b.delta.up[b-uasl3chszb] {
    color: #059669;
}

.room-weekday-grid b.delta.down[b-uasl3chszb] {
    color: #dc2626;
}

.room-weekday-grid b.delta.flat[b-uasl3chszb] {
    color: #64748b;
}

.top-room-list[b-uasl3chszb] {
    padding: 12px 14px 14px;
    display: grid;
    gap: 10px;
}

.top-room-row[b-uasl3chszb] {
    display: grid;
    grid-template-columns: 24px minmax(120px, 1fr) minmax(90px, 0.7fr) 42px 48px;
    gap: 10px;
    align-items: center;
    color: #001947;
    font-size: 0.88rem;
}

.top-room-row span[b-uasl3chszb],
.top-room-row em[b-uasl3chszb],
.top-room-row small[b-uasl3chszb] {
    font-style: normal;
    font-weight: 800;
}

.top-room-row strong[b-uasl3chszb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.top-room-row i[b-uasl3chszb] {
    height: 5px;
    border-radius: 999px;
    background: #e5edf7;
    overflow: hidden;
}

.top-room-row i b[b-uasl3chszb] {
    height: 100%;
    display: block;
    border-radius: inherit;
    background: #10b981;
}

.room-slot-grid[b-uasl3chszb] {
    padding: 12px 14px 10px;
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 6px;
}

.room-slot-grid div[b-uasl3chszb] {
    min-height: 54px;
    border-radius: 5px;
    display: grid;
    place-items: center;
    gap: 4px;
}

.room-slot-grid span[b-uasl3chszb] {
    color: #526783;
    font-size: 0.78rem;
    font-weight: 800;
}

.room-slot-grid strong[b-uasl3chszb] {
    color: #001947;
    font-size: 1rem;
}

.slot-many[b-uasl3chszb] {
    background: #dcfce7;
}

.slot-medium[b-uasl3chszb] {
    background: #fef3c7;
}

.slot-low[b-uasl3chszb] {
    background: #fed7aa;
}

.slot-empty[b-uasl3chszb] {
    background: #fee2e2;
}

.room-slot-legend[b-uasl3chszb] {
    padding: 0 14px 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
}

.room-slot-legend span[b-uasl3chszb] {
    color: #526783;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
    font-weight: 700;
}

.room-slot-legend i[b-uasl3chszb] {
    width: 7px;
    height: 7px;
    border-radius: 999px;
}

.room-slot-legend .many[b-uasl3chszb] {
    background: #22c55e;
}

.room-slot-legend .medium[b-uasl3chszb] {
    background: #f59e0b;
}

.room-slot-legend .low[b-uasl3chszb] {
    background: #fb923c;
}

.room-slot-legend .empty[b-uasl3chszb] {
    background: #ef4444;
}

.room-efficiency-layout[b-uasl3chszb] {
    padding: 18px;
    display: grid;
    grid-template-columns: minmax(132px, 0.72fr) minmax(0, 1.28fr);
    gap: 18px;
    align-items: center;
}

.room-donut-wrap[b-uasl3chszb] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.room-donut[b-uasl3chszb] {
    position: relative;
    width: min(100%, 160px);
    aspect-ratio: 1;
    border-radius: 999px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.room-donut[b-uasl3chszb]::after {
    content: "";
    position: absolute;
    inset: 22px;
    border-radius: 999px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e5edf7;
}

.room-donut span[b-uasl3chszb],
.room-donut small[b-uasl3chszb] {
    position: relative;
    z-index: 1;
}

.room-donut span[b-uasl3chszb] {
    color: #001947;
    font-size: 1.35rem;
    font-weight: 900;
}

.room-donut small[b-uasl3chszb] {
    width: 92px;
    color: #526783;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.25;
}

.room-table th[b-uasl3chszb],
.room-table td[b-uasl3chszb] {
    border-bottom: 0;
    background: transparent;
    padding: 11px 8px;
}

.room-table thead[b-uasl3chszb],
.room-table tbody[b-uasl3chszb],
.room-table tr[b-uasl3chszb],
.room-table th[b-uasl3chszb] {
    background: transparent;
}

.room-table th:nth-child(1)[b-uasl3chszb],
.room-table td:nth-child(1)[b-uasl3chszb] {
    width: 34%;
    overflow-wrap: normal;
    word-break: normal;
}

.room-table th:nth-child(2)[b-uasl3chszb],
.room-table td:nth-child(2)[b-uasl3chszb],
.room-table th:nth-child(3)[b-uasl3chszb],
.room-table td:nth-child(3)[b-uasl3chszb] {
    width: 18%;
}

.room-table th:nth-child(4)[b-uasl3chszb],
.room-table td:nth-child(4)[b-uasl3chszb] {
    width: 30%;
}

@media (max-width: 1500px) {
    .session-management-kpi-grid[b-uasl3chszb] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1180px) {
    .session-management-grid[b-uasl3chszb],
    .branch-session-overview-grid[b-uasl3chszb],
    .room-efficiency-layout[b-uasl3chszb],
    .room-dashboard-grid[b-uasl3chszb] {
        grid-template-columns: 1fr;
    }

    .session-status-grid[b-uasl3chszb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .session-summary-grid[b-uasl3chszb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .session-management-tabs[b-uasl3chszb] {
        gap: 14px;
        overflow-x: auto;
    }

    .session-management-kpi-grid[b-uasl3chszb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .session-management-kpi[b-uasl3chszb] {
        padding: 12px;
    }

    .session-status-grid[b-uasl3chszb] {
        grid-template-columns: 1fr;
    }

    .session-summary-grid[b-uasl3chszb] {
        grid-template-columns: 1fr;
    }

    .session-alert[b-uasl3chszb],
    .session-list-header[b-uasl3chszb],
    .session-list-actions[b-uasl3chszb] {
        align-items: stretch;
        flex-direction: column;
    }

    .session-search[b-uasl3chszb] {
        min-width: 0;
        width: 100%;
    }

    .room-weekday-grid[b-uasl3chszb] {
        grid-template-columns: 72px repeat(7, minmax(38px, 1fr));
        overflow-x: auto;
    }

    .room-slot-grid[b-uasl3chszb] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .session-management-panel header[b-uasl3chszb] {
        padding-inline: 14px;
    }

    .room-donut-wrap[b-uasl3chszb] {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .session-management-table-scroll th[b-uasl3chszb],
    .session-management-table-scroll td[b-uasl3chszb] {
        padding: 10px 8px;
        font-size: 0.82rem;
    }
}
/* /Components/Pages/DashBoard.Shared/StudentInBranch/Charts/StudentInBranchScopePieChart.razor.rz.scp.css */
.student-panel[b-wglrhh8qz8] {
    position: relative;
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-wglrhh8qz8] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-wglrhh8qz8]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #2563eb;
}

.student-panel h2[b-wglrhh8qz8] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 700;
}

.student-chart-summary[b-wglrhh8qz8] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    min-width: 220px;
    text-align: right;
}

.student-chart-summary span[b-wglrhh8qz8] {
    color: #526174;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
}

.student-chart-summary strong[b-wglrhh8qz8] {
    flex-shrink: 0;
    color: #0f3f91;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.student-pie-layout[b-wglrhh8qz8] {
    min-height: 300px;
    display: grid;
    grid-template-columns: minmax(170px, 0.6fr) minmax(260px, 1fr);
    align-items: center;
    gap: 18px;
    padding: 20px;
}

.student-pie-wrap[b-wglrhh8qz8] {
    position: relative;
    width: min(230px, 100%);
    justify-self: center;
    aspect-ratio: 1;
}

.student-pie[b-wglrhh8qz8] {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}

.pie-slice-label[b-wglrhh8qz8] {
    position: absolute;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 3px rgba(15, 23, 42, 0.55);
    pointer-events: none;
}

.student-pie-legend[b-wglrhh8qz8] {
    display: grid;
    gap: 8px;
}

.legend-row[b-wglrhh8qz8] {
    min-height: 38px;
    display: grid;
    grid-template-columns: 12px minmax(120px, 1fr) max-content max-content;
    align-items: center;
    gap: 10px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #06142b;
    text-align: left;
    font-weight: 500;
}

.legend-row:hover[b-wglrhh8qz8],
.legend-row.active[b-wglrhh8qz8] {
    background: transparent;
}

.legend-row.active[b-wglrhh8qz8] {
}

.dot[b-wglrhh8qz8] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.legend-row strong[b-wglrhh8qz8] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.legend-row em[b-wglrhh8qz8] {
    color: #334155;
    font-style: normal;
    text-align: right;
}

.legend-row .legend-percent[b-wglrhh8qz8] {
    font-weight: 700;
}

.legend-row .legend-value[b-wglrhh8qz8] {
    color: #06142b;
}

@media (max-width: 1040px) {
    .student-panel header[b-wglrhh8qz8] {
        flex-wrap: wrap;
    }

    .student-chart-summary[b-wglrhh8qz8] {
        justify-content: flex-start;
        min-width: 0;
        width: 100%;
        text-align: left;
    }

    .student-pie-layout[b-wglrhh8qz8] {
        grid-template-columns: 1fr;
    }

    .student-pie-wrap[b-wglrhh8qz8] {
        justify-self: center;
    }
}
/* /Components/Pages/DashBoard.Shared/StudentInModule/Charts/StudentActiveInModuleScopePieChart.razor.rz.scp.css */
.student-panel[b-bgk2yxb55q] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-bgk2yxb55q] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-bgk2yxb55q]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #2563eb;
}

.student-panel h2[b-bgk2yxb55q] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 700;
}

.student-pie-header[b-bgk2yxb55q] {
    display: flex;
    align-items: center;
    gap: 28px;
}

.student-active-total[b-bgk2yxb55q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    gap: 18px;
}

.student-active-total span[b-bgk2yxb55q] {
    color: #526174;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.student-active-total strong[b-bgk2yxb55q] {
    flex-shrink: 0;
    color: #0f3b82;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.student-pie-layout[b-bgk2yxb55q] {
    min-height: 300px;
    display: grid;
    grid-template-columns: minmax(170px, 0.6fr) minmax(260px, 1fr);
    align-items: center;
    gap: 18px;
    padding: 20px;
}

.student-pie-wrap[b-bgk2yxb55q] {
    position: relative;
    width: min(230px, 100%);
    justify-self: center;
    aspect-ratio: 1;
}

.student-pie[b-bgk2yxb55q] {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}

.pie-slice-label[b-bgk2yxb55q] {
    position: absolute;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 3px rgba(15, 23, 42, 0.55);
    pointer-events: none;
}

.student-pie-legend[b-bgk2yxb55q] {
    display: grid;
    gap: 8px;
}

.legend-header[b-bgk2yxb55q],
.legend-row[b-bgk2yxb55q] {
    display: grid;
    grid-template-columns: 12px minmax(120px, 1fr) max-content max-content;
    align-items: center;
    gap: 10px;
}

.legend-header[b-bgk2yxb55q] {
    color: #526174;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.legend-header span:first-child[b-bgk2yxb55q] {
    grid-column: 2;
}

.legend-row[b-bgk2yxb55q] {
    min-height: 38px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #06142b;
    text-align: left;
    font-weight: 500;
}

.legend-row:hover[b-bgk2yxb55q],
.legend-row.active[b-bgk2yxb55q] {
    background: transparent;
}

.legend-row.active[b-bgk2yxb55q] {
}

.dot[b-bgk2yxb55q] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.legend-row strong[b-bgk2yxb55q] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.legend-row em[b-bgk2yxb55q] {
    color: #334155;
    font-style: normal;
    text-align: right;
}

@media (max-width: 1040px) {
    .student-pie-layout[b-bgk2yxb55q] {
        grid-template-columns: 1fr;
    }

    .student-pie-wrap[b-bgk2yxb55q] {
        justify-self: center;
    }
}
/* /Components/Pages/DashBoard.Shared/StudentInModule/Charts/StudentDeferInModuleScopePieChart.razor.rz.scp.css */
.student-panel[b-wdxgq42i7z] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-wdxgq42i7z] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-wdxgq42i7z]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #2563eb;
}

.student-panel h2[b-wdxgq42i7z] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 700;
}

.student-pie-header[b-wdxgq42i7z] {
    display: flex;
    align-items: center;
    gap: 28px;
}

.student-active-total[b-wdxgq42i7z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    gap: 18px;
}

.student-active-total span[b-wdxgq42i7z] {
    color: #526174;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.student-active-total strong[b-wdxgq42i7z] {
    flex-shrink: 0;
    color: #0f3b82;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.student-pie-layout[b-wdxgq42i7z] {
    min-height: 300px;
    display: grid;
    grid-template-columns: minmax(170px, 0.6fr) minmax(260px, 1fr);
    align-items: center;
    gap: 18px;
    padding: 20px;
}

.student-pie-wrap[b-wdxgq42i7z] {
    position: relative;
    width: min(230px, 100%);
    justify-self: center;
    aspect-ratio: 1;
}

.student-pie[b-wdxgq42i7z] {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}

.pie-slice-label[b-wdxgq42i7z] {
    position: absolute;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 3px rgba(15, 23, 42, 0.55);
    pointer-events: none;
}

.student-pie-legend[b-wdxgq42i7z] {
    display: grid;
    gap: 8px;
}

.legend-header[b-wdxgq42i7z],
.legend-row[b-wdxgq42i7z] {
    display: grid;
    grid-template-columns: 12px minmax(120px, 1fr) max-content max-content;
    align-items: center;
    gap: 10px;
}

.legend-header[b-wdxgq42i7z] {
    color: #526174;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.legend-header span:first-child[b-wdxgq42i7z] {
    grid-column: 2;
}

.legend-row[b-wdxgq42i7z] {
    min-height: 38px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #06142b;
    text-align: left;
    font-weight: 500;
}

.legend-row:hover[b-wdxgq42i7z],
.legend-row.active[b-wdxgq42i7z] {
    background: transparent;
}

.legend-row.active[b-wdxgq42i7z] {
}

.dot[b-wdxgq42i7z] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.legend-row strong[b-wdxgq42i7z] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.legend-row em[b-wdxgq42i7z] {
    color: #334155;
    font-style: normal;
    text-align: right;
}

@media (max-width: 1040px) {
    .student-pie-layout[b-wdxgq42i7z] {
        grid-template-columns: 1fr;
    }

    .student-pie-wrap[b-wdxgq42i7z] {
        justify-self: center;
    }
}


/* /Components/Pages/DashBoard.Shared/StudentInModule/Charts/StudentPendingPaymentInModuleScopePieChart.razor.rz.scp.css */
.student-panel[b-o5jm5ff4xz] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-o5jm5ff4xz] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-o5jm5ff4xz]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #2563eb;
}

.student-panel h2[b-o5jm5ff4xz] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 700;
}

.student-pie-header[b-o5jm5ff4xz] {
    display: flex;
    align-items: center;
    gap: 28px;
}

.student-active-total[b-o5jm5ff4xz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    gap: 18px;
}

.student-active-total span[b-o5jm5ff4xz] {
    color: #526174;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.student-active-total strong[b-o5jm5ff4xz] {
    flex-shrink: 0;
    color: #0f3b82;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.student-pie-layout[b-o5jm5ff4xz] {
    min-height: 300px;
    display: grid;
    grid-template-columns: minmax(170px, 0.6fr) minmax(260px, 1fr);
    align-items: center;
    gap: 18px;
    padding: 20px;
}

.student-pie-wrap[b-o5jm5ff4xz] {
    position: relative;
    width: min(230px, 100%);
    justify-self: center;
    aspect-ratio: 1;
}

.student-pie[b-o5jm5ff4xz] {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}

.pie-slice-label[b-o5jm5ff4xz] {
    position: absolute;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 3px rgba(15, 23, 42, 0.55);
    pointer-events: none;
}

.student-pie-legend[b-o5jm5ff4xz] {
    display: grid;
    gap: 8px;
}

.legend-header[b-o5jm5ff4xz],
.legend-row[b-o5jm5ff4xz] {
    display: grid;
    grid-template-columns: 12px minmax(120px, 1fr) max-content max-content;
    align-items: center;
    gap: 10px;
}

.legend-header[b-o5jm5ff4xz] {
    color: #526174;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.legend-header span:first-child[b-o5jm5ff4xz] {
    grid-column: 2;
}

.legend-row[b-o5jm5ff4xz] {
    min-height: 38px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #06142b;
    text-align: left;
    font-weight: 500;
}

.legend-row:hover[b-o5jm5ff4xz],
.legend-row.active[b-o5jm5ff4xz] {
    background: transparent;
}

.legend-row.active[b-o5jm5ff4xz] {
}

.dot[b-o5jm5ff4xz] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.legend-row strong[b-o5jm5ff4xz] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.legend-row em[b-o5jm5ff4xz] {
    color: #334155;
    font-style: normal;
    text-align: right;
}

@media (max-width: 1040px) {
    .student-pie-layout[b-o5jm5ff4xz] {
        grid-template-columns: 1fr;
    }

    .student-pie-wrap[b-o5jm5ff4xz] {
        justify-self: center;
    }
}


/* /Components/Pages/DashBoard.Shared/StudentInModule/Charts/StudentTrialInModuleScopePieChart.razor.rz.scp.css */
.student-panel[b-yvplxkm54p] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-yvplxkm54p] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-yvplxkm54p]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #2563eb;
}

.student-panel h2[b-yvplxkm54p] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 700;
}

.student-pie-header[b-yvplxkm54p] {
    display: flex;
    align-items: center;
    gap: 28px;
}

.student-active-total[b-yvplxkm54p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    gap: 18px;
}

.student-active-total span[b-yvplxkm54p] {
    color: #526174;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.student-active-total strong[b-yvplxkm54p] {
    flex-shrink: 0;
    color: #0f3b82;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.student-pie-layout[b-yvplxkm54p] {
    min-height: 300px;
    display: grid;
    grid-template-columns: minmax(170px, 0.6fr) minmax(260px, 1fr);
    align-items: center;
    gap: 18px;
    padding: 20px;
}

.student-pie-wrap[b-yvplxkm54p] {
    position: relative;
    width: min(230px, 100%);
    justify-self: center;
    aspect-ratio: 1;
}

.student-pie[b-yvplxkm54p] {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}

.pie-slice-label[b-yvplxkm54p] {
    position: absolute;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 3px rgba(15, 23, 42, 0.55);
    pointer-events: none;
}

.student-pie-legend[b-yvplxkm54p] {
    display: grid;
    gap: 8px;
}

.legend-header[b-yvplxkm54p],
.legend-row[b-yvplxkm54p] {
    display: grid;
    grid-template-columns: 12px minmax(120px, 1fr) max-content max-content;
    align-items: center;
    gap: 10px;
}

.legend-header[b-yvplxkm54p] {
    color: #526174;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.legend-header span:first-child[b-yvplxkm54p] {
    grid-column: 2;
}

.legend-row[b-yvplxkm54p] {
    min-height: 38px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #06142b;
    text-align: left;
    font-weight: 500;
}

.legend-row:hover[b-yvplxkm54p],
.legend-row.active[b-yvplxkm54p] {
    background: transparent;
}

.legend-row.active[b-yvplxkm54p] {
}

.dot[b-yvplxkm54p] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.legend-row strong[b-yvplxkm54p] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.legend-row em[b-yvplxkm54p] {
    color: #334155;
    font-style: normal;
    text-align: right;
}

@media (max-width: 1040px) {
    .student-pie-layout[b-yvplxkm54p] {
        grid-template-columns: 1fr;
    }

    .student-pie-wrap[b-yvplxkm54p] {
        justify-self: center;
    }
}


/* /Components/Pages/DashBoard.Shared/StudentInModule/Charts/StudentUnregisteredInModuleScopePieChart.razor.rz.scp.css */
.student-panel[b-z3bjg7fod7] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-z3bjg7fod7] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-z3bjg7fod7]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #2563eb;
}

.student-panel h2[b-z3bjg7fod7] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 700;
}

.student-pie-header[b-z3bjg7fod7] {
    display: flex;
    align-items: center;
    gap: 28px;
}

.student-active-total[b-z3bjg7fod7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    gap: 18px;
}

.student-active-total span[b-z3bjg7fod7] {
    color: #526174;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.student-active-total strong[b-z3bjg7fod7] {
    flex-shrink: 0;
    color: #0f3b82;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.student-pie-layout[b-z3bjg7fod7] {
    min-height: 300px;
    display: grid;
    grid-template-columns: minmax(170px, 0.6fr) minmax(260px, 1fr);
    align-items: center;
    gap: 18px;
    padding: 20px;
}

.student-pie-wrap[b-z3bjg7fod7] {
    position: relative;
    width: min(230px, 100%);
    justify-self: center;
    aspect-ratio: 1;
}

.student-pie[b-z3bjg7fod7] {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}

.pie-slice-label[b-z3bjg7fod7] {
    position: absolute;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 3px rgba(15, 23, 42, 0.55);
    pointer-events: none;
}

.student-pie-legend[b-z3bjg7fod7] {
    display: grid;
    gap: 8px;
}

.legend-header[b-z3bjg7fod7],
.legend-row[b-z3bjg7fod7] {
    display: grid;
    grid-template-columns: 12px minmax(120px, 1fr) max-content max-content;
    align-items: center;
    gap: 10px;
}

.legend-header[b-z3bjg7fod7] {
    color: #526174;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.legend-header span:first-child[b-z3bjg7fod7] {
    grid-column: 2;
}

.legend-row[b-z3bjg7fod7] {
    min-height: 38px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #06142b;
    text-align: left;
    font-weight: 500;
}

.legend-row:hover[b-z3bjg7fod7],
.legend-row.active[b-z3bjg7fod7] {
    background: transparent;
}

.legend-row.active[b-z3bjg7fod7] {
}

.dot[b-z3bjg7fod7] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.legend-row strong[b-z3bjg7fod7] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.legend-row em[b-z3bjg7fod7] {
    color: #334155;
    font-style: normal;
    text-align: right;
}

@media (max-width: 1040px) {
    .student-pie-layout[b-z3bjg7fod7] {
        grid-template-columns: 1fr;
    }

    .student-pie-wrap[b-z3bjg7fod7] {
        justify-self: center;
    }
}


/* /Components/Pages/DashBoard.Shared/StudentInModule/Charts/StudentWaitingClassInModuleScopePieChart.razor.rz.scp.css */
.student-panel[b-gfe1m4nk24] {
    overflow: hidden;
    border: 1px solid #cbd7e8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.student-panel header[b-gfe1m4nk24] {
    position: relative;
    padding: 15px 20px 15px 26px;
    border-bottom: 1px solid #cbd7e8;
    background: linear-gradient(90deg, #f4f8ff 0%, #ffffff 72%);
}

.student-panel header[b-gfe1m4nk24]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #2563eb;
}

.student-panel h2[b-gfe1m4nk24] {
    margin: 0;
    color: #071a3d;
    font-size: 1rem;
    font-weight: 700;
}

.student-pie-header[b-gfe1m4nk24] {
    display: flex;
    align-items: center;
    gap: 28px;
}

.student-active-total[b-gfe1m4nk24] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    gap: 18px;
}

.student-active-total span[b-gfe1m4nk24] {
    color: #526174;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.student-active-total strong[b-gfe1m4nk24] {
    flex-shrink: 0;
    color: #0f3b82;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.student-pie-layout[b-gfe1m4nk24] {
    min-height: 300px;
    display: grid;
    grid-template-columns: minmax(170px, 0.6fr) minmax(260px, 1fr);
    align-items: center;
    gap: 18px;
    padding: 20px;
}

.student-pie-wrap[b-gfe1m4nk24] {
    position: relative;
    width: min(230px, 100%);
    justify-self: center;
    aspect-ratio: 1;
}

.student-pie[b-gfe1m4nk24] {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}

.pie-slice-label[b-gfe1m4nk24] {
    position: absolute;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 3px rgba(15, 23, 42, 0.55);
    pointer-events: none;
}

.student-pie-legend[b-gfe1m4nk24] {
    display: grid;
    gap: 8px;
}

.legend-header[b-gfe1m4nk24],
.legend-row[b-gfe1m4nk24] {
    display: grid;
    grid-template-columns: 12px minmax(120px, 1fr) max-content max-content;
    align-items: center;
    gap: 10px;
}

.legend-header[b-gfe1m4nk24] {
    color: #526174;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.legend-header span:first-child[b-gfe1m4nk24] {
    grid-column: 2;
}

.legend-row[b-gfe1m4nk24] {
    min-height: 38px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #06142b;
    text-align: left;
    font-weight: 500;
}

.legend-row:hover[b-gfe1m4nk24],
.legend-row.active[b-gfe1m4nk24] {
    background: transparent;
}

.legend-row.active[b-gfe1m4nk24] {
}

.dot[b-gfe1m4nk24] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.legend-row strong[b-gfe1m4nk24] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.legend-row em[b-gfe1m4nk24] {
    color: #334155;
    font-style: normal;
    text-align: right;
}

@media (max-width: 1040px) {
    .student-pie-layout[b-gfe1m4nk24] {
        grid-template-columns: 1fr;
    }

    .student-pie-wrap[b-gfe1m4nk24] {
        justify-self: center;
    }
}


/* /Components/Pages/DashBoard.Shared/TableExcelDownloadButton.razor.rz.scp.css */
.table-export-btn[b-zkna7t7vgq] {
    margin-left: auto;
    border: 1px solid #ccd9e8;
    background: #ffffff;
    color: #0f172a;
    border-radius: 7px;
    padding: 7px 11px;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.table-export-btn:hover:not(:disabled)[b-zkna7t7vgq] {
    background: #fbfcfe;
    border-color: #b9d7d2;
}

.table-export-btn:disabled[b-zkna7t7vgq] {
    opacity: 0.45;
    cursor: not-allowed;
}
/* /Components/Pages/DashBoard.Shared/UserMoney/Charts/UserMoneyScopePieChart.razor.rz.scp.css */
.user-money-panel[b-s6ew09i8ee] {
    border: 1px solid #d6e1ee;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}

.user-money-panel header[b-s6ew09i8ee] {
    padding: 16px 18px;
    border-bottom: 1px solid #e1e8f0;
}

.user-money-panel h2[b-s6ew09i8ee] {
    margin: 0;
    color: #06142c;
    font-size: 1.05rem;
    font-weight: 700;
}

.pie-layout[b-s6ew09i8ee] {
    min-height: 330px;
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 20px;
    align-items: center;
    padding: 22px;
}

.pie-wrap[b-s6ew09i8ee] {
    position: relative;
    width: min(280px, 100%);
    aspect-ratio: 1;
}

.pie-chart[b-s6ew09i8ee] {
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 16px 22px rgba(15, 23, 42, 0.1));
}

.pie-slice[b-s6ew09i8ee] {
    cursor: pointer;
    stroke: #ffffff;
    stroke-width: 2;
}

.empty-pie[b-s6ew09i8ee] {
    fill: #e5edf7;
}

.pie-label-layer[b-s6ew09i8ee] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.pie-label[b-s6ew09i8ee] {
    position: absolute;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
}

.pie-legend[b-s6ew09i8ee] {
    display: grid;
    gap: 8px;
}

.legend-row[b-s6ew09i8ee] {
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr) 76px 150px;
    align-items: center;
    gap: 12px;
    min-height: 38px;
    padding: 0 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #06142c;
    text-align: left;
}

.legend-row.active[b-s6ew09i8ee] {
    background: transparent;
}

.legend-dot[b-s6ew09i8ee] {
    width: 11px;
    height: 11px;
    border-radius: 999px;
}

.legend-row strong[b-s6ew09i8ee],
.legend-row em[b-s6ew09i8ee],
.legend-percent[b-s6ew09i8ee] {
    font-weight: 600;
    font-style: normal;
    font-variant-numeric: tabular-nums;
}

.legend-row em[b-s6ew09i8ee] {
    text-align: right;
}

@media (max-width: 760px) {
    .pie-layout[b-s6ew09i8ee] {
        grid-template-columns: 1fr;
    }

    .legend-row[b-s6ew09i8ee] {
        grid-template-columns: 14px minmax(0, 1fr) 68px 118px;
    }
}


/* /Components/Pages/LoginPage.razor.rz.scp.css */
.login-page[b-e1owj52aue] {
    min-height: calc(100vh - 24px);
    display: grid;
    place-items: center;
    padding: 32px 16px;
    background: #eaf2fb;
}

.login-card[b-e1owj52aue] {
    width: min(420px, 100%);
    display: grid;
    gap: 18px;
    padding: 28px;
    border: 1px solid #bfd0e8;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.12);
}

.login-brand[b-e1owj52aue] {
    display: grid;
    gap: 6px;
}

.login-brand span[b-e1owj52aue] {
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.login-brand h1[b-e1owj52aue] {
    margin: 0;
    color: #00143f;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 0;
}

.login-card label[b-e1owj52aue] {
    display: grid;
    gap: 8px;
    color: #00143f;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}

.login-card input[b-e1owj52aue] {
    height: 44px;
    border: 1px solid #b8c9e4;
    border-radius: 8px;
    padding: 0 12px;
    color: #00143f;
    font-size: 15px;
    font-weight: 750;
    outline: none;
}

.login-password-field[b-e1owj52aue] {
    position: relative;
}

.login-password-field input[b-e1owj52aue] {
    width: 100%;
    padding-right: 76px;
}

.login-password-field button[b-e1owj52aue] {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    min-width: 56px;
    height: 30px;
    border: 1px solid #b8c9e4;
    border-radius: 7px;
    background: #f8fbff;
    color: #1236b6;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

.login-password-field button:hover[b-e1owj52aue] {
    border-color: #2563eb;
    background: #eef5ff;
}

.login-card input:focus[b-e1owj52aue] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14);
}

.login-submit[b-e1owj52aue] {
    height: 46px;
    border: 1px solid #0b37b8;
    border-radius: 8px;
    background: #1236b6;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
}

.login-error[b-e1owj52aue] {
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 10px 12px;
    background: #fef2f2;
    color: #b91c1c;
    font-weight: 850;
}