/* /Components/Dialogs/HR/EmployeeMaster.razor.rz.scp.css */
.employee-master-page[b-sjjf7ioueb] {
    width: 100%;
    padding: 4px;
}


/* HEADER */

.employee-header[b-sjjf7ioueb] {
    background: #ffffff;
    border: 1px solid #e6e9ef;
    border-radius: 12px;
}

.employee-title[b-sjjf7ioueb] {
    font-weight: 700;
    letter-spacing: -0.3px;
}

.employee-header-actions[b-sjjf7ioueb] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}


/* SUMMARY */

.summary-card[b-sjjf7ioueb] {
    height: 100%;
    background: #ffffff;
    border: 1px solid #e6e9ef;
    border-radius: 12px;
}

.summary-content[b-sjjf7ioueb] {
    display: flex;
    align-items: center;
    gap: 15px;
}


/* TOOLBAR */

.employee-toolbar[b-sjjf7ioueb] {
    background: #ffffff;
    border: 1px solid #e6e9ef;
    border-radius: 12px;
}


/* GRID */

.employee-grid[b-sjjf7ioueb] {
    background: #ffffff;
    border: 1px solid #e6e9ef;
    border-radius: 12px;
    overflow-x: auto;
}


/* EMPLOYEE */

.employee-code[b-sjjf7ioueb] {
    font-weight: 700;
}

.employee-name[b-sjjf7ioueb] {
    font-weight: 600;
}


/* PHOTO */

.employee-photo[b-sjjf7ioueb] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #e5e7eb;
}

    .employee-photo img[b-sjjf7ioueb] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.employee-no-photo[b-sjjf7ioueb] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #f1f3f5;
    display: flex;
    align-items: center;
    justify-content: center;
}




/* LOADING */

.employee-loadin
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;[b-sjjf7ioueb]
}


[b-sjjf7ioueb] .mud-table-cell {
    vertical-align: middle;
}


