*{box-sizing:border-box;margin:0;padding:0}.dashboard{background:var(--navbar-bg);width:100%;min-height:100vh;padding:20px 24px}.dashboard-header-section{margin-bottom:16px}.dashboard-top-bar{justify-content:space-between;align-items:center;gap:16px;padding:0;display:flex}.dashboardsotcutTime,.dashboardsotcutDate{color:var(--navbar-text);background:var(--sidebar-hover-bg);border:1px solid var(--sidebar-border);white-space:nowrap;-webkit-backdrop-filter:blur(12px);border-radius:8px;justify-content:center;align-items:center;gap:10px;min-width:120px;height:35px;padding:7px 10px;font-size:11px;font-weight:600;display:flex}.dashboardsotcutTime .timeIcon,.dashboardsotcutDate .dateIcon{color:var(--shade3);flex-shrink:0}.dashboardsotcutDate span{color:var(--navbar-text)}body.dark-theme .dashboardsotcutTime,body.dark-theme .dashboardsotcutDate{background:#1f2937d9}body.light-theme .dashboardsotcutTime,body.light-theme .dashboardsotcutDate{background:#ffffffbf}.statsOverviewContainer{flex-wrap:nowrap;justify-content:space-evenly;align-items:stretch;gap:10px;margin-top:16px;display:flex}.statsCard{text-align:center;cursor:default;background:#fff;border:1px solid #0000000f;border-radius:10px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;min-width:110px;max-width:150px;height:auto;padding:10px 12px 12px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.statsCard:before{content:"";border-radius:0 0 2px 2px;height:2px;transition:all .25s;position:absolute;top:0;left:10px;right:10px}.statsCard:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.statsCard:hover:before{left:6px;right:6px}.statsCardIconBg{border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:6px;transition:all .25s;display:flex}.statsCardIconBg svg{width:15px;height:15px}.statsCard:hover .statsCardIconBg{transform:scale(1.08)}.statsCardValue{color:var(--navbar-text);letter-spacing:-.3px;z-index:1;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;font-size:.75rem;font-weight:700;line-height:1.2;overflow:hidden}.statsCardTitle{color:var(--sidebar-text-muted);text-transform:uppercase;letter-spacing:.3px;z-index:1;margin:4px 0 0;font-size:.45rem;font-weight:600}.statsCardPrimary:before{background:#6366f1}.statsCardPrimary .statsCardIconBg{color:#6366f1;background:#6366f11f}.statsCardCyan:before{background:#0891b2}.statsCardCyan .statsCardIconBg{color:#0891b2;background:#0891b21f}.statsCardSlate:before{background:#64748b}.statsCardSlate .statsCardIconBg{color:#64748b;background:#64748b1f}.statsCardBlue:before{background:#2563eb}.statsCardBlue .statsCardIconBg{color:#2563eb;background:#2563eb1f}.statsCardTeal:before{background:#0d9488}.statsCardTeal .statsCardIconBg{color:#0d9488;background:#0d94881f}.statsCardSuccess:before{background:#16a34a}.statsCardSuccess .statsCardIconBg{color:#16a34a;background:#16a34a1f}.statsCardDanger:before{background:#dc2626}.statsCardDanger .statsCardIconBg{color:#dc2626;background:#dc26261f}.statsCardPurple:before{background:#7c3aed}.statsCardPurple .statsCardIconBg{color:#7c3aed;background:#7c3aed1f}body.dark-theme .statsCard{background:#1f2937;border-color:#ffffff14;box-shadow:0 1px 3px #0003}.AdimDashboardText{justify-content:space-between;align-items:center;margin:20px 0 12px;padding:0 4px;display:flex}.AdminText{color:var(--navbar-text);align-items:center;font-size:13px;font-weight:600;display:flex}.ShowHideBtn{cursor:pointer;background:var(--sidebar-active-bg);color:var(--sidebar-active-text);border-radius:6px 0 0 6px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000000a}.ShowHideBtn:hover{background:var(--sidebar-active-bg);transform:translateY(-1px);box-shadow:0 4px 8px #00000014}.ShowHideBtn span{font-weight:600}.adminDashboardCardsGrid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.adminCard{background:#fff;border:1px solid #00000014;border-radius:16px;flex-direction:column;justify-content:flex-start;padding:18px 20px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f}.adminCard:before{content:"";border-radius:0 4px 4px 0;width:3px;transition:all .3s;position:absolute;top:12px;bottom:12px;left:0}.adminCard:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.adminCard:hover:before{top:8px;bottom:8px}.adminCardIconBg{border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .3s;display:flex;position:absolute;top:14px;right:14px}.adminCard:hover .adminCardIconBg{transform:scale(1.1)}.adminCardValue{color:#1a1a2e;letter-spacing:-.5px;z-index:1;margin:0;font-size:1rem;font-weight:700;line-height:1.2}.adminCardTitle{color:#64748b;text-transform:uppercase;letter-spacing:.5px;z-index:1;margin:6px 0 0;font-size:.6rem;font-weight:500}body.dark-theme .adminCard{background:#1f2937;border-color:#ffffff14;box-shadow:0 1px 3px #0003}body.dark-theme .adminCardValue{color:#f8fafc}body.dark-theme .adminCardTitle{color:#9ca3af}.adminCardDanger:before{background:#f87171}.adminCardDanger .adminCardIconBg{color:#f87171;background:#fef2f2}.adminCardOrange:before{background:#fb923c}.adminCardOrange .adminCardIconBg{color:#fb923c;background:#fff7ed}.adminCardSuccess:before{background:#4ade80}.adminCardSuccess .adminCardIconBg{color:#4ade80;background:#f0fdf4}.adminCardGreen:before{background:#22c55e}.adminCardGreen .adminCardIconBg{color:#22c55e;background:#f0fdf4}.adminCardAmber:before{background:#fbbf24}.adminCardAmber .adminCardIconBg{color:#fbbf24;background:#fffbeb}.adminCardYellow:before{background:#facc15}.adminCardYellow .adminCardIconBg{color:#facc15;background:#fefce8}.adminCardCyan:before{background:#22d3ee}.adminCardCyan .adminCardIconBg{color:#22d3ee;background:#ecfeff}.adminCardSlate:before{background:#94a3b8}.adminCardSlate .adminCardIconBg{color:#94a3b8;background:#f8fafc}.adminCardBlue:before{background:#60a5fa}.adminCardBlue .adminCardIconBg{color:#60a5fa;background:#eff6ff}.adminCardTeal:before{background:#2dd4bf}.adminCardTeal .adminCardIconBg{color:#2dd4bf;background:#f0fdfa}.adminCardZinc:before{background:#a1a1aa}.adminCardZinc .adminCardIconBg{color:#a1a1aa;background:#fafafa}.adminCardPurple:before{background:#a78bfa}.adminCardPurple .adminCardIconBg{color:#a78bfa;background:#f5f3ff}body.dark-theme .adminCardDanger .adminCardIconBg{color:#fca5a5;background:#7f1d1d}body.dark-theme .adminCardOrange .adminCardIconBg{color:#fdba74;background:#7c2d12}body.dark-theme .adminCardSuccess .adminCardIconBg{color:#86efac;background:#14532d}body.dark-theme .adminCardGreen .adminCardIconBg{color:#4ade80;background:#14532d}body.dark-theme .adminCardAmber .adminCardIconBg{color:#fcd34d;background:#78350f}body.dark-theme .adminCardYellow .adminCardIconBg{color:#fde047;background:#713f12}body.dark-theme .adminCardCyan .adminCardIconBg{color:#67e8f9;background:#164e63}body.dark-theme .adminCardSlate .adminCardIconBg{color:#cbd5e1;background:#334155}body.dark-theme .adminCardBlue .adminCardIconBg{color:#93c5fd;background:#1e3a5f}body.dark-theme .adminCardTeal .adminCardIconBg{color:#5eead4;background:#134e4a}body.dark-theme .adminCardZinc .adminCardIconBg{color:#d4d4d8;background:#3f3f46}body.dark-theme .adminCardPurple .adminCardIconBg{color:#c4b5fd;background:#4c1d95}body.dark-theme .adminCard:hover{border-color:#ffffff26;box-shadow:0 12px 32px #00000080}.dashboardChart{flex-wrap:wrap;gap:16px;display:flex}.chartHeading{text-align:center;background:var(--sidebar-active-bg);color:var(--sidebar-active-text);border-radius:8px 8px 0 0;padding:10px 16px;font-size:13px;font-weight:600}.chartOfmonthlyFee{flex-wrap:wrap;flex:1;gap:16px;display:flex}.boxesOfDashboard{background:var(--sidebar-hover-bg);border:1px solid var(--sidebar-border);border-radius:12px;flex-direction:column;flex:1;min-width:400px;max-width:100%;height:450px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.boxesOfDashboard:before{content:"";background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:12px 12px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.boxesOfDashboard:first-child:before{background:linear-gradient(90deg,#ef4444,#f97316)}.boxesOfDashboard:nth-child(2):before{background:linear-gradient(90deg,#f97316,#eab308)}.boxesOfDashboard:nth-child(3):before{background:linear-gradient(90deg,#eab308,#84cc16)}.boxesOfDashboard:nth-child(4):before{background:linear-gradient(90deg,#22c55e,#14b8a6)}.boxesOfDashboard:nth-child(5):before{background:linear-gradient(90deg,#06b6d4,#3b82f6)}.boxesOfDashboard:nth-child(6):before{background:linear-gradient(90deg,#3b82f6,#6366f1)}.boxesOfDashboard:nth-child(7):before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.boxesOfDashboard:nth-child(8):before{background:linear-gradient(90deg,#8b5cf6,#a855f7)}.boxesOfDashboard h2{color:var(--navbar-text);text-align:left;border-bottom:1px solid var(--sidebar-border);z-index:10;letter-spacing:.3px;background:0 0;justify-content:space-between;align-items:center;margin:0;padding:16px 20px 12px;font-size:13px;font-weight:700;display:flex;position:sticky;top:0}.boxesOfDashboard h1{color:var(--navbar-text);align-items:center;gap:12px;margin:0;padding:0 20px;display:flex;font-size:42px!important;font-weight:800!important}.boxesOfDashboard h1:before{content:"";display:none}.boxesOfDashboard>div:not(:first-child){padding:8px 16px}.boxesOfDashboard table{width:100%}.boxesOfDashboard>:not(h2){flex:1;padding:12px 16px;overflow-y:auto}.boxesOfDashboard::-webkit-scrollbar{width:6px}.boxesOfDashboard>::-webkit-scrollbar{width:6px}.boxesOfDashboard::-webkit-scrollbar-track{background:0 0}.boxesOfDashboard>::-webkit-scrollbar-track{background:0 0}.boxesOfDashboard::-webkit-scrollbar-thumb{background:var(--sidebar-scrollbar);border-radius:3px}.boxesOfDashboard>::-webkit-scrollbar-thumb{background:var(--sidebar-scrollbar);border-radius:3px}.boxesOfDashboard::-webkit-scrollbar-thumb:hover{background:var(--sidebar-text-muted)}.boxesOfDashboard>::-webkit-scrollbar-thumb:hover{background:var(--sidebar-text-muted)}.boxesOfDashboard>br+h1,.boxesOfDashboard h1[style*="font-size: 50px"]{border:1px dashed var(--sidebar-border);background:linear-gradient(135deg,#3b82f61a 0%,#8b5cf60d 100%);border-radius:12px;justify-content:center;width:auto;margin:12px 16px;display:inline-flex;padding:16px 24px!important}.attendance-status-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;padding:4px 10px;font-size:10px;font-weight:600;display:inline-flex}.status-late{color:#ea580c}.status-leave{color:#2563eb}.inboxforGenerateMonthlyFee td[colspan]{text-align:center;color:var(--sidebar-text-muted);font-style:italic;padding:40px 20px!important}.boxesOfDashboard .stats-summary{background:linear-gradient(135deg,#3b82f60d 0%,#8b5cf605 100%);border-radius:8px;gap:16px;margin:8px 16px;padding:12px 20px;display:flex}.boxesOfDashboard .stats-summary .stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.boxesOfDashboard .stats-summary .stat-value{color:var(--navbar-text);font-size:24px;font-weight:800}.boxesOfDashboard .stats-summary .stat-label{color:var(--sidebar-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.inboxforGenerateMonthlyFee td img[width="40"]{border:2px solid var(--sidebar-active-bg)!important;border-radius:10px!important;width:40px!important;height:40px!important;transition:transform .2s,box-shadow .2s!important;box-shadow:0 4px 8px #0000001f!important}.inboxforGenerateMonthlyFee tr:hover td img[width="40"]{transform:scale(1.1);box-shadow:0 6px 12px #00000026!important}.percentage-badge{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:20px;justify-content:center;align-items:center;min-width:50px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 2px 4px #22c55e4d}.inboxforGenerateMonthlyFee .MuiButton-colorSuccess{color:#fff!important;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)!important;border:none!important}.inboxforGenerateMonthlyFee .MuiButton-colorSuccess:hover{transform:translateY(-1px);background:linear-gradient(135deg,#16a34a 0%,#15803d 100%)!important;box-shadow:0 4px 8px #22c55e4d!important}.inboxforGenerateMonthlyFee{border-collapse:separate;border-spacing:0;width:100%}.inboxforGenerateMonthlyFee tr{transition:all .2s}.inboxforGenerateMonthlyFee th{color:var(--sidebar-text-muted);text-align:left;text-transform:uppercase;letter-spacing:.6px;border-bottom:2px solid var(--sidebar-border);z-index:5;background:linear-gradient(#3b82f61a 0%,#0000 100%);padding:12px 10px;font-size:10px;font-weight:700;position:sticky;top:0}.inboxforGenerateMonthlyFee td{color:var(--navbar-text);border-bottom:1px solid var(--sidebar-border);vertical-align:middle;padding:10px;font-size:12px;font-weight:500}.inboxforGenerateMonthlyFee td img{object-fit:cover;border:2px solid var(--sidebar-border);border-radius:50%;box-shadow:0 2px 4px #0000001a}.inboxforGenerateMonthlyFee tbody tr:nth-child(2n){background:#00000012}.inboxforGenerateMonthlyFee td:first-child{font-weight:600}.inboxforGenerateMonthlyFee .MuiButton-root{text-transform:none!important;border-radius:6px!important;padding:4px 12px!important;font-size:11px!important;font-weight:600!important;box-shadow:0 2px 4px #0000001a!important}.studentAndStaffAtendenceReport{background:var(--sidebar-hover-bg);border:1px solid var(--sidebar-border);border-radius:8px;margin-bottom:20px;padding:20px}.dateCalendarReport{background:var(--sidebar-hover-bg);border:1px solid var(--sidebar-border);border-radius:8px;flex:1;height:480px;margin:8px;padding:16px}.studentAndStaffAtendenceReport p>p:first-child{color:var(--navbar-text);justify-content:space-between;margin-bottom:6px;font-size:14px;display:flex}.totalStudentChartSideCard,.parentAccountChartSideCard,.staffChartSideCard,.presentStudentChartSideCard{color:#fff;border-radius:8px;width:100%;height:80px;margin-bottom:12px;transition:transform .15s;display:flex;overflow:hidden}.totalStudentChartSideCard:hover,.parentAccountChartSideCard:hover,.staffChartSideCard:hover,.presentStudentChartSideCard:hover{transform:translate(2px)}.totalStudentChartSideCard{background:#2563eb}.parentAccountChartSideCard{background:#7c3aed}.staffChartSideCard{background:#0891b2}.presentStudentChartSideCard{background:#16a34a}.totalStudentChartSideCard div:first-child,.parentAccountChartSideCard div:first-child,.staffChartSideCard div:first-child,.presentStudentChartSideCard div:first-child{background:#0000001a;justify-content:center;align-items:center;width:80px;height:100%;display:flex}.totalStudentChartSideCard div:last-child,.parentAccountChartSideCard div:last-child,.staffChartSideCard div:last-child,.presentStudentChartSideCard div:last-child{flex-direction:column;justify-content:center;padding:10px 14px;display:flex}.progress{background:#fff3;border-radius:2px;width:100%;height:3px;margin:4px 0;overflow:hidden}.progress p{background:#ffffffd9;border-radius:2px;height:100%}.pl{margin:auto;display:block}.pl__ring{animation:2s linear infinite ringA}.pl__ring--a{stroke:var(--sidebar-active-bg)}.pl__ring--b{stroke:#16a34a;animation-name:ringB}.pl__ring--c{stroke:#d97706;animation-name:ringC}.pl__ring--d{stroke:#0891b2;animation-name:ringD}@keyframes ringA{0%,4%{stroke-dasharray:0 660;stroke-width:20px;stroke-dashoffset:-330px}12%{stroke-dasharray:60 600;stroke-width:30px;stroke-dashoffset:-335px}32%{stroke-dasharray:60 600;stroke-width:30px;stroke-dashoffset:-595px}40%,54%{stroke-dasharray:0 660;stroke-width:20px;stroke-dashoffset:-660px}62%{stroke-dasharray:60 600;stroke-width:30px;stroke-dashoffset:-665px}82%{stroke-dasharray:60 600;stroke-width:30px;stroke-dashoffset:-925px}90%,to{stroke-dasharray:0 660;stroke-width:20px;stroke-dashoffset:-990px}}@keyframes ringB{0%,12%{stroke-dasharray:0 220;stroke-width:20px;stroke-dashoffset:-110px}20%{stroke-dasharray:20 200;stroke-width:30px;stroke-dashoffset:-115px}40%{stroke-dasharray:20 200;stroke-width:30px;stroke-dashoffset:-195px}48%,62%{stroke-dasharray:0 220;stroke-width:20px;stroke-dashoffset:-220px}70%{stroke-dasharray:20 200;stroke-width:30px;stroke-dashoffset:-225px}90%{stroke-dasharray:20 200;stroke-width:30px;stroke-dashoffset:-305px}98%,to{stroke-dasharray:0 220;stroke-width:20px;stroke-dashoffset:-330px}}@keyframes ringC{0%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:0}8%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-5px}28%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-175px}36%,58%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-220px}66%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-225px}86%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-395px}94%,to{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-440px}}@keyframes ringD{0%,8%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:0}16%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-5px}36%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-175px}44%,50%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-220px}58%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-225px}78%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-395px}86%,to{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-440px}}.ClassAtenndanceReportInDashboard,.ClassAtenndanceReportInDashboard2{color:#1a1a1a;background:#fff}.ClassAtenndanceReportInDashboard table,.ClassAtenndanceReportInDashboard2 table{background:#fff}.ClassAtenndanceReportInDashboard th,.ClassAtenndanceReportInDashboard2 th{color:#1a1a1a!important;background:#f1f5f9!important}.ClassAtenndanceReportInDashboard td,.ClassAtenndanceReportInDashboard2 td{color:#1a1a1a!important;border-color:#e2e8f0!important}.boxesOfDashboard .MuiInput-root,.boxesOfDashboard .MuiSelect-root{background:var(--navbar-search-bg)!important;border-color:var(--sidebar-border)!important}.boxesOfDashboard .MuiInput-input{color:var(--navbar-text)!important}.boxesOfDashboard .MuiButton-root{border-radius:6px!important}@media screen and (max-width:1400px){.statsOverviewContainer{gap:10px}.statsCard{min-width:100px;max-width:140px}.boxesOfDashboard{min-width:360px}}@media screen and (max-width:1200px){.dashboard{padding:16px 20px}.schoolInfoDashboardCard{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.dashboardcard{height:90px;padding:12px 14px}.dashboardcard p:nth-child(2){font-size:20px}.sortcutsButtonsBottomsCard{min-width:85px;height:65px}.sortcutsButtonsBottomsCard p:last-child{font-size:16px}.statsCard{min-width:95px}.statsCardValue{font-size:1.25rem}.statsCardIconBg{width:36px;height:36px;margin-bottom:8px}}@media screen and (max-width:992px){.sortcutsButtonsBottomsCard{min-width:80px;height:60px}.sortcutsButtonsBottomsCard p:first-child{font-size:9px}.statsOverviewContainer{flex-wrap:wrap;gap:8px}.statsCard{min-width:calc(25% - 8px);max-width:none}.boxesOfDashboard{min-width:100%}}@media screen and (max-width:768px){.dashboard{padding:12px 16px}.dashboard-top-bar{flex-direction:column;gap:12px}.dashboard-top-bar .dock-container{order:1}.dashboardsotcutDate{order:2;width:100%}.dashboardsotcutTime{order:3;width:100%}.dashboardsotcutDate,.dashboardsotcutTime{min-width:unset;padding:10px 16px;font-size:12px}.sortcutsButtonsBottomsCard{min-width:calc(25% - 8px);max-width:none}.statsCard{min-width:calc(25% - 8px)}.schoolInfoDashboardCard{grid-template-columns:repeat(2,1fr);gap:8px}.dashboardcard{height:85px}.dashboardcard p:nth-child(2){font-size:18px}.AdimDashboardText{text-align:center;flex-direction:column;gap:8px}.boxesOfDashboard{height:400px}}@media screen and (max-width:480px){.dashboard{padding:10px 12px}.dashboard-top-bar{gap:10px}.dashboardsotcutDate,.dashboardsotcutTime{border-radius:10px;padding:8px 14px;font-size:11px}.sortcutsButtonsBottomsCard{min-width:calc(50% - 8px);height:60px}.sortcutsButtonsBottomsCard p:last-child{font-size:16px}.statsCard{min-width:calc(50% - 6px);padding:10px 12px 12px}.statsCardValue{font-size:1.15rem}.statsCardIconBg{width:32px;height:32px;margin-bottom:6px}.statsCardIconBg svg{width:18px;height:18px}.schoolInfoDashboardCard{grid-template-columns:1fr 1fr}.dashboardcard{height:95px;padding:12px}.dashboardcard p:first-child{font-size:10px}.dashboardcard p:nth-child(2){font-size:18px}}body.light-theme .boxesOfDashboard{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f,0 0 0 1px #00000008}body.light-theme .boxesOfDashboard h2{color:#0f172a;border-bottom:1px solid #e2e8f0}body.light-theme .boxesOfDashboard h1{color:#0f172a}body.light-theme .inboxforGenerateMonthlyFee th{color:#64748b;background:linear-gradient(#1e40af0f 0%,#0000 100%);border-bottom:2px solid #e2e8f0}body.light-theme .inboxforGenerateMonthlyFee td{color:#1e293b;border-bottom:1px solid #f1f5f9}body.light-theme .inboxforGenerateMonthlyFee tbody tr:nth-child(2n){background:#f1f5f980}body.light-theme .inboxforGenerateMonthlyFee tbody tr:hover{background:linear-gradient(90deg,#1e40af0f 0%,#8b5cf608 100%)}body.light-theme .inboxforGenerateMonthlyFee td img[width="40"]{border-color:#3b82f6!important}body.light-theme .boxesOfDashboard>br+h1,body.light-theme .boxesOfDashboard h1[style*="font-size: 50px"]{background:linear-gradient(135deg,#1e40af14 0%,#8b5cf60a 100%);border-color:#e2e8f0}body.light-theme .status-absent{color:#dc2626}body.light-theme .status-late{color:#ea580c}body.light-theme .status-present{color:#16a34a}body.light-theme .status-leave{color:#2563eb}.staffAttendanceCard{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;flex:1;min-width:400px;max-height:550px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.staffAttendanceCardIconPrimary{color:#2563eb;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.staffAttendanceCardCountPrimary{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.status-not-mark{color:#64748b}.status-not-mark .status-dot{background-color:#64748b;box-shadow:0 0 6px #64748b66}.status-early-out{color:#0891b2}.status-early-out .status-dot{background-color:#0891b2;box-shadow:0 0 6px #0891b266}.staffAttendanceCardHeader{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.staffAttendanceCardHeader:hover{background:#fafafa}.staffAttendanceCardHeader:after{display:none}.staffAttendanceCardHeader:hover:after{width:100%}.staffAttendanceCardHeader:before{content:"";border-radius:0 4px 4px 0;width:4px;height:24px;transition:height .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.staffAttendanceCardHeader:hover:before{height:32px}.staffAttendanceCardHeaderPrimary:before{background:#3b82f6}.staffAttendanceCardHeaderPurple:before{background:#9333ea}.staffAttendanceCardIconDanger{color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.staffAttendanceCardHeaderDanger:before{background:#ef4444}.staffAttendanceCardHeaderLeft{align-items:center;gap:16px;display:flex}.staffAttendanceCardIcon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex}.staffAttendanceCardHeader:hover .staffAttendanceCardIcon{transform:scale(1.05)}body.dark-theme .staffAttendanceCardHeader{background:#1e293b;border-bottom-color:#334155}body.dark-theme .staffAttendanceCardHeader:hover{background:#243147}body.dark-theme .staffAttendanceCardHeader:after{opacity:.2}body.dark-theme .staffAttendanceCardHeader:before{opacity:.8}body.dark-theme .staffAttendanceCardCount{box-shadow:inset 0 0 0 1px #ffffff1a}.staffAttendanceCardHeaderText h3{color:#1e293b;margin:0 0 2px;font-size:16px;font-weight:700}.staffAttendanceCardHeaderText p{color:#64748b;margin:0;font-size:12px}body.dark-theme .staffAttendanceCardHeaderText h3{color:#f8fafc}body.dark-theme .staffAttendanceCardHeaderText p{color:#94a3b8}.staffAttendanceCardCount{border-radius:8px;justify-content:center;align-items:center;min-width:38px;height:26px;padding:6px 12px;font-size:14px;font-weight:700;display:flex;box-shadow:inset 0 0 0 1px #0000000d}.staffAttendanceCardCountDanger{color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.staffAttendanceCardCountWarning{color:#d97706;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.staffAttendanceCardBody{flex:1;padding:8px;overflow-y:auto}.staffListContainer{flex-direction:column;gap:0;display:flex}.staffListItem{content-visibility:auto;contain-intrinsic-size:0 65px;background:#f1f1f1;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:2px 5px;transition:all .2s;display:flex}.staffListItem:hover{background:#f0f9ff;border-color:#bae6fd;transform:translate(4px)}.staffListItemLeft{align-items:center;gap:12px;display:flex}.staffAvatar{object-fit:cover;border:2px solid #e5e7eb;border-radius:10px;width:42px;height:42px;box-shadow:0 2px 4px #0000000f}.staffInfo{flex-direction:column;gap:4px;display:flex}.staffName{color:#1f2937;margin:0;font-size:13px;font-weight:600}.staffBadge{color:#ef4444;background:#fef2f2;border-radius:6px;align-items:center;gap:4px;width:fit-content;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.staffBadgeTime{color:#f59e0b;background:#fffbeb}.staffActionBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px #10b98133}.staffActionBtn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.staffEmptyState{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:48px 24px;display:flex}.staffEmptyState p{font-size:14px}.staff-att-quick-summary{background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;gap:4px;padding:8px 12px;display:flex}.staff-att-stat-box{border-radius:6px;flex-direction:column;flex:1;align-items:center;padding:2px 0;transition:all .2s;display:flex}.staff-att-stat-box:hover{background:#00000008}.staff-att-stat-box.active-sort{background:#fff;transform:scale(1.05);box-shadow:0 1px 3px #0000001a}body.dark-theme .staff-att-stat-box.active-sort{background:#334155;box-shadow:0 1px 3px #0000004d}.staff-att-stat-val{color:#1e293b;font-size:13px;font-weight:700;line-height:1.2}.staff-att-stat-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;font-size:8px;font-weight:700}.lbl-pres{color:#16a34a}.lbl-late{color:#ea580c}.lbl-lev{color:#2563eb}.lbl-abs{color:#dc2626}.lbl-nm{color:#64748b}body.dark-theme .staff-att-quick-summary{background:#1e293b;border-top-color:#334155}body.dark-theme .staff-att-stat-val{color:#f8fafc}body.dark-theme .staff-att-stat-lbl:not([class*=lbl-]){color:#94a3b8}.attendance-status-minimal{text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.status-dot{border-radius:50%;width:7px;height:7px}.status-absent{color:#ef4444}.status-absent .status-dot{background-color:#ef4444;box-shadow:0 0 6px #ef444466}.status-late-arrival{color:#f59e0b}.status-late-arrival .status-dot{background-color:#f59e0b;box-shadow:0 0 6px #f59e0b66}.status-present{color:#10b981}.status-present .status-dot{background-color:#10b981;box-shadow:0 0 6px #10b98166}.status-on-leave,.status-short-leave,.status-half-leave,.status-quarterly-leave{color:#3b82f6}.status-on-leave .status-dot,.status-short-leave .status-dot,.status-half-leave .status-dot,.status-quarterly-leave .status-dot{background-color:#3b82f6;box-shadow:0 0 6px #3b82f666}.status-holiday,.status-sunday{color:#8b5cf6}.status-holiday .status-dot,.status-sunday .status-dot{background-color:#8b5cf6;box-shadow:0 0 6px #8b5cf666}.attendance-times-minimal{flex-direction:column;gap:2px;display:flex}.time-row{justify-content:flex-end;align-items:center;gap:8px;display:flex}.time-label{color:#94a3b8;width:22px;font-size:9px;font-weight:800}.time-value{color:#475569;text-align:right;min-width:55px;font-size:11.5px;font-weight:600}body.dark-theme .time-value{color:#cbd5e1}body.dark-theme .time-label{color:#64748b}body.dark-theme .staffListItem{background:#1e293b;border-color:#334155}.staffAttendanceCardBody::-webkit-scrollbar{width:6px}.staffAttendanceCardBody::-webkit-scrollbar-track{background:0 0}.staffAttendanceCardBody::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.staffAttendanceCardBody::-webkit-scrollbar-thumb:hover{background:#9ca3af}.staffAttendanceCardIconCyan{color:#0891b2;background:linear-gradient(135deg,#ecfeff,#cffafe)}.staffAttendanceCardCountCyan{color:#0e7490;background:linear-gradient(135deg,#ecfeff,#cffafe)}.staffBadgeCyan{color:#0891b2;background:#ecfeff}.staffAttendanceCardIconSuccess{color:#16a34a;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.staffAttendanceCardCountSuccess{color:#15803d;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.staffAttendanceCardHeaderSuccess:before{background:#22c55e}.staffAttendanceCardIconPurple{color:#9333ea;background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.staffAttendanceCardCountPurple{color:#7e22ce;background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.staffBadgePurple{color:#9333ea;background:#faf5ff}.staffBadgeSuccess{color:#16a34a;background:#f0fdf4}.staffGatePassTimes{flex-wrap:wrap;gap:6px;display:flex}.staffGatePassTimes .staffBadge{padding:2px 6px;font-size:10px}.staffTotalTime{color:#475569;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;display:flex}body.dark-theme .staffAttendanceCard{background:#1f2937;border-color:#2e2e3e}body.dark-theme .staffAttendanceCardIconDanger{color:#fca5a5;background:linear-gradient(135deg,#450a0a,#7f1d1d)}body.dark-theme .staffAttendanceCardIconWarning{color:#fcd34d;background:linear-gradient(135deg,#451a03,#78350f)}body.dark-theme .staffAttendanceCardCountDanger{color:#fca5a5;background:linear-gradient(135deg,#450a0a,#7f1d1d)}body.dark-theme .staffAttendanceCardCountWarning{color:#fcd34d;background:linear-gradient(135deg,#451a03,#78350f)}body.dark-theme .staffAttendanceCardIconSuccess,body.dark-theme .staffAttendanceCardCountSuccess{color:#6ee7b7;background:linear-gradient(135deg,#064e3b,#065f46)}body.dark-theme .staffAttendanceCardIconPrimary,body.dark-theme .staffAttendanceCardCountPrimary{color:#bfdbfe;background:linear-gradient(135deg,#1e3a8a,#1e40af)}body.dark-theme .staffAttendanceCardIconPurple,body.dark-theme .staffAttendanceCardCountPurple{color:#e9d5ff;background:linear-gradient(135deg,#581c87,#6b21a8)}body.dark-theme .staffListItem{background:#2a3545}body.dark-theme .staffListItem:hover{background:#2a2a40;border-color:#3b82f6}body.dark-theme .staffAvatar{border-color:#3e3e4e}body.dark-theme .staffName{color:#f3f4f6}body.dark-theme .staffBadge{color:#fca5a5;background:#450a0a}body.dark-theme .staffBadgeTime{color:#fcd34d;background:#451a03}body.dark-theme .staffEmptyState{color:#6b7280}body.dark-theme .staffEmptyState p{color:#9ca3af}body.dark-theme .staffAttendanceCardBody::-webkit-scrollbar-thumb{background:#3e3e4e}body.dark-theme .staffAttendanceCardBody::-webkit-scrollbar-thumb:hover{background:#5e5e6e}body.dark-theme .staffAttendanceCardIconCyan,body.dark-theme .staffAttendanceCardCountCyan{color:#67e8f9;background:linear-gradient(135deg,#083344,#164e63)}body.dark-theme .staffBadgeCyan{color:#67e8f9;background:#083344}body.dark-theme .staffAttendanceCardIconPurple,body.dark-theme .staffAttendanceCardCountPurple{color:#d8b4fe;background:linear-gradient(135deg,#3b0764,#581c87)}body.dark-theme .staffBadgePurple{color:#d8b4fe;background:#3b0764}body.dark-theme .staffBadgeSuccess{color:#86efac;background:#14532d}body.dark-theme .staffTotalTime{color:#94a3b8;background:linear-gradient(135deg,#1e1e2e,#252535);border-color:#3e3e4e}
#timer{border-radius:6px}#timer-text{border-radius:4px;align-items:center;margin:2px;display:flex}.timer-char{text-align:center;width:10px;height:15px;font-size:1.3em;position:relative}.timer-char.colon{color:#000;align-items:center;font-size:1em;line-height:1;display:flex}.timer-char-slider{flex-direction:column;width:10px;transition:top .2s;display:flex;position:absolute;top:0;left:0}.timer-char-slider-option{color:#00000091;opacity:0;align-items:center;height:15px;font-size:.8em;line-height:1;transition:opacity .3s,font-size .3s;display:flex}.timer-char-slider-option.active{color:#000;opacity:1;font-size:.9em}body.dark-theme .timer-char,body.dark-theme .timer-char-slider-option.active,body.dark-theme .timer-char{color:#fff}
.dock-container{border:1px solid var(--sidebar-border);-webkit-backdrop-filter:blur(20px);background:linear-gradient(#ffffff1f,#ffffff0a);border-radius:10px;justify-content:center;align-items:flex-end;gap:6px;width:max-content;padding:5px 10px;display:flex;box-shadow:0 4px 24px #0000001f,0 1px 2px #00000014,inset 0 1px #ffffff1a}.dock-align-start{align-items:flex-start}.dock-align-center{align-items:center}.dock-align-end{align-items:flex-end}.dock-icon{aspect-ratio:1;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative}.dock-icon>*{width:100%;height:100%}.dock-icon-inner{cursor:pointer;width:100%;height:100%;color:var(--sidebar-text-muted);background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:5px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.dock-icon-inner:hover{color:#fff;background:var(--main-color);border-color:var(--shade3);box-shadow:0 4px 12px #6366f166,0 2px 6px #00000026}.dock-icon-inner:active{transform:scale(.92)}.dock-icon-inner svg{stroke-width:1.8px;filter:drop-shadow(0 1px 2px #0000001a);width:60%;height:60%}.dock-icon:after{content:"";background:var(--shade3);opacity:0;border-radius:2px;width:60%;height:3px;transition:transform .2s;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)scaleX(0)}.dock-icon:hover:after{opacity:1;transform:translate(-50%)scaleX(1)}.sample-dock-section{background:var(--sidebar-hover-bg);border:1px solid var(--sidebar-border);border-radius:16px;flex-direction:column;align-items:center;gap:16px;margin:30px 0;padding:24px;display:flex}.sample-dock-title{color:var(--navbar-text);margin-bottom:8px;font-size:14px;font-weight:600}body.dark-theme .dock-container{background:linear-gradient(#1f2937e6,#111827f2);border-color:#ffffff14;box-shadow:0 8px 32px #0006,0 2px 4px #0003,inset 0 1px #ffffff0d}body.dark-theme .dock-icon-inner{background:0 0;border-color:#0000}body.dark-theme .dock-icon-inner:hover{color:#fff;background:var(--main-color);border-color:var(--shade3);box-shadow:0 4px 12px #6366f180,0 2px 6px #0003}body.light-theme .dock-container{background:linear-gradient(#ffffffd9,#f8fafce6);border-color:#00000014;box-shadow:0 8px 32px #00000014,0 2px 4px #0000000a,inset 0 1px #ffffffe6}body.light-theme .dock-icon-inner{background:0 0;border-color:#0000}body.light-theme .dock-icon-inner:hover{color:#fff;background:var(--main-color);border-color:var(--shade3);box-shadow:0 4px 12px #6366f159,0 2px 6px #0000001a}body.dark-theme .sample-dock-section{background:#1f293780}@media screen and (max-width:768px){.dock-container{border-radius:16px;gap:1px;padding:8px 12px}.dock-icon,.dock-icon-inner{border-radius:10px}.sample-dock-section{margin:20px 0;padding:16px}}@media screen and (max-width:480px){.dock-container{border-radius:14px;padding:6px 10px}.dock-icon,.dock-icon-inner{border-radius:8px}}