.attendance_attendanceContainer__2nMdp{display:flex;flex-direction:column;justify-content:center;gap:20px;animation:attendance_fadeIn__H8yex .8s ease-in-out}.attendance_attendanceContainer__2nMdp .attendance_section__MiWp2{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 40px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:start;gap:20px;height:100%}.attendance_attendanceContainer__2nMdp .attendance_sectionTitle__0fARy{text-align:left;font-weight:600;font-size:28px;line-height:35px;font-weight:700;color:#033}.attendance_attendanceContainer__2nMdp .attendance_todayCard__KqZGS{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:20px;padding:25px;text-align:center;margin-bottom:25px;box-shadow:0 10px 30px rgba(255,154,158,.3);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:16px}.attendance_attendanceContainer__2nMdp .attendance_todayCard__KqZGS:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.1),transparent);transform:rotate(45deg);animation:attendance_shimmer__xUVsi 3s infinite}@keyframes attendance_shimmer__xUVsi{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.attendance_attendanceContainer__2nMdp .attendance_todayCard__KqZGS .attendance_todayDate__flv8m{font-size:1.1rem;color:#fff;margin-bottom:15px;font-weight:600}.attendance_attendanceContainer__2nMdp .attendance_todayCard__KqZGS .attendance_coinIcon__HYyWs{animation:attendance_bounce__9Io_2 2s infinite;position:relative;z-index:1}@keyframes attendance_bounce__9Io_2{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.attendance_attendanceContainer__2nMdp .attendance_todayCard__KqZGS .attendance_rewardAmount__Qn5_8{font-size:1.5rem;font-weight:700;color:#fff;position:relative;z-index:1}.attendance_attendanceContainer__2nMdp .attendance_todayCard__KqZGS .attendance_claimBtn__5L0xN:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(238,90,36,.4)}.attendance_attendanceContainer__2nMdp .attendance_weeklyGrid__ff6Na{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;overflow:auto;padding:4px 0}.attendance_attendanceContainer__2nMdp .attendance_dayCard__a6lo7{background:#fff;border-radius:12px;padding:15px 8px;text-align:center;border:2px solid #e0e0e0;transition:all .3s ease;cursor:pointer;position:relative;min-width:100px}.attendance_attendanceContainer__2nMdp .attendance_dayCard__a6lo7:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.attendance_attendanceContainer__2nMdp .attendance_dayCard__a6lo7.attendance_claimed__x3D4J{background:#dcfce7;border-color:#22c55e}.attendance_attendanceContainer__2nMdp .attendance_dayCard__a6lo7.attendance_today__aNiPP{background:#dbeafe;border-color:#3b82f6;animation:attendance_pulse__TjAr6 2s infinite}@keyframes attendance_pulse__TjAr6{0%{box-shadow:0 0 0 0 hsla(39,97%,71%,.7)}70%{box-shadow:0 0 0 8px hsla(39,97%,71%,0)}to{box-shadow:0 0 0 0 hsla(39,97%,71%,0)}}.attendance_attendanceContainer__2nMdp .attendance_dayCard__a6lo7.attendance_upcoming__nn08W{background:#f8fafc;border-color:#e2e8f0}.attendance_attendanceContainer__2nMdp .attendance_dayCard__a6lo7 .attendance_dayName__9Flcn{font-size:1rem;font-weight:600;color:#666;margin-bottom:12px}.attendance_attendanceContainer__2nMdp .attendance_dayCard__a6lo7 .attendance_dayStatus__q6Yft{font-size:.75rem;padding:4px 8px;border-radius:12px;margin:8px 0;font-weight:500}.attendance_attendanceContainer__2nMdp .attendance_dayCard__a6lo7 .attendance_statusClaimed__u7EdE{background:#bbf7d0;color:#166534}.attendance_attendanceContainer__2nMdp .attendance_dayCard__a6lo7 .attendance_statusToday__Eh6Fr{background:#bfdbfe;color:#1e40af}.attendance_attendanceContainer__2nMdp .attendance_dayCard__a6lo7 .attendance_statusUpcoming__N0cX9{background:#f1f5f9;color:#64748b}.attendance_attendanceContainer__2nMdp .attendance_dayCard__a6lo7 .attendance_dayReward__kC8g5{font-size:1.1rem;font-weight:600;color:#333;display:flex;align-items:center;justify-content:center;gap:6px}.attendance_attendanceContainer__2nMdp .attendance_dayCard__a6lo7 .attendance_smallCoin__47_cC,.attendance_checkmark__kQcmy{align-items:center;justify-content:center}.attendance_checkmark__kQcmy{position:absolute;top:3px;right:3px;width:20px;height:20px;background:#28a745;border-radius:50%;display:flex;color:#fff;font-size:.7rem}.attendance_guideSection__lf_kS{margin-bottom:30px}.attendance_guideTitle__JdlvK{font-size:1.3rem;font-weight:700;color:#333;margin-bottom:20px;display:flex;align-items:center;gap:10px}.attendance_guideTitle__JdlvK:before{content:"";width:4px;height:25px;background:linear-gradient(45deg,#ff6b6b,#feca57);border-radius:2px}.attendance_guideItems__kpH6O{display:grid;gap:15px}.attendance_guideItem__qcchA{background:linear-gradient(135deg,#f8f9ff,#fff5f5);border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease;cursor:pointer;border:2px solid transparent}.attendance_guideItem__qcchA:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.1);border-color:#ff6b6b}.attendance_guideIcon__vjyjw{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;animation:attendance_float__njYtU 3s ease-in-out infinite}@keyframes attendance_float__njYtU{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.attendance_earnIcon__Ynqph{background:linear-gradient(45deg,#4facfe,#00f2fe)}.attendance_useIcon__kY90N{background:linear-gradient(45deg,#fa709a,#fee140)}.attendance_guideContent__pYd5G{flex:1}.attendance_guideItemTitle__i1j1f{font-size:1rem;font-weight:700;color:#333;margin-bottom:5px}.attendance_guideItemDesc__0eiCG{font-size:.9rem;color:#666;line-height:1.4}@media (max-width:768px){.attendance_mainContainer__1xN6K{grid-template-columns:1fr;gap:20px;padding:0 10px}.attendance_section__MiWp2{padding:20px}.attendance_sectionTitle__0fARy{font-size:1.5rem}.attendance_weeklyGrid__ff6Na{gap:8px}.attendance_dayCard__a6lo7{padding:12px 6px}.attendance_coinIcon__HYyWs{width:60px;height:60px;font-size:1.8rem}.attendance_guideItem__qcchA{padding:15px;gap:12px}.attendance_guideIcon__vjyjw{width:45px;height:45px;font-size:1.3rem}}@media (max-width:480px){.attendance_section__MiWp2{padding:15px}.attendance_weeklyGrid__ff6Na{gap:5px}.attendance_dayCard__a6lo7{padding:10px 4px}.attendance_dayName__9Flcn{font-size:.7rem}.attendance_dayStatus__q6Yft{font-size:.6rem;padding:3px 6px}.attendance_dayReward__kC8g5{font-size:.8rem}.attendance_guideItem__qcchA{flex-direction:column;text-align:center;padding:15px}.attendance_guideIcon__vjyjw{width:40px;height:40px;font-size:1.2rem}}.main-layout{display:flex;flex:1;height:100dvh;flex-direction:column;overflow:hidden;background:#fff;position:relative}.main-layout .header{background:#fff;box-shadow:3px 3px 5px 0 rgba(0,0,0,.15);height:100px;z-index:9}.main-layout .sider .btn-collap{color:#d3d4d8;padding:20px}.main-layout .ant-layout-sider-children{background:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:1px 1px 5px 0 rgba(0,0,0,.15)}.main-layout ul.ant-menu.ant-menu-root.ant-menu-vertical.ant-menu-light.menu{background:#fff}.main-layout .header-common .avatar{border-radius:50%}.main-layout-client .header-common .user-name{color:#333;font-size:16px;font-weight:600;line-height:22px}.main-layout-client .header-common .role{color:#333;font-size:12px;font-weight:600;line-height:22px;text-align:right}.main-layout-client .header-common .logout{color:#000;font-feature-settings:"clig" off,"liga" off;font-size:15px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.15px;border-radius:5px;background:#f4f2f2;box-shadow:3px 3px 6px 0 rgba(0,0,0,.25);transition:box-shadow .6s ease-in-out}.main-layout .header .logout:hover{border-radius:5px;background:#f4f2f2;box-shadow:3px 3px 6px 3px rgba(0,0,0,.25)}.action-admin .info-admin .info-admin-title{color:#787878;font-weight:500;font-size:16px}.action-admin .info-admin .info-admin-title i{margin-right:8px}.main-layout .sider ul.ant-menu.ant-menu-root.ant-menu-vertical.ant-menu-light.menu.css-dev-only-do-not-override-pr0fja{background:#094174;display:flex;padding:25px 15px;flex-direction:column;align-items:flex-start}.main-layout aside.ant-layout-sider.ant-layout-sider-dark.sider{max-width:240px!important;width:240px!important;flex:1 240px!important}.main-layout aside.ant-layout-sider.ant-layout-sider-dark.ant-layout-sider-collapsed.sider{max-width:80px!important;width:80px!important;flex:1 80px!important}.main-layout span.anticon.anticon-user.ant-menu-item-icon{display:flex;justify-content:center;align-items:center}.main-layout .sider li.ant-menu-item.menu-title{color:#6b7280;font-size:15px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.15px;display:flex;height:48px;padding:10px 15px;align-items:center;transition:.3s;-webkit-transition:.3s}.main-layout .sider li.ant-menu-item.menu-title:hover{background:#fff;font-family:Roboto}.main-layout .sider li.ant-menu-item.menu-title.active,.main-layout .sider li.ant-menu-item.menu-title:hover{border-radius:0;color:#0d9e6d;border-left:5px solid #0d9e6d;font-size:15px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.15px}.main-layout .sider li.ant-menu-item.menu-title.active{background:#0d9e6d14;display:flex;height:48px;padding:10px 15px;align-items:center;transition:.3s;-webkit-transition:.3s}.main-layout .sider li.ant-menu-item.menu-title.active:hover{background:#0d9e6ee3;color:#fff;border-left:5px solid #fff}.main-layout .content .header-page .title-page{color:rgba(0,0,0,.9);font-size:27px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.2px;text-align:left}.main-layout-client{flex:1;height:100vh;flex-direction:row;background:#fff;position:relative;overflow-y:auto;overflow-x:hidden}.main-layout-client .header-common{width:100%;height:80px;background-color:transparent;padding:8px 32px;z-index:18;position:absolute}.main-layout-client .header-common.bg-change,.main-layout-client .header-common.bg-change-none{background:linear-gradient(270deg,#9c9,#9cc)}.main-layout-client .header-common.up{animation:upBg .6s ease-in-out 1 both}.main-layout-client .header-common.down{animation:downBg .5s ease-in-out 1 both}@keyframes upBg{0%{top:0}to{top:-200px}}@keyframes downBg{0%{top:-200px}to{top:0}}.main-layout-client .header-common nav .menu{display:flex;align-items:center;gap:20px;height:60px}.main-layout-client .header-common nav .menu a{color:#333;font-size:16px;line-height:26px;font-weight:600;padding:0 20px}.main-layout-client .header-common nav .menu a.active{color:#063;border-radius:26px;padding:8px 20px}.main-layout-client .container-layout-client{background-color:#fff;height:100%;display:flex;flex-direction:column;overflow:auto;position:relative}.main-layout-client .header-common ul li{border-radius:12px;padding:4px 14px}.main-layout-client .header-common ul li.active{border:2px solid #edeef3}.main-layout-client .header-common .avatar-user{height:52px;width:52px;position:relative;order:0;flex:0 1 auto;align-self:auto}.main-layout-client .header-common .avatar-user:before{content:":hover state on";display:inline-block;position:absolute;left:-70px;top:-80px;height:40px;line-height:40px;width:200px;text-align:center;color:#1e1e21;font-weight:400;font-size:1.2em;text-shadow:1px 0 0 rgba(0,0,0,.5);font-family:Roboto Mono,monospace}.main-layout-client .header-common .grad{height:inherit;width:inherit;background:linear-gradient(180deg,#033 80%,#f47acd);position:absolute;border-radius:50%}.main-layout-client .header-common .avatar-user img{height:48px;width:48px;border:1px solid #787878;position:absolute;margin:2px 0 0 2px;z-index:99;overflow:hidden;border-radius:50%}.main-layout-client .header-common .spin{animation-duration:1s;animation-name:spin;animation-iteration-count:infinite;animation-timing-function:linear}.main-layout-client .content-layout-client{display:flex;flex-direction:column;background:#fff;overflow-x:hidden;max-height:100vh}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.content-layout-client .footer-container{background-color:#033;color:#fff}.content-layout-client .footer-container img.logo{margin-bottom:24px}.content-layout-client .footer-container .link-container{display:flex;flex-direction:column;gap:24px}.content-layout-client .footer-container .link-container p{font-size:16;line-height:26px;font-weight:300}.content-layout-client .footer-container .link-container .link{display:flex;align-items:center;gap:12px}.content-layout-client .footer-container .link-container .link .link-icon{border-radius:50%;background:#10101059;width:52px;height:52px;display:flex;align-items:center;justify-content:center}.content-layout-client .footer-container .link .link-icon img{width:32px}.content-layout-client .footer-container h2{font-size:20px;line-height:30px;text-transform:uppercase;margin-bottom:20px;font-weight:600}.content-layout-client .footer-container h3{font-size:24px;font-weight:600;margin-bottom:20px}.content-layout-client .footer-container ul li{font-size:16px;line-height:26px;font-weight:300;transition:.3s}.content-layout-client .footer-container ul li a{color:#fff!important}.content-layout-client .footer-container ul li a:hover{color:#9c9!important}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.main-layout-client .header-mobile{position:fixed;width:100%;background:linear-gradient(270deg,#9c9,#9cc);box-shadow:3px 3px 5px 0 rgba(0,0,0,.15);z-index:11;display:flex;justify-content:space-between;align-items:center}@media only screen and (min-width:1600px){.main-layout-client .footer-layout-client,.main-layout-client .header-layout-client{padding:12px 300px}}@media only screen and (min-width:1400px) and (max-width:1599px){.main-layout-client .footer-layout-client,.main-layout-client .header-layout-client{padding:12px 200px}}@media only screen and (max-width:1400px){.main-layout-client .footer-layout-client,.main-layout-client .header-layout-client{padding:12px 150px}}@media only screen and (max-width:1200px){.main-layout-client .footer-layout-client,.main-layout-client .header-layout-client{padding:12px 100px}}@media only screen and (max-width:1024px){.main-layout-client .footer-layout-client,.main-layout-client .header-layout-client{padding:12px 60px}}@media only screen and (min-width:993px){.main-layout-client .header-mobile{display:none}}@media only screen and (max-width:992px){.main-layout-client .header-common{display:none}.main-layout-client .header-mobile{padding:8px 80px}}@media only screen and (max-width:768px){.main-layout-client .footer-layout-client,.main-layout-client .header-layout-client{padding:12px 30px}.main-layout-client .header-mobile{padding:8px 20px}}@media only screen and (max-width:576px){.main-layout-client .footer-layout-client,.main-layout-client .header-layout-client{padding:12px 20px}}.navbar-container{background:#fff;padding:16px;display:flex;flex-direction:column}.navbar-container .profile{display:flex;align-items:center;border-bottom:1px solid #ddd;padding-bottom:16px}.navbar-container .profile .avatar{width:40px;height:40px;background:#1d9b5e;color:#fff;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:10px}.navbar-container .profile .name{font-weight:700}.navbar-container .profile .phone{font-size:12px;color:#575757}.navbar-container .menu{list-style:none;margin:0;border-bottom:1px solid #ddd;padding:4px 0}.navbar-container .menu .menu-item{display:flex;align-items:center;padding:12px;cursor:pointer;color:#575757;font-weight:600;transition:.3s}.navbar-container .menu .menu-item:hover,.navbar-container .menu li.active.menu-item{background:#1d9b5e2e;border-radius:4px;border:1px solid #d7d7d785;box-shadow:5px 5px 10px -10px #7c0fd1}.navbar-container .menu .icon{margin-right:12px;color:#1d9b5e;font-size:18px}.navbar-container .menu .submenu{padding:0 20px;font-weight:600;transition:.3s;display:flex;flex-direction:column;gap:16px}.navbar-container .menu .submenu .submenu-item{border-bottom:1px solid #1d9b5e}.navbar-container .menu .submenu .submenu-item span.icon{color:#1d9b5e}.navbar-container .menu .submenu .submenu-item span{color:#575757}.advisement{background:url(/_next/static/media/bgAdvisement.a92bddc2.png) no-repeat 50%/cover;width:100%}.advisement .left{display:flex;flex-direction:column;align-items:start;gap:30px}.advisement .left p{font-weight:700;font-size:50px;line-height:60px;letter-spacing:0;vertical-align:middle;text-transform:capitalize;color:#fff}.admin-dropdown-menu{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:8px 0;border:1px solid #e0e0e0}.admin-dropdown-item{padding:0!important;transition:all .3s ease;font-size:16px}.dropdown-link-content{display:flex;align-items:center;padding:10px 16px;color:#787878}.admin-dropdown-item:hover .dropdown-link-content{background-color:#f5f5f5;color:#5e5eff}