@media (max-width: 960px) {

    .employee-header-actions[b-sjjf7ioueb] {
        justify-content: flex-start;
        margin-top: 8px;
    }
}
/* /Components/Layout/EmptyLayout.razor.rz.scp.css */
.empty-layout[b-md4hcr6o41] {
    min-height: 100vh;
    width: 100%;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
```css
/* =========================================================
   MAIN LAYOUT
   ========================================================= */
.erp-layout[b-ajv7t9eedx] {
    min-height: 100vh;
    background: #f5f7fb;
}


/* =========================================================
   TOP APP BAR
   ========================================================= */

.erp-appbar[b-ajv7t9eedx] {
    height: 64px !important;
    background: #ffffff !important;
    color: #253047 !important;
    border-bottom: 1px solid #e7ebf1;
    padding-left: 8px;
    padding-right: 18px;
    z-index: 1201 !important;
}


/* =========================================================
   MENU BUTTON
   ========================================================= */

.menu-button[b-ajv7t9eedx] {
    width: 42px;
    height: 42px;
    margin-right: 8px;
    color: #64748b !important;
    border-radius: 10px !important;
}


    .menu-button:hover[b-ajv7t9eedx] {
        background: #f1f4f9 !important;
        color: #2563eb !important;
    }


/* =========================================================
   APP TITLE
   ========================================================= */

.appbar-title-area[b-ajv7t9eedx] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 150px;
    line-height: 1;
}


.appbar-title[b-ajv7t9eedx] {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
    line-height: 18px !important;
}


.appbar-subtitle[b-ajv7t9eedx] {
    margin-top: 2px;
    font-size: 10px !important;
    color: #94a3b8 !important;
    line-height: 13px !important;
}


/* =========================================================
   TOP ICONS
   ========================================================= */

.top-icon-button[b-ajv7t9eedx] {
    width: 40px;
    height: 40px;
    margin-left: 2px;
    color: #64748b !important;
    border-radius: 10px !important;
    transition: all 0.18s ease;
}


    .top-icon-button:hover[b-ajv7t9eedx] {
        background: #f1f5f9 !important;
        color: #2563eb !important;
    }


/* =========================================================
   USER PROFILE AREA
   ========================================================= */

.user-menu[b-ajv7t9eedx] {
    margin-left: 8px;
}


.user-profile[b-ajv7t9eedx] {
    height: 46px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 5px 9px 5px 6px;
    border-radius: 12px;
    cursor: pointer;
    transition: background 0.18s ease;
}


    .user-profile:hover[b-ajv7t9eedx] {
        background: #f4f6fa;
    }


/* =========================================================
   USER AVATAR
   ========================================================= */

.user-avatar[b-ajv7t9eedx] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: linear-gradient( 135deg, #4f46e5, #2563eb );
    color: #ffffff;
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.18);
}


/* =========================================================
   USER DETAILS
   ========================================================= */

.user-details[b-ajv7t9eedx] {
    display: flex;
    flex-direction: column;
    min-width: 95px;
    max-width: 170px;
}


.user-name[b-ajv7t9eedx] {
    font-size: 12.5px;
    font-weight: 600;
    color: #334155;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.user-role[b-ajv7t9eedx] {
    margin-top: 1px;
    font-size: 9.5px;
    color: #94a3b8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.user-arrow[b-ajv7t9eedx] {
    color: #94a3b8 !important;
}


/* =========================================================
   LOGOUT
   ========================================================= */

.logout-menu-item[b-ajv7t9eedx] {
    color: #dc2626 !important;
}


/* =========================================================
   LEFT DRAWER
   ========================================================= */

.erp-drawer[b-ajv7t9eedx] {
    width: 280px !important;
    border-right: 1px solid #e7ebf1 !important;
    background: #ffffff !important;
}


[b-ajv7t9eedx] .erp-drawer .mud-drawer-content {
    width: 280px !important;
    background: #ffffff;
    overflow-x: hidden;
    overflow-y: auto;
}


/* =========================================================
   MAIN CONTENT
   ========================================================= */

.erp-main-content[b-ajv7t9eedx] {
    background: #f5f7fb;
    min-height: calc(100vh - 64px);
    padding-top: 64px;
}


/* =========================================================
   PAGE WRAPPER
   ========================================================= */


.page-container[b-ajv7t9eedx] {
    width: 100%;
    min-height: calc(100vh - 64px);
    padding: 18px 22px 24px 22px;
    box-sizing: border-box;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .user-details[b-ajv7t9eedx] {
        display: none;
    }


    .user-arrow[b-ajv7t9eedx] {
        display: none;
    }


    .appbar-subtitle[b-ajv7t9eedx] {
        display: none;
    }


    .page-container[b-ajv7t9eedx] {
        padding: 12px;
    }
}


@media (max-width: 600px) {

    .appbar-title-area[b-ajv7t9eedx] {
        min-width: auto;
    }


    .appbar-title[b-ajv7t9eedx] {
        font-size: 14px !important;
    }


    .top-icon-button[b-ajv7t9eedx] {
        display: none !important;
    }
}

/* /Components/Layout/NavMenu.razor.rz.scp.css */

/* =========================================================
   MAIN SIDEBAR
   ========================================================= */
.erp-sidebar[b-ehcedcnw71] {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    padding: 14px 14px 12px 14px;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
}


/* =========================================================
   BRAND AREA
   ========================================================= */

.sidebar-brand[b-ehcedcnw71] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 8px 8px 18px 8px;
    box-sizing: border-box;
}


.brand-icon[b-ehcedcnw71] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 12px;
    background: linear-gradient( 135deg, #4f46e5, #2563eb );
    color: #ffffff;
    box-shadow: 0 5px 15px rgba(37, 99, 235, 0.18);
}


.brand-text[b-ehcedcnw71] {
    flex: 1;
    min-width: 0;
}


.brand-title[b-ehcedcnw71] {
    font-size: 15px;
    font-weight: 700;
    color: #182033;
    line-height: 18px;
    white-space: nowrap;
}


.brand-subtitle[b-ehcedcnw71] {
    margin-top: 2px;
    font-size: 11px;
    color: #8b95a6;
    line-height: 15px;
    white-space: nowrap;
}


/* =========================================================
   DASHBOARD
   ========================================================= */

.dashboard-link[b-ehcedcnw71] {
    min-height: 43px;
    margin: 2px 0 !important;
    padding-left: 10px !important;
    border-radius: 9px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #4b5669 !important;
    transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}


    .dashboard-link:hover[b-ehcedcnw71] {
        background: #f4f6fb !important;
        color: #2563eb !important;
        transform: translateX(2px);
    }


    .dashboard-link.active[b-ehcedcnw71] {
        background: #edf3ff !important;
        color: #2556d8 !important;
        font-weight: 700 !important;
        border-left: 3px solid #2563eb;
    }


[b-ehcedcnw71] .dashboard-link .mud-nav-link-icon {
    color: #64748b !important;
    font-size: 20px !important;
}


[b-ehcedcnw71] .dashboard-link.active .mud-nav-link-icon {
    color: #2563eb !important;
}


/* =========================================================
   MODULE CAPTION
   ========================================================= */

.menu-caption[b-ehcedcnw71] {
    padding: 18px 10px 8px 10px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
    color: #9aa4b2;
}


/* =========================================================
   EXPANSION PANELS
   ========================================================= */

.erp-menu-panels[b-ehcedcnw71] {
    width: 100%;
    background: transparent !important;
    box-shadow: none !important;
}


.erp-menu-panel[b-ehcedcnw71] {
    width: 100%;
    margin: 3px 0;
    background: transparent !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    overflow: hidden;
}


    .erp-menu-panel[b-ehcedcnw71]::before {
        display: none !important;
    }


/* =========================================================
   MODULE HEADER
   ========================================================= */

[b-ehcedcnw71] .erp-menu-panel .mud-expand-panel-header {
    width: 100%;
    min-height: 47px !important;
    padding: 7px 8px !important;
    border-radius: 9px !important;
    box-sizing: border-box;
    transition: background 0.18s ease;
}


    [b-ehcedcnw71] .erp-menu-panel .mud-expand-panel-header:hover {
        background: #f6f8fc !important;
    }


/* =========================================================
   MODULE HEADING
   ========================================================= */

.module-heading[b-ehcedcnw71] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}


.module-icon[b-ehcedcnw71] {
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 8px;
    background: #f0f4ff;
    color: #4b63c8;
    transition: background 0.18s ease, color 0.18s ease;
}


.erp-menu-panel:hover .module-icon[b-ehcedcnw71] {
    background: #e5ecff;
    color: #2f53c5;
}


.module-title[b-ehcedcnw71] {
    flex: 1;
    min-width: 0;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #3f4a5d !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* =========================================================
   EXPAND ICON
   ========================================================= */

[b-ehcedcnw71] .erp-menu-panel .mud-expand-panel-icon {
    color: #9ca6b5 !important;
    font-size: 19px !important;
    margin-left: 3px;
}


/* =========================================================
   PANEL CONTENT
   ========================================================= */

[b-ehcedcnw71] .erp-menu-panel .mud-expand-panel-content {
    padding: 0 !important;
    margin: 0 !important;
}


/* =========================================================
   SUBMENU AREA
   ========================================================= */

.submenu-wrapper[b-ehcedcnw71] {
    position: relative;
    margin-left: 22px;
    padding: 2px 0 7px 14px;
    border-left: 1px solid #e1e6ee;
}


/* =========================================================
   SUBMENU LINKS
   ========================================================= */

.erp-submenu-link[b-ehcedcnw71] {
    min-height: 36px;
    margin: 2px 0 !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    border-radius: 7px !important;
    box-sizing: border-box;
    font-size: 12.5px !important;
    color: #667184 !important;
    transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}


    .erp-submenu-link:hover[b-ehcedcnw71] {
        background: #f4f7fb !important;
        color: #254fc1 !important;
        transform: translateX(2px);
    }


    .erp-submenu-link.active[b-ehcedcnw71] {
        background: #edf3ff !important;
        color: #2456d6 !important;
        font-weight: 600 !important;
    }


[b-ehcedcnw71] .erp-submenu-link .mud-nav-link-icon {
    color: #a8b1bf !important;
    font-size: 17px !important;
    margin-right: 7px !important;
}


[b-ehcedcnw71] .erp-submenu-link.active .mud-nav-link-icon {
    color: #2563eb !important;
}


/* =========================================================
   FOOTER
   ========================================================= */

.sidebar-footer[b-ehcedcnw71] {
    width: 100%;
    margin-top: auto;
    padding: 18px 12px 8px 12px;
    box-sizing: border-box;
    text-align: center;
}


.footer-divider[b-ehcedcnw71] {
    margin-bottom: 12px !important;
}


.footer-text[b-ehcedcnw71] {
    width: 100%;
    display: block;
    font-size: 10.5px;
    font-weight: 500;
    color: #929baa;
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box;
}


.footer-subtext[b-ehcedcnw71] {
    width: 100%;
    margin-top: 3px;
    font-size: 9px;
    color: #b1b7c2;
    text-align: center;
    white-space: nowrap;
}


/* =========================================================
   MUDBLAZOR CLEANUP
   ========================================================= */

[b-ehcedcnw71] .mud-expand-panels {
    box-shadow: none !important;
}


[b-ehcedcnw71] .mud-paper {
    box-shadow: none;
}


/* =========================================================
   SCROLLBAR
   ========================================================= */

.erp-sidebar[b-ehcedcnw71] {
    scrollbar-width: thin;
    scrollbar-color: #d8dde6 transparent;
}


    .erp-sidebar[b-ehcedcnw71]::-webkit-scrollbar {
        width: 5px;
    }


    .erp-sidebar[b-ehcedcnw71]::-webkit-scrollbar-track {
        background: transparent;
    }


    .erp-sidebar[b-ehcedcnw71]::-webkit-scrollbar-thumb {
        background: #d8dde6;
        border-radius: 10px;
    }


        .erp-sidebar[b-ehcedcnw71]::-webkit-scrollbar-thumb:hover {
            background: #bec6d2;
        }

.employee-module-button[b-ehcedcnw71] {
    justify-content: flex-start;
    text-transform: none;
    border-radius: 6px;
    margin: 2px 8px;
    padding: 8px 12px;
    width: calc(100% - 16px);
}

    .employee-module-button:hover[b-ehcedcnw71] {
        background: rgba(0, 0, 0, 0.04);
    }
/* /Components/Pages/fees/FeeReceipts.razor.rz.scp.css */
.fee-receipt-screen[b-oacc7rl7qm] {
    max-width: 950px;
    margin: 0 auto;
}

.fee-receipt-print[b-oacc7rl7qm] {
    background: white;
    color: #111;
    border: 1px solid #d0d0d0;
    padding: 24px;
    border-radius: 8px;
}

.receipt-school-name[b-oacc7rl7qm] {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 4px;
}

.receipt-heading[b-oacc7rl7qm] {
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.receipt-number-row[b-oacc7rl7qm] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

.receipt-student-grid[b-oacc7rl7qm] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 25px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 18px;
}

.receipt-label[b-oacc7rl7qm] {
    font-weight: 600;
}

.receipt-table[b-oacc7rl7qm] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

    .receipt-table th[b-oacc7rl7qm] {
        padding: 10px;
        border: 1px solid #ddd;
        text-align: left;
        font-weight: 600;
    }

    .receipt-table td[b-oacc7rl7qm] {
        padding: 10px;
        border: 1px solid #ddd;
    }

    .receipt-table .amount[b-oacc7rl7qm] {
        text-align: right;
        white-space: nowrap;
    }

.receipt-total-row[b-oacc7rl7qm] {
    font-weight: 700;
}

.receipt-summary[b-oacc7rl7qm] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 25px;
    margin-top: 18px;
}

.receipt-remarks[b-oacc7rl7qm] {
    margin-top: 18px;
    padding-top: 12px;
    border-top: 1px dashed #bbb;
}

.receipt-footer[b-oacc7rl7qm] {
    margin-top: 45px;
    display: flex;
    justify-content: space-between;
}

.cancelled-receipt[b-oacc7rl7qm] {
    border: 2px solid #d32f2f;
    color: #d32f2f;
    padding: 8px;
    text-align: center;
    margin-bottom: 15px;
    font-weight: 700;
}

.cancel-details[b-oacc7rl7qm] {
    margin-top: 15px;
    border: 1px solid #d32f2f;
    padding: 12px;
}

@media (max-width: 700px) {

    .receipt-student-grid[b-oacc7rl7qm],
    .receipt-summary[b-oacc7rl7qm] {
        grid-template-columns: 1fr;
    }

    .receipt-number-row[b-oacc7rl7qm] {
        flex-direction: column;
    }
}
/* /Components/Pages/FrontOffice/FrontOfficeDashboard.razor.rz.scp.css */
.module-dashboard[b-nyzy162yef] {
	width: 100%;
	padding: 6px 10px 25px 10px;
}


/* =====================================================
   HEADER
   ===================================================== */

.dashboard-header[b-nyzy162yef] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 22px;
	background: #ffffff;
	border: 1px solid #e7e9ef;
	border-radius: 14px;
	margin-bottom: 10px;
}

.dashboard-title[b-nyzy162yef] {
	font-weight: 700;
	letter-spacing: -0.5px;
	color: #1e293b;
}

.dashboard-subtitle[b-nyzy162yef] {
	margin-top: 4px;
	color: #64748b;
}

.dashboard-date[b-nyzy162yef] {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 13px;
	color: #64748b;
	background: #f8fafc;
	padding: 8px 12px;
	border-radius: 9px;
}


/* =====================================================
   KPI CARDS
   ===================================================== */

.kpi-card[b-nyzy162yef] {
	height: 100%;
	padding: 18px;
	background: #ffffff;
	border: 1px solid #e7e9ef;
	border-radius: 14px;
	transition: all 0.2s ease;
}

	.kpi-card:hover[b-nyzy162yef] {
		transform: translateY(-2px);
		box-shadow: 0 8px 22px rgba(15, 23, 42, 0.07);
	}

.kpi-content[b-nyzy162yef] {
	display: flex;
	align-items: center;
	gap: 15px;
}

.kpi-icon[b-nyzy162yef] {
	min-width: 52px;
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 13px;
}

	.kpi-icon.blue[b-nyzy162yef] {
		background: #eff6ff;
		color: #2563eb;
	}

	.kpi-icon.green[b-nyzy162yef] {
		background: #ecfdf5;
		color: #059669;
	}

	.kpi-icon.orange[b-nyzy162yef] {
		background: #fff7ed;
		color: #ea580c;
	}

	.kpi-icon.purple[b-nyzy162yef] {
		background: #faf5ff;
		color: #9333ea;
	}

.kpi-label[b-nyzy162yef] {
	font-size: 12px;
	font-weight: 600;
	color: #64748b;
}

.kpi-value[b-nyzy162yef] {
	font-weight: 700;
	margin-top: 2px;
	color: #0f172a;
}

.kpi-footer[b-nyzy162yef] {
	font-size: 11px;
	margin-top: 1px;
	color: #94a3b8;
}


/* =====================================================
   PANELS
   ===================================================== */

.dashboard-panel[b-nyzy162yef] {
	height: 100%;
	padding: 18px;
	background: #ffffff;
	border: 1px solid #e7e9ef;
	border-radius: 14px;
}

.panel-header[b-nyzy162yef] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 20px;
}

.panel-title[b-nyzy162yef] {
	font-weight: 650;
	color: #1e293b;
}

.panel-subtitle[b-nyzy162yef] {
	font-size: 12px;
	margin-top: 2px;
	color: #94a3b8;
}

.panel-header-icon[b-nyzy162yef] {
	color: #94a3b8;
}


/* =====================================================
   TREND CHART
   ===================================================== */

.trend-chart[b-nyzy162yef] {
	height: 220px;
	display: flex;
	align-items: flex-end;
	gap: 14px;
	padding: 10px 8px 0 8px;
}

.trend-item[b-nyzy162yef] {
	flex: 1;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.trend-value[b-nyzy162yef] {
	height: 25px;
	font-size: 12px;
	font-weight: 600;
	color: #475569;
}

.trend-bar-area[b-nyzy162yef] {
	width: 100%;
	flex: 1;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.trend-bar[b-nyzy162yef] {
	width: 55%;
	max-width: 42px;
	min-height: 4px;
	background: linear-gradient( 180deg, #4f46e5, #818cf8 );
	border-radius: 7px 7px 3px 3px;
	transition: height 0.4s ease;
}

.trend-day[b-nyzy162yef] {
	margin-top: 8px;
	font-size: 11px;
	font-weight: 600;
	color: #64748b;
}


/* =====================================================
   CLASS SUMMARY
   ===================================================== */

.class-summary[b-nyzy162yef] {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.class-row[b-nyzy162yef] {
	width: 100%;
}

.class-info[b-nyzy162yef] {
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
	font-size: 12px;
	color: #475569;
}

	.class-info strong[b-nyzy162yef] {
		color: #1e293b;
	}

.class-progress[b-nyzy162yef] {
	height: 7px;
	width: 100%;
	background: #eef2f7;
	border-radius: 6px;
	overflow: hidden;
}

.class-progress-value[b-nyzy162yef] {
	height: 100%;
	background: linear-gradient( 90deg, #6366f1, #818cf8 );
	border-radius: 6px;
}


/* =====================================================
   TABLE
   ===================================================== */

.table-container[b-nyzy162yef] {
	width: 100%;
	overflow-x: auto;
}

	.table-container[b-nyzy162yef]  th {
		font-size: 11px;
		font-weight: 700;
		color: #64748b;
		background: #f8fafc;
	}

	.table-container[b-nyzy162yef]  td {
		font-size: 12px;
		color: #334155;
	}


/* =====================================================
   ATTENTION
   ===================================================== */

.attention-list[b-nyzy162yef] {
	display: flex;
	flex-direction: column;
}

.attention-item[b-nyzy162yef] {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 0;
	border-bottom: 1px solid #f1f5f9;
}

	.attention-item:last-child[b-nyzy162yef] {
		border-bottom: none;
	}

.attention-avatar[b-nyzy162yef] {
	width: 36px;
	height: 36px;
	min-width: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff7ed;
	color: #ea580c;
	border-radius: 50%;
}

.attention-info[b-nyzy162yef] {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-width: 0;
}

	.attention-info strong[b-nyzy162yef] {
		font-size: 12px;
		color: #334155;
	}

	.attention-info span[b-nyzy162yef] {
		font-size: 11px;
		color: #94a3b8;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

.attention-days[b-nyzy162yef] {
	padding: 4px 7px;
	background: #fff7ed;
	border-radius: 6px;
	color: #c2410c;
	font-size: 10px;
	font-weight: 700;
}

.empty-message[b-nyzy162yef] {
	height: 150px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 7px;
	color: #10b981;
}


/* =====================================================
   LOADING
   ===================================================== */

.dashboard-loading[b-nyzy162yef] {
	min-height: 450px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
}


/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (max-width: 768px) {

	.module-dashboard[b-nyzy162yef] {
		padding: 4px;
	}

	.dashboard-header[b-nyzy162yef] {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	.trend-chart[b-nyzy162yef] {
		height: 190px;
		gap: 5px;
	}

	.trend-bar[b-nyzy162yef] {
		width: 70%;
	}
}
/* /Components/Pages/Home.razor.rz.scp.css */
.stat-card[b-qgezlcnymo] {
    border-radius: 14px;
    transition: all 0.2s ease;
}

    .stat-card:hover[b-qgezlcnymo] {
        transform: translateY(-2px);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
    }

.health-row[b-qgezlcnymo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0;
    border-bottom: 1px solid #edf0f5;
}
/* /Components/Pages/HR/HRDashboard.razor.rz.scp.css */
.hr-dashboard[b-0j2394xx4h] {
    width: 100%;
    padding: 6px;
}


/* =====================================================
   HEADER
   ===================================================== */

.dashboard-header[b-0j2394xx4h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px;
    background: #ffffff;
    border: 1px solid #e7e9ef;
    border-radius: 14px;
    margin-bottom: 18px;
}


.dashboard-title[b-0j2394xx4h] {
    font-weight: 700;
    letter-spacing: -0.4px;
}


.dashboard-subtitle[b-0j2394xx4h] {
    margin-top: 3px;
    opacity: 0.65;
}


.header-right[b-0j2394xx4h] {
    display: flex;
    align-items: center;
    gap: 18px;
}


.welcome-area[b-0j2394xx4h] {
    text-align: right;
}


.header-icon[b-0j2394xx4h] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #f3f5f9;
}


/* =====================================================
   SUMMARY CARDS
   ===================================================== */

.summary-grid[b-0j2394xx4h] {
    margin-bottom: 4px;
}


.summary-card[b-0j2394xx4h] {
    height: 100%;
    padding: 18px;
    border: 1px solid #e7e9ef;
    border-radius: 14px;
    background: #ffffff;
    transition: all 0.2s ease;
}


    .summary-card:hover[b-0j2394xx4h] {
        transform: translateY(-2px);
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
    }


.summary-card-content[b-0j2394xx4h] {
    display: flex;
    align-items: center;
    gap: 16px;
}


.summary-icon[b-0j2394xx4h] {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #f3f5f9;
}


.summary-label[b-0j2394xx4h] {
    opacity: 0.65;
}


.summary-value[b-0j2394xx4h] {
    margin-top: 2px;
    font-weight: 700;
}


/* =====================================================
   PANELS
   ===================================================== */

.dashboard-section[b-0j2394xx4h] {
    margin-top: 4px;
}


.dashboard-panel[b-0j2394xx4h] {
    height: 100%;
    background: #ffffff;
    border: 1px solid #e7e9ef;
    border-radius: 14px;
    padding: 18px;
}


.panel-header[b-0j2394xx4h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}


.panel-title[b-0j2394xx4h] {
    font-weight: 650;
}


.panel-subtitle[b-0j2394xx4h] {
    opacity: 0.60;
}


/* =====================================================
   ATTENDANCE
   ===================================================== */

.attendance-area[b-0j2394xx4h] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-top: 18px;
}


.attendance-item[b-0j2394xx4h] {
    text-align: center;
    padding: 15px 8px;
    background: #f8f9fb;
    border-radius: 10px;
}


.attendance-number[b-0j2394xx4h] {
    font-size: 24px;
    font-weight: 700;
}


.attendance-label[b-0j2394xx4h] {
    font-size: 12px;
    opacity: 0.65;
    margin-top: 3px;
}


.progress-section[b-0j2394xx4h] {
    margin-top: 22px;
}


.progress-header[b-0j2394xx4h] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 7px;
    font-size: 13px;
}


/* =====================================================
   QUICK ACTIONS
   ===================================================== */

.quick-actions[b-0j2394xx4h] {
    display: flex;
    flex-direction: column;
    padding-top: 8px;
}


.quick-button[b-0j2394xx4h] {
    justify-content: flex-start !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-bottom: 3px;
}


/* =====================================================
   EMPLOYEE SUMMARY
   ===================================================== */

.employee-summary[b-0j2394xx4h] {
    padding-top: 8px;
}


.employee-summary-row[b-0j2394xx4h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 6px;
    border-bottom: 1px solid #eeeeee;
}


    .employee-summary-row:last-child[b-0j2394xx4h] {
        border-bottom: none;
    }


    .employee-summary-row > div[b-0j2394xx4h] {
        display: flex;
        align-items: center;
        gap: 10px;
    }


/* =====================================================
   LEAVE SUMMARY
   ===================================================== */

.leave-summary[b-0j2394xx4h] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    padding-top: 18px;
}


.leave-box[b-0j2394xx4h] {
    padding: 18px 8px;
    text-align: center;
    background: #f8f9fb;
    border-radius: 10px;
}


/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (max-width: 768px) {

    .dashboard-header[b-0j2394xx4h] {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }


    .header-right[b-0j2394xx4h] {
        width: 100%;
        justify-content: space-between;
    }


    .welcome-area[b-0j2394xx4h] {
        text-align: left;
    }


    .attendance-area[b-0j2394xx4h] {
        grid-template-columns: repeat(2, 1fr);
    }


    .leave-summary[b-0j2394xx4h] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Login/Login.razor.rz.scp.css */
/* =========================================================
   SCHOOL ERP LOGIN
   Premium • Clean • Sober • Responsive
   ========================================================= */


/* =========================
   PAGE
   ========================= */

.school-login-page[b-sfjdgvcgq1] {
    min-height: 100vh;
    width: 100%;
    background: radial-gradient( circle at 10% 20%, rgba(37, 99, 235, 0.06), transparent 30% ), linear-gradient( 135deg, #f8fafc 0%, #eef4ff 100% );
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 24px;
    box-sizing: border-box;
}


/* =========================
   MAIN CARD
   ========================= */

.login-shell[b-sfjdgvcgq1] {
    width: 100%;
    max-width: 1120px;
    background: #ffffff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(15, 23, 42, 0.10), 0 8px 20px rgba(15, 23, 42, 0.05);
    border: 1px solid rgba(226, 232, 240, 0.8);
}

.login-grid[b-sfjdgvcgq1] {
    width: 100%;
    margin: 0 !important;
}


/* =========================
   LEFT BRAND PANEL
   ========================= */

.brand-column[b-sfjdgvcgq1] {
    min-height: 690px;
}

.brand-panel[b-sfjdgvcgq1] {
    position: relative;
    height: 100%;
    min-height: 690px;
    overflow: hidden;
    background: linear-gradient( 145deg, #173b67 0%, #1d4f85 55%, #2563a8 100% );
    color: white;
    padding: 58px 54px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
}


/* Decorative circles */

.decorative-circle[b-sfjdgvcgq1] {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.circle-one[b-sfjdgvcgq1] {
    width: 300px;
    height: 300px;
    right: -130px;
    top: -120px;
    background: rgba(255, 255, 255, 0.055);
}

.circle-two[b-sfjdgvcgq1] {
    width: 220px;
    height: 220px;
    left: -110px;
    bottom: -100px;
    background: rgba(255, 255, 255, 0.045);
}


/* =========================
   BRAND CONTENT
   ========================= */

.brand-content[b-sfjdgvcgq1] {
    position: relative;
    z-index: 2;
    max-width: 450px;
    margin: auto 0;
}


/* Logo */

.brand-logo-wrapper[b-sfjdgvcgq1] {
    margin-bottom: 24px;
}

.brand-logo[b-sfjdgvcgq1] {
    width: 58px !important;
    height: 58px !important;
    background: rgba(255, 255, 255, 0.14) !important;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

    .brand-logo .mud-icon-root[b-sfjdgvcgq1] {
        color: #ffffff;
    }


/* Brand title */

.brand-title[b-sfjdgvcgq1] {
    color: #ffffff !important;
    font-weight: 700 !important;
    letter-spacing: -0.8px;
    margin-bottom: 4px;
}

.brand-subtitle[b-sfjdgvcgq1] {
    color: rgba(255, 255, 255, 0.72) !important;
    font-weight: 400;
    letter-spacing: 0.1px;
}


/* =========================
   ILLUSTRATION
   ========================= */

.school-illustration[b-sfjdgvcgq1] {
    width: 210px;
    height: 150px;
    margin: 46px auto 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.illustration-glow[b-sfjdgvcgq1] {
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: radial-gradient( circle, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.05) 55%, transparent 70% );
    filter: blur(1px);
}

.school-icon[b-sfjdgvcgq1] {
    position: relative;
    z-index: 2;
    font-size: 112px !important;
    color: #ffffff !important;
    filter: drop-shadow( 0 12px 20px rgba(0, 0, 0, 0.16) );
}


/* =========================
   DESCRIPTION
   ========================= */

.brand-description[b-sfjdgvcgq1] {
    color: rgba(255, 255, 255, 0.80) !important;
    line-height: 1.7 !important;
    font-size: 15px !important;
    margin-bottom: 28px;
}


/* =========================
   FEATURES
   ========================= */

.feature-list[b-sfjdgvcgq1] {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.feature-item[b-sfjdgvcgq1] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 14px;
}

.feature-icon[b-sfjdgvcgq1] {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.11);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

    .feature-icon .mud-icon-root[b-sfjdgvcgq1] {
        color: #ffffff;
    }


/* =========================
   BRAND FOOTER
   ========================= */

.brand-footer[b-sfjdgvcgq1] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.55);
    font-size: 12px;
}


/* =========================
   RIGHT FORM PANEL
   ========================= */

.form-column[b-sfjdgvcgq1] {
    background: #ffffff;
}

.form-panel[b-sfjdgvcgq1] {
    min-height: 690px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 55px 70px;
    box-sizing: border-box;
}

.form-container[b-sfjdgvcgq1] {
    width: 100%;
    max-width: 420px;
}


/* =========================
   HEADER
   ========================= */

.login-header[b-sfjdgvcgq1] {
    margin-bottom: 34px;
}

.login-title[b-sfjdgvcgq1] {
    color: #172033 !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px;
    margin-bottom: 7px;
}

.login-subtitle[b-sfjdgvcgq1] {
    color: #667085 !important;
    line-height: 1.6;
}

.mobile-logo[b-sfjdgvcgq1] {
    display: none;
}


/* =========================
   INPUTS
   ========================= */

.field-wrapper[b-sfjdgvcgq1] {
    margin-bottom: 21px;
}

.erp-input[b-sfjdgvcgq1] {
    width: 100%;
}


    /* MudBlazor internal styling */

    .erp-input[b-sfjdgvcgq1]  .mud-input-outlined-border {
        border-color: #d9dee8 !important;
        border-radius: 11px !important;
    }

    .erp-input[b-sfjdgvcgq1]  .mud-input-root {
        min-height: 48px;
    }

    .erp-input[b-sfjdgvcgq1]  .mud-input-label {
        color: #667085 !important;
    }

    .erp-input[b-sfjdgvcgq1]  .mud-input-slot {
        color: #172033 !important;
    }

    .erp-input[b-sfjdgvcgq1]  .mud-input-adornment {
        color: #64748b !important;
    }

    .erp-input[b-sfjdgvcgq1]  .mud-input-outlined:focus-within
    .mud-input-outlined-border {
        border-color: #2563eb !important;
        border-width: 2px !important;
    }

    .erp-input[b-sfjdgvcgq1]  .mud-input-outlined:focus-within
    .mud-input-adornment {
        color: #2563eb !important;
    }


/* =========================
   VALIDATION
   ========================= */

.validation-error[b-sfjdgvcgq1] {
    display: block;
    color: #dc2626;
    font-size: 12px;
    margin-top: 5px;
    padding-left: 3px;
}


/* =========================
   OPTIONS
   ========================= */

.login-options[b-sfjdgvcgq1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 2px 0 25px;
}

.remember-checkbox[b-sfjdgvcgq1] {
    margin: 0 !important;
}

    .remember-checkbox[b-sfjdgvcgq1]  .mud-typography {
        color: #667085 !important;
        font-size: 13px !important;
    }

.forgot-link[b-sfjdgvcgq1] {
    color: #2563eb !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

    .forgot-link:hover[b-sfjdgvcgq1] {
        color: #1d4ed8 !important;
        text-decoration: underline;
    }


/* =========================
   ERROR
   ========================= */

.login-alert[b-sfjdgvcgq1] {
    margin-bottom: 20px !important;
    border-radius: 10px !important;
    font-size: 13px;
}


/* =========================
   LOGIN BUTTON
   ========================= */

.login-button[b-sfjdgvcgq1] {
    height: 50px !important;
    border-radius: 11px !important;
    background: linear-gradient( 135deg, #2563eb, #1d4ed8 ) !important;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.20);
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0.1px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .login-button:hover[b-sfjdgvcgq1] {
        transform: translateY(-1px);
        box-shadow: 0 12px 25px rgba(37, 99, 235, 0.28);
    }

    .login-button:disabled[b-sfjdgvcgq1] {
        opacity: 0.75;
        transform: none;
        box-shadow: none;
    }

.login-arrow[b-sfjdgvcgq1] {
    margin-left: 8px;
}

.loading-spinner[b-sfjdgvcgq1] {
    margin-right: 9px;
}


/* =========================
   DIVIDER
   ========================= */

.or-divider[b-sfjdgvcgq1] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 27px 0;
}

    .or-divider span[b-sfjdgvcgq1] {
        height: 1px;
        flex: 1;
        background: #eaecf0;
    }

    .or-divider .mud-typography[b-sfjdgvcgq1] {
        color: #98a2b3 !important;
        font-size: 10px !important;
        font-weight: 600;
    }


/* =========================
   SIGNUP
   ========================= */

.signup-section[b-sfjdgvcgq1] {
    text-align: center;
}

.signup-text[b-sfjdgvcgq1] {
    color: #667085 !important;
    margin-bottom: 13px;
}

.signup-button[b-sfjdgvcgq1] {
    height: 46px !important;
    border-radius: 10px !important;
    text-transform: none !important;
    font-weight: 600 !important;
    border-color: #cfd6e2 !important;
    color: #2563eb !important;
    transition: background 0.2s ease, border-color 0.2s ease;
}

    .signup-button:hover[b-sfjdgvcgq1] {
        background: #f5f8ff !important;
        border-color: #2563eb !important;
    }


/* =========================
   FOOTER
   ========================= */

.login-footer[b-sfjdgvcgq1] {
    margin-top: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #98a2b3;
}

    .login-footer .mud-icon-root[b-sfjdgvcgq1] {
        color: #98a2b3;
    }

    .login-footer .mud-typography[b-sfjdgvcgq1] {
        color: #98a2b3 !important;
        font-size: 11px !important;
    }

.copyright[b-sfjdgvcgq1] {
    display: block;
    color: #b0b7c3 !important;
    margin-top: 11px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 960px) {

    .school-login-page[b-sfjdgvcgq1] {
        padding: 25px 18px;
    }

    .brand-panel[b-sfjdgvcgq1] {
        padding: 45px 38px;
    }

    .form-panel[b-sfjdgvcgq1] {
        padding: 45px 38px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .school-login-page[b-sfjdgvcgq1] {
        min-height: 100vh;
        padding: 0;
        align-items: stretch;
        background: #f7f9fc;
    }

    .login-shell[b-sfjdgvcgq1] {
        max-width: none;
        min-height: 100vh;
        border-radius: 0;
        border: none;
        box-shadow: none;
    }

    /* Hide desktop brand */

    .brand-column[b-sfjdgvcgq1] {
        display: none !important;
    }

    .form-panel[b-sfjdgvcgq1] {
        min-height: 100vh;
        padding: 40px 24px 25px;
        align-items: flex-start;
    }

    .form-container[b-sfjdgvcgq1] {
        max-width: 100%;
        margin: auto 0;
    }

    .mobile-logo[b-sfjdgvcgq1] {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    .mobile-logo-avatar[b-sfjdgvcgq1] {
        background: #eaf1ff !important;
        color: #2563eb !important;
    }

    .login-header[b-sfjdgvcgq1] {
        text-align: center;
        margin-bottom: 30px;
    }

    .login-title[b-sfjdgvcgq1] {
        font-size: 27px !important;
    }

    .login-subtitle[b-sfjdgvcgq1] {
        font-size: 13px !important;
    }

    .login-options[b-sfjdgvcgq1] {
        margin-top: 3px;
    }

    .login-footer[b-sfjdgvcgq1] {
        margin-top: 30px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 400px) {

    .form-panel[b-sfjdgvcgq1] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .login-title[b-sfjdgvcgq1] {
        font-size: 25px !important;
    }

    .login-options[b-sfjdgvcgq1] {
        align-items: flex-start;
    }
}
/* /Components/Pages/MainDashBoard.razor.rz.scp.css */
/* =========================================================
   MAIN DASHBOARD
   ========================================================= */

.main-dashboard-page[b-po3ndlm9eg] {
    width: 100%;
    padding: 4px;
}


/* =========================================================
   HEADER
   ========================================================= */

.main-dashboard-header[b-po3ndlm9eg] {
    background: #ffffff;
    border: 1px solid #e7e9ef;
    border-radius: 16px;
    padding: 20px 24px;
}


.header-content[b-po3ndlm9eg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.dashboard-title[b-po3ndlm9eg] {
    font-weight: 700;
    letter-spacing: -0.4px;
}


.dashboard-subtitle[b-po3ndlm9eg] {
    margin-top: 4px;
    color: #747b89;
}


.header-icon[b-po3ndlm9eg] {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #f2f4ff;
    color: var(--mud-palette-primary);
}


/* =========================================================
   MODULE SECTION
   ========================================================= */

.module-section[b-po3ndlm9eg] {
    margin-top: 24px;
}


.section-heading[b-po3ndlm9eg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    padding: 0 3px;
}


.section-title[b-po3ndlm9eg] {
    font-weight: 650;
}


/* =========================================================
   MODULE CARD
   ========================================================= */

.module-card[b-po3ndlm9eg] {
    position: relative;
    min-height: 190px;
    height: 100%;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 22px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background-color 0.22s ease;
}


    /* =========================================================
   MODULE HOVER
   ========================================================= */

    .module-card:hover[b-po3ndlm9eg] {
        transform: translateY(-5px);
        border-color: var(--mud-palette-primary);
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.09);
    }


        .module-card:hover .module-icon-container[b-po3ndlm9eg] {
            transform: scale(1.08);
            background: #eef2ff;
        }


        .module-card:hover .module-open[b-po3ndlm9eg] {
            opacity: 1;
            transform: translateX(0);
        }


/* =========================================================
   MODULE ICON
   ========================================================= */

.module-icon-container[b-po3ndlm9eg] {
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 17px;
    background: #f4f6fa;
    color: var(--mud-palette-primary);
    margin-bottom: 15px;
    transition: transform 0.22s ease, background-color 0.22s ease;
}


    .module-icon-container .mud-icon-root[b-po3ndlm9eg] {
        font-size: 32px;
    }


/* =========================================================
   MODULE TEXT
   ========================================================= */

.module-name[b-po3ndlm9eg] {
    width: 100%;
    font-weight: 700;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 7px;
}


.module-description[b-po3ndlm9eg] {
    display: block;
    width: 100%;
    max-width: 230px;
    min-height: 34px;
    margin: 0 auto;
    text-align: center;
    line-height: 1.4;
    color: #7a808c;
}


/* =========================================================
   MODULE ARROW
   ========================================================= */

.module-open[b-po3ndlm9eg] {
    position: absolute;
    right: 15px;
    bottom: 13px;
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f3f4f6;
    color: var(--mud-palette-primary);
    opacity: 0;
    transform: translateX(-5px);
    transition: opacity 0.2s ease, transform 0.2s ease;
}


/* =========================================================
   CLICK / OPENING
   ========================================================= */

.module-card:active[b-po3ndlm9eg] {
    transform: translateY(-2px);
}


.module-card-opening[b-po3ndlm9eg] {
    pointer-events: none;
    border-color: var(--mud-palette-primary);
    background: #fafbff;
    opacity: 0.85;
}


/* =========================================================
   DASHBOARD LOADING
   ========================================================= */

.dashboard-loading[b-po3ndlm9eg] {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
}


/* =========================================================
   EMPTY DASHBOARD
   ========================================================= */

.empty-dashboard[b-po3ndlm9eg] {
    min-height: 300px;
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #e7e9ef;
    border-radius: 16px;
    background: #ffffff;
}


/* =========================================================
   INFORMATION SECTION
   ========================================================= */

.information-section[b-po3ndlm9eg] {
    margin-top: 28px;
    margin-bottom: 20px;
}


/* =========================================================
   INFORMATION CARD
   ========================================================= */

.dashboard-info-card[b-po3ndlm9eg] {
    height: 100%;
    min-height: 300px;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
}


/* =========================================================
   INFO CARD HEADER
   ========================================================= */

.info-card-header[b-po3ndlm9eg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}


.info-card-title-area[b-po3ndlm9eg] {
    display: flex;
    align-items: center;
    gap: 11px;
}


.info-card-title[b-po3ndlm9eg] {
    font-weight: 700;
}


.info-card-subtitle[b-po3ndlm9eg] {
    color: #7a808c;
}


/* =========================================================
   INFORMATION ICON
   ========================================================= */

.info-card-icon[b-po3ndlm9eg] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 12px;
}


.notice-icon[b-po3ndlm9eg] {
    background: #eef2ff;
    color: var(--mud-palette-primary);
}


.circular-icon[b-po3ndlm9eg] {
    background: #eefbf4;
    color: #24875d;
}


/* =========================================================
   NOTICE LOADING
   ========================================================= */

.notice-loading[b-po3ndlm9eg] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


/* =========================================================
   NOTICE EMPTY
   ========================================================= */

.notice-empty[b-po3ndlm9eg] {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}


/* =========================================================
   NOTICE LIST
   ========================================================= */

.notice-list[b-po3ndlm9eg] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}


/* =========================================================
   NOTICE ITEM
   ========================================================= */

.notice-item[b-po3ndlm9eg] {
    padding: 12px 13px;
    border: 1px solid #e8eaf0;
    border-radius: 11px;
    background: #ffffff;
    transition: border-color 0.18s ease, background-color 0.18s ease;
}


    .notice-item:hover[b-po3ndlm9eg] {
        border-color: #d2d7e4;
        background: #fafbfc;
    }


.notice-item-top[b-po3ndlm9eg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}


.notice-title-area[b-po3ndlm9eg] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}


.notice-title[b-po3ndlm9eg] {
    font-weight: 650;
}


/* =========================================================
   NOTICE TEXT
   ========================================================= */

.notice-text[b-po3ndlm9eg] {
    margin-top: 6px;
    color: #5f6672;
    line-height: 1.45;
    white-space: pre-line;
}


/* =========================================================
   NOTICE FOOTER
   ========================================================= */

.notice-footer[b-po3ndlm9eg] {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}


.notice-date[b-po3ndlm9eg] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #8a909c;
}


/* =========================================================
   NOTICE MORE
   ========================================================= */

.notice-more[b-po3ndlm9eg] {
    margin-top: 12px;
    padding-top: 10px;
    text-align: center;
    border-top: 1px solid #edf0f4;
}


/* =========================================================
   CIRCULAR PLACEHOLDER
   ========================================================= */

.communication-placeholder[b-po3ndlm9eg] {
    min-height: 210px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 960px) {

    .dashboard-info-card[b-po3ndlm9eg] {
        min-height: auto;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .main-dashboard-header[b-po3ndlm9eg] {
        padding: 17px;
    }


    .header-content[b-po3ndlm9eg] {
        gap: 12px;
    }


    .header-icon[b-po3ndlm9eg] {
        width: 45px;
        height: 45px;
        flex-shrink: 0;
    }


    .module-section[b-po3ndlm9eg] {
        margin-top: 18px;
    }


    .module-card[b-po3ndlm9eg] {
        min-height: 165px;
        padding: 18px 14px;
    }


    .module-icon-container[b-po3ndlm9eg] {
        width: 54px;
        height: 54px;
        margin-bottom: 11px;
    }


        .module-icon-container .mud-icon-root[b-po3ndlm9eg] {
            font-size: 28px;
        }


    .section-heading[b-po3ndlm9eg] {
        align-items: flex-start;
    }


    .information-section[b-po3ndlm9eg] {
        margin-top: 22px;
    }


    .dashboard-info-card[b-po3ndlm9eg] {
        padding: 16px;
        border-radius: 14px;
    }


    .info-card-header[b-po3ndlm9eg] {
        align-items: flex-start;
    }


    .info-card-icon[b-po3ndlm9eg] {
        width: 38px;
        height: 38px;
    }


    .notice-item[b-po3ndlm9eg] {
        padding: 11px;
    }


    .notice-footer[b-po3ndlm9eg] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/Masters/DepartmentMaster.razor.rz.scp.css */
.master-page[b-1pce9zffyb] {
    width: 100%;
    padding: 4px;
}


/* =========================================================
   HEADER
   ========================================================= */

.master-header[b-1pce9zffyb] {
    border: 1px solid #e7e9ef;
    border-radius: 12px;
    background: #ffffff;
}

.master-title[b-1pce9zffyb] {
    font-weight: 700;
    letter-spacing: -0.3px;
}


/* =========================================================
   SUMMARY CARDS
   ========================================================= */

.summary-card[b-1pce9zffyb] {
    border: 1px solid #e7e9ef;
    border-radius: 12px;
    background: #ffffff;
    height: 100%;
    transition: transform 0.20s ease, box-shadow 0.20s ease;
}

    .summary-card:hover[b-1pce9zffyb] {
        transform: translateY(-2px);
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    }

.summary-icon[b-1pce9zffyb] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.03);
}


/* =========================================================
   TOOLBAR
   ========================================================= */

.master-toolbar[b-1pce9zffyb] {
    border: 1px solid #e7e9ef;
    border-radius: 12px;
    background: #ffffff;
}

.search-box[b-1pce9zffyb] {
    width: 300px;
}


/* =========================================================
   GRID
   ========================================================= */

.master-grid[b-1pce9zffyb] {
    border: 1px solid #e7e9ef;
    border-radius: 12px;
    background: #ffffff;
}

.department-table[b-1pce9zffyb] {
    width: 100%;
}


/* =========================================================
   DEPARTMENT TREE
   ========================================================= */

.department-name[b-1pce9zffyb] {
    display: flex;
    align-items: center;
    min-height: 30px;
    font-weight: 500;
}

.hierarchy-icon[b-1pce9zffyb] {
    opacity: 0.60;
}

.main-department-label[b-1pce9zffyb] {
    font-size: 12px;
    opacity: 0.65;
    font-style: italic;
}


/* =========================================================
   TABLE HOVER
   ========================================================= */

.department-table[b-1pce9zffyb]  tbody tr {
    transition: background-color 0.15s ease;
}

    .department-table[b-1pce9zffyb]  tbody tr:hover {
        background-color: rgba(0, 0, 0, 0.04);
    }


/* =========================================================
   LOADING
   ========================================================= */

.loading-area[b-1pce9zffyb] {
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* =========================================================
   NO RECORDS
   ========================================================= */

.no-records[b-1pce9zffyb] {
    min-height: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .toolbar-stack[b-1pce9zffyb] {
        flex-wrap: wrap;
    }

    .search-box[b-1pce9zffyb] {
        width: 100%;
    }
}
/* /Components/Pages/Masters/DesignationMaster.razor.rz.scp.css */
.master-page[b-zvtl0pwj8d] {
    width: 100%;
    padding: 4px;
}


/* HEADER */

.master-header[b-zvtl0pwj8d] {
    border: 1px solid #e7e9ef;
    border-radius: 12px;
    background: #ffffff;
}

.master-title[b-zvtl0pwj8d] {
    font-weight: 700;
    letter-spacing: -0.3px;
}


/* TOOLBAR */

.master-toolbar[b-zvtl0pwj8d] {
    border: 1px solid #e7e9ef;
    border-radius: 12px;
    background: #ffffff;
}


/* SUMMARY */

.summary-card[b-zvtl0pwj8d] {
    border: 1px solid #e7e9ef;
    border-radius: 12px;
    background: #ffffff;
    height: 100%;
}

.summary-value[b-zvtl0pwj8d] {
    font-weight: 700;
}


/* TABLE */

.master-table[b-zvtl0pwj8d] {
    border: 1px solid #e7e9ef;
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff;
}
/* /Components/Pages/Masters/DesignationTypeMaster.razor.rz.scp.css */
.master-page[b-32kgxb5ej0] {
    width: 100%;
    padding: 4px;
}

.master-header[b-32kgxb5ej0] {
    border: 1px solid #e7e9ef;
    border-radius: 12px;
    background: #ffffff;
}

.master-title[b-32kgxb5ej0] {
    font-weight: 700;
    letter-spacing: -0.3px;
}

.master-toolbar[b-32kgxb5ej0] {
    border: 1px solid #e7e9ef;
    border-radius: 12px;
    background: #ffffff;
}

.summary-card[b-32kgxb5ej0] {
    border: 1px solid #e7e9ef;
    border-radius: 12px;
    background: #ffffff;
    height: 100%;
}

.summary-value[b-32kgxb5ej0] {
    font-weight: 700;
}

.master-table[b-32kgxb5ej0] {
    border: 1px solid #e7e9ef;
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff;
}
/* /Components/Pages/onlineexamination/OnlineExaminationDashboard.razor.rz.scp.css */
.oe-dashboard[b-0bt5ogijbm] {
    padding: 24px;
    background: #f7f9fc;
    min-height: 100%;
}

.oe-loading[b-0bt5ogijbm] {
    min-height: 420px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.oe-dashboard-header[b-0bt5ogijbm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 18px;
}

.oe-dashboard-title[b-0bt5ogijbm] {
    font-weight: 700;
    color: #263246;
}

.oe-dashboard-subtitle[b-0bt5ogijbm] {
    margin-top: 4px;
    color: #778196;
}

.oe-dashboard-date[b-0bt5ogijbm] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid #e8ebf1;
    color: #616b7d;
    white-space: nowrap;
}


/* =========================================================
   KPI CARDS
   ========================================================= */

.oe-kpi-card[b-0bt5ogijbm] {
    height: 100%;
    padding: 20px;
    border: 1px solid #edf0f5;
    border-radius: 14px;
    background: #ffffff;
    transition: all 0.18s ease;
}

    .oe-kpi-card:hover[b-0bt5ogijbm] {
        transform: translateY(-2px);
        box-shadow: 0 8px 24px rgba(32, 50, 80, 0.08);
    }

.oe-kpi-content[b-0bt5ogijbm] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.oe-kpi-icon[b-0bt5ogijbm] {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

    .oe-kpi-icon.blue[b-0bt5ogijbm] {
        background: #eaf1ff;
        color: #3f6edb;
    }

    .oe-kpi-icon.green[b-0bt5ogijbm] {
        background: #e9f8ef;
        color: #29945f;
    }

    .oe-kpi-icon.orange[b-0bt5ogijbm] {
        background: #fff3df;
        color: #d98716;
    }

    .oe-kpi-icon.purple[b-0bt5ogijbm] {
        background: #f2ebff;
        color: #7952c7;
    }

.oe-kpi-label[b-0bt5ogijbm] {
    color: #6f798b;
    font-size: 0.83rem;
    font-weight: 600;
}

.oe-kpi-value[b-0bt5ogijbm] {
    margin-top: 1px;
    font-weight: 700;
    color: #263246;
}

.oe-kpi-footer[b-0bt5ogijbm] {
    margin-top: 1px;
    color: #9aa3b1;
    font-size: 0.74rem;
}


/* =========================================================
   GENERAL PANELS
   ========================================================= */

.oe-panel[b-0bt5ogijbm] {
    background: #ffffff;
    border: 1px solid #edf0f5;
    border-radius: 14px;
    padding: 20px;
}

.oe-full-height[b-0bt5ogijbm] {
    height: 100%;
}

.oe-panel-header[b-0bt5ogijbm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.oe-panel-title[b-0bt5ogijbm] {
    font-weight: 680;
    color: #303b4e;
}


/* =========================================================
   STATUS LIST
   ========================================================= */

.oe-status-list[b-0bt5ogijbm] {
    display: flex;
    flex-direction: column;
}

.oe-status-row[b-0bt5ogijbm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 49px;
    border-bottom: 1px solid #f0f2f6;
}

    .oe-status-row:last-child[b-0bt5ogijbm] {
        border-bottom: none;
    }

.oe-status-left[b-0bt5ogijbm] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.oe-status-dot[b-0bt5ogijbm] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex: 0 0 auto;
}

    .oe-status-dot.draft[b-0bt5ogijbm] {
        background: #8a93a3;
    }

    .oe-status-dot.ready[b-0bt5ogijbm] {
        background: #4d86e8;
    }

    .oe-status-dot.active[b-0bt5ogijbm] {
        background: #38a56b;
    }

    .oe-status-dot.closed[b-0bt5ogijbm] {
        background: #e19a2d;
    }

    .oe-status-dot.published[b-0bt5ogijbm] {
        background: #7256c7;
    }

.oe-status-count[b-0bt5ogijbm] {
    min-width: 40px;
    text-align: right;
    color: #303b4e;
}


/* =========================================================
   OPERATIONAL SUMMARY
   ========================================================= */

.oe-operational-grid[b-0bt5ogijbm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.oe-operational-item[b-0bt5ogijbm] {
    border: 1px solid #edf0f5;
    background: #fbfcfe;
    border-radius: 12px;
    padding: 17px;
}

.oe-operation-label[b-0bt5ogijbm] {
    margin-bottom: 5px;
    color: #7a8495;
    font-size: 0.8rem;
    font-weight: 600;
}


/* =========================================================
   ACTIVE EXAMS
   ========================================================= */

.oe-active-exam[b-0bt5ogijbm] {
    padding: 17px;
    border-radius: 12px;
    height: 100%;
}

.oe-active-header[b-0bt5ogijbm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
}

.oe-active-title[b-0bt5ogijbm] {
    font-weight: 680;
    color: #303b4e;
}

.oe-active-counts[b-0bt5ogijbm] {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

    .oe-active-counts > div[b-0bt5ogijbm] {
        padding: 10px 8px;
        border-radius: 9px;
        background: #f8f9fc;
        text-align: center;
    }

    .oe-active-counts span[b-0bt5ogijbm] {
        display: block;
        color: #8992a1;
        font-size: 0.7rem;
        line-height: 1.2;
    }

    .oe-active-counts strong[b-0bt5ogijbm] {
        display: block;
        margin-top: 5px;
        color: #303b4e;
        font-size: 1.05rem;
    }

.oe-active-actions[b-0bt5ogijbm] {
    flex-wrap: wrap;
}


/* =========================================================
   ATTENTION
   ========================================================= */

.oe-attention-list[b-0bt5ogijbm] {
    display: flex;
    flex-direction: column;
}

.oe-attention-item[b-0bt5ogijbm] {
    min-height: 70px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #f0f2f6;
    cursor: pointer;
    padding: 10px 3px;
    transition: background 0.15s ease;
}

    .oe-attention-item:hover[b-0bt5ogijbm] {
        background: #fafbfe;
    }

    .oe-attention-item:last-child[b-0bt5ogijbm] {
        border-bottom: none;
    }

.oe-attention-dot[b-0bt5ogijbm] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex: 0 0 auto;
}

    .oe-attention-dot.critical[b-0bt5ogijbm] {
        background: #df4e5e;
        box-shadow: 0 0 0 4px #ffecef;
    }

    .oe-attention-dot.warning[b-0bt5ogijbm] {
        background: #df961e;
        box-shadow: 0 0 0 4px #fff3df;
    }

    .oe-attention-dot.info[b-0bt5ogijbm] {
        background: #4e7ede;
        box-shadow: 0 0 0 4px #eaf0ff;
    }

.oe-attention-content[b-0bt5ogijbm] {
    flex: 1;
    min-width: 0;
}

.oe-attention-title-row[b-0bt5ogijbm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.oe-attention-title[b-0bt5ogijbm] {
    flex: 1;
    font-weight: 600;
    color: #3d4759;
}

.oe-attention-count[b-0bt5ogijbm] {
    min-width: 28px;
    padding: 2px 8px;
    border-radius: 20px;
    background: #eef1f6;
    text-align: center;
    font-size: 0.72rem;
    font-weight: 700;
    color: #566074;
}


/* =========================================================
   RECENT EXAMS
   ========================================================= */

.oe-recent-list[b-0bt5ogijbm] {
    display: flex;
    flex-direction: column;
}

.oe-recent-item[b-0bt5ogijbm] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 68px;
    border-bottom: 1px solid #f0f2f6;
}

    .oe-recent-item:last-child[b-0bt5ogijbm] {
        border-bottom: none;
    }

.oe-recent-icon[b-0bt5ogijbm] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #edf2ff;
    color: #4e73cc;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.oe-recent-main[b-0bt5ogijbm] {
    flex: 1;
    min-width: 0;
}

.oe-recent-title[b-0bt5ogijbm] {
    color: #394458;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* =========================================================
   QUICK ACTIONS
   ========================================================= */

.oe-quick-grid[b-0bt5ogijbm] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

[b-0bt5ogijbm] .oe-quick-action {
    min-height: 98px;
    border: 1px solid #edf0f5;
    border-radius: 12px;
    background: #fbfcfe;
    text-transform: none;
}

    [b-0bt5ogijbm] .oe-quick-action:hover {
        background: #f6f8fc;
        border-color: #dce1ea;
    }

    [b-0bt5ogijbm] .oe-quick-action .mud-button-label {
        width: 100%;
    }

.oe-quick-content[b-0bt5ogijbm] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #444f63;
    font-size: 0.79rem;
    font-weight: 650;
}

.oe-quick-icon[b-0bt5ogijbm] {
    width: 41px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
}

    .oe-quick-icon.blue[b-0bt5ogijbm] {
        background: #eaf1ff;
        color: #3d6bd2;
    }

    .oe-quick-icon.green[b-0bt5ogijbm] {
        background: #e9f8ef;
        color: #29945f;
    }

    .oe-quick-icon.orange[b-0bt5ogijbm] {
        background: #fff2df;
        color: #d88a18;
    }

    .oe-quick-icon.purple[b-0bt5ogijbm] {
        background: #f1eafe;
        color: #7a53c4;
    }

    .oe-quick-icon.red[b-0bt5ogijbm] {
        background: #ffebee;
        color: #d64d5b;
    }

    .oe-quick-icon.teal[b-0bt5ogijbm] {
        background: #e6f7f6;
        color: #218d86;
    }


/* =========================================================
   EMPTY STATE
   ========================================================= */

.oe-empty[b-0bt5ogijbm] {
    min-height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
    padding: 18px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 959px) {

    .oe-dashboard[b-0bt5ogijbm] {
        padding: 18px;
    }

    .oe-quick-grid[b-0bt5ogijbm] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .oe-active-counts[b-0bt5ogijbm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 599px) {

    .oe-dashboard[b-0bt5ogijbm] {
        padding: 12px;
    }

    .oe-dashboard-header[b-0bt5ogijbm] {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .oe-dashboard-title[b-0bt5ogijbm] {
        font-size: 1.7rem;
    }

    .oe-dashboard-date[b-0bt5ogijbm] {
        align-self: stretch;
        justify-content: center;
    }

    .oe-panel[b-0bt5ogijbm] {
        padding: 15px;
    }

    .oe-panel-header[b-0bt5ogijbm] {
        align-items: flex-start;
    }

    .oe-operational-grid[b-0bt5ogijbm] {
        grid-template-columns: 1fr;
    }

    .oe-quick-grid[b-0bt5ogijbm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .oe-active-header[b-0bt5ogijbm] {
        flex-direction: column;
    }

    .oe-active-counts[b-0bt5ogijbm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .oe-recent-item[b-0bt5ogijbm] {
        align-items: flex-start;
        padding: 10px 0;
        flex-wrap: wrap;
    }
}
/* /Components/Pages/StudentDashboard.razor.rz.scp.css */
/* =========================================================
   SUBJECT PERFORMANCE
   ========================================================= */

.subject-list[b-aek32oer1h] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-top: 5px;
}

.subject-item[b-aek32oer1h] {
    width: 100%;
}

.subject-header[b-aek32oer1h] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    font-size: 12px;
    color: #596579;
}

    .subject-header strong[b-aek32oer1h] {
        color: #303b4e;
    }


/* =========================================================
   TIMETABLE
   ========================================================= */

.timetable[b-aek32oer1h] {
    display: flex;
    flex-direction: column;
}

.timetable-row[b-aek32oer1h] {
    min-height: 48px;
    display: grid;
    grid-template-columns: 75px 1fr 100px;
    align-items: center;
    padding: 7px 0;
    border-bottom: 1px solid #eef0f3;
}

    .timetable-row:last-child[b-aek32oer1h] {
        border-bottom: none;
    }

.period-time[b-aek32oer1h] {
    font-size: 12px;
    font-weight: 600;
    color: #5272ba;
}

.period-info[b-aek32oer1h] {
    display: flex;
    flex-direction: column;
}

    .period-info strong[b-aek32oer1h] {
        font-size: 13px;
        color: #384357;
    }

    .period-info span[b-aek32oer1h] {
        margin-top: 2px;
        font-size: 11px;
        color: #929bab;
    }

.period-room[b-aek32oer1h] {
    text-align: right;
    font-size: 11px;
    color: #8993a4;
}
/* /Components/Pages/Test.razor.rz.scp.css */
.Test_Class[b-rv807n31i1]
{
    font-family:Arial; color:red; background-color:aqua;
}
.test-css[b-rv807n31i1] {
    background: red !important;
    padding: 50px !important;
}

    .test-css[b-rv807n31i1]  .mud-button-root {
        background: green !important;
        color: white !important;
    }