@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/montserrat-cyrillic-ext-400-normal.Xqov12YL.woff2) format("woff2"),url(/_astro/montserrat-cyrillic-ext-400-normal.DRPPeomZ.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/montserrat-cyrillic-400-normal.BPq32Q8K.woff2) format("woff2"),url(/_astro/montserrat-cyrillic-400-normal.jEs4Tk-Z.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/montserrat-vietnamese-400-normal.D4oHqQTd.woff2) format("woff2"),url(/_astro/montserrat-vietnamese-400-normal.BeEscFYY.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/montserrat-latin-ext-400-normal.B8bwfy6Y.woff2) format("woff2"),url(/_astro/montserrat-latin-ext-400-normal.BffdBkAA.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/montserrat-latin-400-normal.BLhwKU8k.woff2) format("woff2"),url(/_astro/montserrat-latin-400-normal.xItZbAXg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.view-section{transition:all .3s ease}.nav-item.active{background-color:#f0f4ff;color:#4338ca;font-weight:600}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}#accountsView .resp-table table{table-layout:fixed}#accountsView .resp-table,#accountsView .resp-table>div{max-width:100%;min-width:0}#accountsView .resp-table th,#accountsView .resp-table td{overflow-wrap:anywhere}#accountsView .resp-table th:nth-child(1){width:5%}#accountsView .resp-table th:nth-child(2){width:13%}#accountsView .resp-table th:nth-child(3){width:13%}#accountsView .resp-table th:nth-child(4){width:10%}#accountsView .resp-table th:nth-child(5){width:13%}#accountsView .resp-table th:nth-child(6){width:10%}#accountsView .resp-table th:nth-child(7){width:11%}#accountsView .resp-table th:nth-child(8){width:15%}#accountsView .resp-table th:nth-child(9){width:10%}@media(min-width:641px)and (max-width:1280px){#accountsView .resp-table th,#accountsView .resp-table td{padding-left:.75rem!important;padding-right:.75rem!important}}@media(min-width:641px)and (max-width:1020px){#accountsView .resp-table>div{overflow-x:auto!important;width:100%}#accountsView .resp-table table{min-width:1020px!important}}@media(max-width:640px){#accountsView .resp-table>div{overflow-x:visible!important}#accountsView .resp-table table,#accountsView .resp-table table tbody{display:block!important;width:100%;min-width:0!important}.resp-table table thead{display:none}.resp-table table tbody tr{display:block;margin-bottom:.75rem;border:1px solid #e2e8f0;border-radius:.75rem;padding:.75rem;background:#fff;box-shadow:0 1px 3px #0000000a}.resp-table table tbody td{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0!important;border:none!important;width:100%!important;text-align:right!important;border-bottom:1px solid #f1f5f9!important}#accountsView .resp-table table tbody tr{display:block!important;width:100%!important}#accountsView .resp-table table tbody td{display:flex!important}#accountsView .resp-table table tbody td{min-width:0!important;gap:.75rem}#accountsView .resp-table table tbody td>*{min-width:0;max-width:65%;overflow-wrap:anywhere}.resp-table table tbody td:last-child{border-bottom:none!important}.resp-table table tbody td:before{content:attr(data-label);font-weight:700;font-size:.65rem;text-transform:uppercase;color:#64748b;letter-spacing:.04em;text-align:left;flex-shrink:0;margin-right:.75rem}.resp-table table tbody td:first-child{padding-top:0!important}.resp-table table tbody td:last-child{padding-bottom:0!important}}#attendanceView .att-stat-card{transition:all .3s ease;position:relative;overflow:hidden}#attendanceView .att-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:0}#attendanceView .att-stat-card:nth-child(1):before{background:linear-gradient(90deg,#6366f1,#818cf8)}#attendanceView .att-stat-card:nth-child(2):before{background:linear-gradient(90deg,#22c55e,#4ade80)}#attendanceView .att-stat-card:nth-child(3):before{background:linear-gradient(90deg,#ef4444,#f87171)}#attendanceView .att-stat-card:nth-child(4):before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}#attendanceView .att-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014}#attendanceView .att-icon-wrapper{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}#attendanceView .attendance-table{border-collapse:collapse;width:100%}#attendanceView .attendance-table th,#attendanceView .attendance-table td{border:1px solid #e2e8f0}#attendanceView .attendance-table th{position:sticky;top:0;z-index:10;background:#f8fafc}#attendanceView .attendance-table th.day-header{min-width:28px;width:28px;max-width:28px;height:auto;min-height:36px;padding:2px 0;font-size:9px;font-weight:700;color:#475569;text-align:center;background:#f1f5f9;line-height:1.2;box-sizing:border-box}#attendanceView .attendance-table th.day-header .day-dow{display:block;font-size:9px;color:#64748b;font-weight:600}#attendanceView .attendance-table th.day-header .day-num{display:block;font-size:10px;font-weight:800;color:#334155}#attendanceView .attendance-table th.sticky-col{position:sticky;left:0;z-index:11;background:#f8fafc}#attendanceView .attendance-table td.sticky-col{position:sticky;left:0;z-index:5;background:#fff;border-right:2px solid #e2e8f0}#attendanceView .attendance-table td.sticky-col:after{content:"";position:absolute;right:-1px;top:0;bottom:0;width:1px;background:#e2e8f0}#attendanceView .attendance-table td{padding:12px 3px;text-align:center;font-size:13px}#attendanceView .attendance-table td.att-cell{width:28px;min-width:28px;max-width:28px;height:44px;padding:4px 0!important;vertical-align:middle;text-align:center;box-sizing:border-box;cursor:pointer;border:1px solid #e2e8f0;line-height:0}#attendanceView .attendance-table td.att-cell:hover .att-toggle{transform:scale(1.3)}#attendanceView .attendance-table tbody tr:nth-child(2n) td{background:#fafcff}#attendanceView .attendance-table tbody tr:nth-child(2n) td.sticky-col{background:#fafcff}#attendanceView .attendance-table tbody tr:nth-child(2n) td.weekend-col{background:#f5f5f5}#attendanceView .attendance-table tbody tr:nth-child(2n) td.today-col{background:#eaf0ff}#attendanceView .attendance-table tr:hover td,#attendanceView .attendance-table tr:hover td.sticky-col{background:#f0f4ff}#attendanceView .attendance-table tr:hover td.weekend-col{background:#f0f0f0}#attendanceView .attendance-table tr:hover td.today-col{background:#e0e8ff}#attendanceView .weekend-col{background:#f8f8f8}#attendanceView .today-col{background:#eef4ff}#attendanceView .attendance-table th.day-header.has-note{background:#fef3c7!important;color:#92400e;position:relative}#attendanceView .attendance-table th.day-header.has-note:after{content:"";position:absolute;bottom:2px;right:2px;width:5px;height:5px;border-radius:50%;background:#f59e0b}#attendanceView .attendance-table th.day-header:hover{background:#e2e8f0!important;cursor:pointer}.date-note-popover{position:fixed;z-index:99999;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #00000026;padding:16px;width:260px;font-family:inherit}.date-note-popover .popover-date{font-size:13px;font-weight:700;color:#475569;margin-bottom:8px}.date-note-popover textarea{width:100%;min-height:72px;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;font-size:13px;font-family:inherit;resize:vertical;box-sizing:border-box;outline:none;transition:border-color .15s}.date-note-popover textarea:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.date-note-popover .popover-actions{display:flex;gap:6px;margin-top:10px}.date-note-popover .popover-btn{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:background .15s}.date-note-popover .popover-btn-save{background:#6366f1;color:#fff}.date-note-popover .popover-btn-save:hover{background:#4f46e5}.date-note-popover .popover-btn-delete{background:#fee2e2;color:#dc2626}.date-note-popover .popover-btn-delete:hover{background:#fecaca}.date-note-popover .popover-btn-cancel{background:#f1f5f9;color:#64748b;margin-left:auto}.date-note-popover .popover-btn-cancel:hover{background:#e2e8f0}@media(max-width:768px){#attendanceView .attendance-table th.day-header{min-width:28px;width:28px;max-width:28px;height:28px;font-size:10px;padding:0;line-height:28px}#attendanceView .attendance-table td{padding:9px 2px;font-size:11px}#attendanceView .att-stat-card{padding:14px}#attendanceView .att-stat-card .stat-value{font-size:20px}}#attendanceView{padding:1rem;margin-left:0}@media(min-width:640px){#attendanceView{padding:1.5rem}}@media(min-width:1024px){#attendanceView{margin-left:20rem}}body:has(#attendanceView:not(.hidden))>#auth-guard{display:block;height:0;min-height:0;overflow:visible}body:has(#attendanceView:not(.hidden))>#auth-guard #mainContent{display:none!important}@media(min-width:1024px){body:has(#attendanceView:not(.hidden))>#auth-guard #sidebarOverlay{display:none!important}}#attendanceView .att-toggle{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:8px;font-weight:700;cursor:pointer;transition:all .15s ease;user-select:none;background:#f1f5f9;color:#94a3b8;border:1.5px solid #e2e8f0;box-sizing:border-box;margin:3px auto}#attendanceView .att-toggle.att-toggle--empty{background:#f8fafc;border:1.5px dashed #cbd5e1;width:16px;height:16px;margin:3px auto}#attendanceView .att-toggle--has-note{border:1.5px solid #fca5a5;background:#fef2f2;color:#dc2626}#attendanceView .att-toggle--morning[data-checked=true]{background:#dbeafe;color:#2563eb;border-color:#93c5fd}#attendanceView .att-toggle--afternoon[data-checked=true]{background:#fef3c7;color:#d97706;border-color:#fcd34d}.att-pay-input{width:68px;padding:2px 4px;border:1px solid #e2e8f0;border-radius:4px;font-size:11px;font-weight:600;text-align:center;outline:none;transition:border-color .15s}.att-pay-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.att-pay-input.paid{border-color:#10b981;background:#f0fdf4;color:#059669}.att-pay-input.unpaid{border-color:#e2e8f0;background:#fafafa;color:#94a3b8}.att-pay-save,.att-pay-delete{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;border:none;cursor:pointer;transition:background .15s;padding:0}.att-pay-save{background:#6366f1;color:#fff}.att-pay-save:hover{background:#4f46e5}.att-pay-delete{background:#fee2e2;color:#dc2626}.att-pay-delete:hover{background:#fecaca}.pay-badge{display:inline-block;padding:1px 8px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pay-badge.paid{background:#d1fae5;color:#065f46}.pay-badge.unpaid{background:#fef3c7;color:#92400e}body.sidebar-collapsed #sidebar{transform:translate(-100%)}body.sidebar-collapsed #mainContent{margin-left:0}body.sidebar-collapsed .sidebar-toggle-icon{transform:rotate(180deg)}.sidebar-toggle-icon{transition:transform .3s ease;display:inline-block}body.sidebar-collapsed #attendanceView{margin-left:0}#sidebarToggleBtn{left:296px;bottom:24px;width:44px;height:44px;border-radius:9999px;padding:0;border-color:#e2e8f0}body.sidebar-collapsed #sidebarToggleBtn{left:16px;border-color:#e0e7ff;color:#4f46e5;background:#fff;box-shadow:0 4px 16px #6366f133}body.sidebar-collapsed #sidebarToggleBtn:hover{background:#eef2ff;border-color:#818cf8;box-shadow:0 6px 24px #6366f14d;transform:scale(1.05)}@media(max-width:1023px){#sidebarToggleBtn{display:none}}