*{box-sizing:border-box;list-style:none;margin:0;padding:0;transition:all .3s ease}a{text-decoration:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Roboto Mono,sans-serif;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.container{margin:0 auto;max-width:1320px;padding:0 20px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}main{padding-bottom:55px;padding-top:125px}.flex{justify-content:space-between}.flex,.flex-without-space{align-items:center;display:flex}.flex-without-space{gap:30px}.active{border-bottom:1px solid green;color:rgba(0,128,0,.614)}.d-none{display:none}.d-block{display:block}.error{color:rgba(0,128,0,.614);font-size:17px}.textNotfound{color:crimson}.mobile{display:none}#notfound{height:100vh;position:relative}#notfound .notfound{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.notfound{line-height:1.4;max-width:520px;text-align:center;width:100%}.notfound .notfound-404{height:190px}.notfound .notfound-404 h1{color:#232323;font-family:Montserrat,sans-serif;font-size:146px;font-weight:700;margin:0}.notfound .notfound-404 h1>span{animation-duration:4s;animation-iteration-count:infinite;animation-name:floating;animation-timing-function:ease-in-out;background-image:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/160/mozilla/36/pensive-face_1f614.png);background-size:cover;display:inline-block;height:120px;transform:scale(1.4);width:120px;z-index:-1}.notfound h2{color:#232323;font-size:22px;font-weight:700;margin:0;text-transform:uppercase}.notfound h2,.notfound p{font-family:Montserrat,sans-serif}.notfound p{color:#787878;font-weight:300}.notfound a{background-color:#f99827;border-radius:40px;color:#fff;display:inline-block;font-family:Montserrat,sans-serif;font-weight:700;padding:12px 30px;text-decoration:none;transition:all .2s}.notfound a:hover{opacity:.8}@media only screen and (max-width:767px){.notfound .notfound-404{height:115px}.notfound .notfound-404 h1{font-size:86px}.notfound .notfound-404 h1>span{height:86px;width:86px}}@keyframes floating{0%{transform:scale(1.4) translate(0)}50%{transform:scale(1.4) translateY(15px)}to{transform:scale(1.4) translate(0)}}.login-section .login{align-items:center;display:flex;height:90vh;justify-content:center}.login-section .login .logo{max-width:600px;width:100%}.login-section .login form{align-items:center;display:flex;flex-direction:column;gap:50px;justify-content:space-between;max-width:600px;width:100%}.login-section .login form .error{height:19px}.login-section .login form>input{border:.3px solid #999;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;outline:none;padding:15px;width:100%}.login-section .login form input.forgot{background-color:green;color:#fff;cursor:pointer}.login-section .login form input.forgot:hover{background:#fff;border:.3px solid green;color:green}@media only screen and (max-width:1365px){.login-section .login .logo{max-width:650px;width:100%}}@media only screen and (max-width:1050px){.login-section .login .logo{max-width:450px}}@media only screen and (max-width:850px){.login-section .login .logo{max-width:350px;width:100%}}@media only screen and (max-width:650px){.login-section .login{flex-direction:column;padding-top:200px;position:relative;width:100%}.login-section .login .logo{max-width:450px;position:absolute;top:0;z-index:-1}}@media only screen and (max-width:450px){.login-section .login{flex-direction:column;padding-top:200px;position:relative;width:100%}.login-section .login .logo{max-width:450px;position:absolute;top:60px;z-index:-1}.login-section .login form{gap:20px}}.mobile-hidden{display:none!important}.payments-page{background-color:#f0f0f0;min-height:100vh;padding-top:130px}.payments-page .payments-section .container{animation:fadeIn .5s ease-in-out;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:800px;padding:20px}.payments-page .payments-section .payments-title{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.payments-page .payments-section .payments-list{display:flex;flex-direction:column;gap:15px}.payments-page .payments-section .payment-card{border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:15px;transition:transform .3s ease,box-shadow .3s ease}.payments-page .payments-section .payment-card:hover{box-shadow:0 8px 15px #0003;transform:translateY(-5px)}.payments-page .payments-section .payment-card.paid{background-color:#e0ffe0;border-left:5px solid #2ecc71}.payments-page .payments-section .payment-card.unpaid{background-color:#ffe0e0;border-left:5px solid #e74c3c}.payments-page .payments-section .payment-card.discounted{border-left:5px solid #f1c40f}.payments-page .payments-section .payment-card .payment-info h3{color:#333;font-size:20px;margin-bottom:10px}.payments-page .payments-section .payment-card .payment-info p{color:#666;font-size:16px;margin:5px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.date-wrapper{align-items:center;display:flex;gap:20px;justify-content:center;margin:20px 0}.date-select{-webkit-appearance:none;appearance:none;background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;font-size:16px;outline:none;padding:10px 15px;transition:border-color .3s ease,background-color .3s ease}.date-select:hover{border-color:#3498db}.date-select:focus{background-color:#fff;border-color:#2980b9}.date-select option{background-color:#fff;color:#333}@media(max-width:768px){.date-wrapper{flex-direction:column;gap:10px}.date-select{width:100%}}.header-section{z-index:9999}.header-section .header__nav{padding:20px 0}.header-section .header__nav .desktop-menu{gap:40px}.header-section .header__nav .menu-bar{display:none}.header-section .header__nav .logout{color:green;display:block;margin-left:auto}.header-section .mobile-menu{display:none}@media(max-width:768px){.header-section .header__nav .desktop-menu{display:none}.header-section .header__nav .menu-bar{display:block}.header-section .header__nav .mobile-menu{background-color:#fff;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;padding:10px;position:absolute;right:10px;top:60px;width:80%;z-index:999}.header-section .header__nav .mobile-menu li{margin:10px 0}.header-section .header__nav .mobile-menu li a{color:#000;font-size:18px}.header-section .header__nav .mobile-menu .logout{margin-top:20px}.header-section .header__nav .mobile-menu .active{color:green}}.logout_btn{border-radius:5px;padding:10px 15px}.logout_btn:hover{background-color:green}.logout_btn:hover *{color:#fff}.navbar{align-items:center;background-color:#f8f8f8;bottom:0;display:flex;position:fixed;width:100%}.navbar *{transition:all .03s ease!important}.navbar ul{display:flex;width:100%}.navbar ul li{list-style:none;transition:all .03s ease;width:100%}.navbar ul li a{color:#6f7577e6;cursor:pointer;display:inline-block;font-size:24px;padding:10px 20px;text-align:center;text-decoration:none;width:100%}.navbar ul li:hover{background-color:hsla(195,3%,45%,.179)}.navbar .active{background-color:#4169e1}.navbar .active *{color:#fff}.mygroups-section{padding:20px 0}.mygroups-section .container{margin:0 auto;max-width:900px}.mygroups-section .mygroup .mygroup__table{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden;width:100%}.mygroups-section .mygroup .mygroup__table.compact{display:flex;flex-direction:column;gap:15px;padding:15px}.mygroups-section .mygroup .mygroup__table-head{background-color:#3498db;color:#fff;display:grid;font-weight:700;grid-template-columns:1fr 2fr 2fr 1fr;padding:10px 15px}.mygroups-section .mygroup .mygroup__table-body{display:flex;flex-direction:column;gap:10px}.mygroups-section .mygroup .mygroup__table-body .mygroup__table-body--item{background-color:#fff;border-radius:6px;box-shadow:0 2px 5px #0000001a;display:grid;grid-template-columns:1fr 2fr 2fr 1fr;padding:10px 15px;transition:all .3s ease-in-out}.mygroups-section .mygroup .mygroup__table-body .mygroup__table-body--item:hover{background-color:#f0faff;transform:translateY(-3px)}.mygroups-section .mygroup .mygroup__table-body .mygroup__table-body--item .group-name a{color:#3498db;cursor:pointer;font-weight:600;text-decoration:none;transition:color .3s ease}.mygroups-section .mygroup .mygroup__table-body .mygroup__table-body--item .group-name a:hover{color:#2d88c5}.mygroups-section .mygroup .mygroup__table-body .mygroup__table-body--item .price{color:#2ecc71;font-weight:700}.mygroups-section .mygroup .mygroup__table-body .animated-item{animation:fadeInUp .5s ease-in-out}@media(max-width:768px){.mygroups-section .mygroup__table-body--item,.mygroups-section .mygroup__table-head{grid-template-columns:1fr 2fr 1fr}}.section-myGroupsSingle{padding:50px 0}.section-myGroupsSingle .container{display:flex;justify-content:center}.section-myGroupsSingle .myGroupsSingle{align-items:center;display:flex;flex-direction:column;height:100%;text-align:center;width:100%}.section-myGroupsSingle .myGroupsSingle__wrapper{max-width:485px;width:100%}.section-myGroupsSingle .myGroupsSingle__title{color:#333;font-size:30px;margin-bottom:30px}.section-myGroupsSingle .myGroupsSingle__list{display:flex;flex-direction:column;gap:25px;list-style:none;margin:0;padding:0}.section-myGroupsSingle .myGroupsSingle__item{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;cursor:pointer;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.section-myGroupsSingle .myGroupsSingle__item:hover{box-shadow:0 8px 15px #0003;transform:translateY(-5px)}.section-myGroupsSingle .myGroupsSingle__item:hover .myGroupsSingle__link{color:#3498db}.section-myGroupsSingle .myGroupsSingle__link{color:#333;display:inline-block;font-size:22px;font-weight:600;letter-spacing:.5px;padding:95px 105px;position:relative;text-decoration:none}.section-myGroupsSingle .myGroupsSingle__link:before{background-color:#3498db;bottom:85px;content:"";height:3px;left:0;margin:0 auto;position:absolute;right:0;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:50%}.section-myGroupsSingle .myGroupsSingle__link:hover:before{transform:scaleX(1);transform-origin:left}@media(max-width:768px){.section-myGroupsSingle{padding:30px 0}.section-myGroupsSingle .myGroupsSingle__list{gap:20px;height:100%;width:100%}.section-myGroupsSingle .myGroupsSingle__item{height:100%;max-height:215px;max-width:485px}.section-myGroupsSingle .myGroupsSingle__link{font-size:20px}}.attendance-list{display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:400px;padding:20px 20px 100px}.attendance-item{align-items:center;animation:fadeInUp .5s ease both;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;padding:15px;transition:transform .3s ease,box-shadow .3s ease}.attendance-item:hover{box-shadow:0 8px 15px #0003;transform:translateY(-5px)}.attendance-date{color:#333;font-size:16px;font-weight:600}.attendance-action{border-radius:6px;font-size:18px;font-weight:700;padding:5px 10px}.action-here{background-color:#000;color:#fff}.action-ask{background-color:green;color:#fff}.action-no-ask{background-color:red;color:#fff}@media(max-width:768px){.attendance-item{padding:10px}.attendance-date{font-size:14px}.attendance-action{font-size:16px}}.tests-list{display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:600px;padding:20px}.test-item{animation:fadeInUp .5s ease both;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.test-item:hover{box-shadow:0 8px 15px #0003;transform:translateY(-5px)}.test-name{color:#333;font-size:22px;font-weight:700}.test-details{margin-top:10px}.test-date,.test-max-point,.test-rating,.test-self-point{color:#666;font-size:16px}.no-data{color:red;font-size:18px;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.test-item{padding:15px}.test-name{font-size:20px}.test-date,.test-max-point,.test-rating,.test-self-point{font-size:14px}}.rating-section .rating{color:#000}.rating-section .rating a{border:1px solid green;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;color:green!important;display:inline-block;margin-bottom:20px;margin-left:20px;padding:10px 15px}.rating-section .rating a:focus,.rating-section .rating a:hover{background-color:green;color:#fff!important}.rating-section *{color:#000!important}.rating-section .active{border:none}.profile-section{padding:20px}.profile-section .container{margin:0 auto;padding:0}.profile-section .profile-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.profile-section .profile-header{align-items:center;display:flex;gap:20px;margin-bottom:20px}.profile-section .profile-header .profile-img{border-radius:50%;box-shadow:0 0 10px #0003;height:80px;object-fit:cover;width:80px}.profile-section .profile-header .user-info h2{color:#333;font-size:24px;font-weight:700;margin:0}.profile-section .profile-header .user-info .role{color:#666;font-size:14px}.profile-section .profile-details h3{color:#333;font-size:18px;margin-bottom:10px}.profile-section .profile-details .details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.profile-section .profile-details .details-grid .detail-item{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 6px #0000000d;padding:15px}.profile-section .profile-details .details-grid .detail-item strong{color:#999;display:block;font-size:12px}.profile-section .profile-details .details-grid .detail-item p{color:#333;font-size:14px;margin:5px 0 0}.profile-section .loader{color:#333;font-size:18px;padding:50px 0;text-align:center}.profile-section .no-data{color:#f44336;font-size:18px;padding:50px 0;text-align:center}@media(max-width:768px){.profile-card{padding:20px}.profile-card .profile-header{flex-direction:column;gap:10px;text-align:center}.profile-card .profile-header .profile-img{height:60px;width:60px}.profile-card .profile-header .user-info h2{font-size:20px}.profile-card .profile-header .user-info .role{font-size:12px}.profile-card .profile-details h3{font-size:16px}.profile-card .profile-details .details-grid{grid-template-columns:1fr}.profile-card .profile-details .details-grid .detail-item{padding:10px}.profile-card .profile-details .details-grid .detail-item p{font-size:13px}}@media(max-width:480px){.profile-card{padding:15px}.profile-card .profile-header .profile-img{height:50px;width:50px}.profile-card .profile-header .user-info h2{font-size:18px}.profile-card .profile-header .user-info .role{font-size:11px}.profile-card .profile-details h3{font-size:14px}.profile-card .profile-details .details-grid .detail-item{padding:8px}.profile-card .profile-details .details-grid .detail-item p{font-size:12px}}.forgot-section{align-items:center;display:flex;height:95vh;justify-content:center}.forgot-section .forgot{color:#000;text-align:center}.forgot-section .forgot .forgot-wrapper{max-width:512px;width:100%}.forgot-section .forgot h2{font-weight:400;margin-bottom:80px}.forgot-section .forgot h2 span{color:green;font-weight:700}.forgot-section .forgot .forgot-square input{margin-left:5px;padding:15px;text-align:center;width:50px}.forgot-section .forgot input{border:1px solid #999;margin-bottom:80px;max-width:400px;padding:15px 10px;width:100%}.forgot-section .forgot .flex .btn-login,.forgot-section .forgot input{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.forgot-section .forgot .flex .btn-login{background-color:crimson;color:#fff!important;padding:10px 20px!important}.forgot-section .forgot .flex .btn-login:nth-child(2){background-color:green}@media only screen and (max-width:500px){.forgot-section .forgot .forgot-square input{width:40px}.forgot-section .forgot h2{font-size:20px;margin-bottom:40px}.forgot-section .forgot input{margin-bottom:40px}}.password-section{align-items:center;display:flex;height:100vh;justify-self:start}.password-section .password .password__wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;margin-bottom:20px}.password-section .password .password__wrapper h2{font-size:35px;margin-bottom:20px}.password-section .password .password__wrapper label{align-items:flex-start;display:flex;flex-direction:column;gap:5px}.password-section .password .password__wrapper input{border:2px solid #999;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;outline:none;padding:15px 10px;width:400px}.password-section .password .password__wrapper input:focus{border:2px solid green}.password-section .password .password__btn{align-items:center;display:flex;justify-content:space-between}.password-section .password .password__btn a,.password-section .password .password__btn input{background-color:crimson;border:none;border-radius:5px;color:#fff;font-size:16px;outline:none;padding:10px 20px}.password-section .password .password__btn input{background-color:green;cursor:pointer}.mygroup-section .reward__div{width:200px!important}.mygroup-section table{border-collapse:collapse;width:100%}.mygroup-section .mygroup{padding-bottom:50px}@media only screen and (max-width:830px){.mygroup-section .desktop,.mygroup-section .tablet{display:none}.mygroup-section .mobile{display:block}.mygroup-section .mobile .mygroup__table-head{display:flex}.mygroup-section .mobile .mygroup__table-head div{align-items:center;background-color:rgba(44,248,44,.663);border-bottom:1px solid green;font-weight:600;padding:10px;width:100%}.mygroup-section .mobile .mygroup__table-head div:first-child{width:50px}.mygroup-section .mobile .mygroup__table-head div:last-child{border-left:0;width:80px}.mygroup-section .mobile .mygroup__table-body--item{align-items:center;border-bottom:1px solid green;display:flex;position:relative}.mygroup-section .mobile .mygroup__table-body--item .group-name{display:inline-block;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.mygroup-section .mobile .mygroup__table-body--item .lesson-action{display:flex}.mygroup-section .mobile .mygroup__table-body--item>div{border-right:0;padding:10px;width:100%}.mygroup-section .mobile .mygroup__table-body--item>div p{padding:9px 8px}.mygroup-section .mobile .mygroup__table-body--item>div button{border:none;border-radius:5px;cursor:pointer;outline:none;padding:10px 15px}.mygroup-section .mobile .mygroup__table-body--item>div button:hover{background-color:rgba(44,248,44,.663)}.mygroup-section .mobile .mygroup__table-body--item>div .action-body{background-color:#e1dfdf;border-radius:5px;display:none;position:absolute;right:0;z-index:10}.mygroup-section .mobile .mygroup__table-body--item>div .action-body button{width:100%}.mygroup-section .mobile .mygroup__table-body--item>div:first-child{width:50px}.mygroup-section .mobile .mygroup__table-body--item>div:last-child{border-left:0;width:80px}.mygroup-section .mobile .mygroup__table-body--item .group-info button{padding:6px 10px}}@media only screen and (max-width:490px){.mygroup-section .mobile .mygroup__table-body--item>div p{max-width:150px;min-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}}.mygroup-section .mygroup__table .add-wrapper{align-items:center!important;border-radius:none!important;display:flex!important;gap:10px;justify-content:center!important}.mygroup-section .mygroup__table .add-wrapper button{outline:none}.mygroup-section .mygroup__table .btn-delete{background-color:#0000;border-radius:5px;cursor:pointer;padding:5px 20px}.mygroup-section .mygroup__table .btn-delete:hover{background-color:#1976d20a}.mygroup-section .menu{padding:0 20px}.tech-lesson-section .add-wrapper{display:flex;height:65px;justify-content:center}.tech-lesson-section .add-wrapper span{padding:0 20px}.adpayment .mygroup__table .add-wrapper{display:flex!important;justify-content:flex-start!important}.header-section{background-color:#fff;min-height:58px;position:fixed;width:100%;z-index:9}.header-section .header__nav{align-items:center;display:flex;justify-content:space-between;max-width:1320px;padding:50px 0;position:relative}.header-section .header__nav .desktop-menu{display:flex;gap:60px;justify-self:flex-end;position:relative;right:60px}.header-section .header__nav .desktop-menu li{position:relative}.header-section .header__nav .desktop-menu li a{color:#000;font-size:18px;padding:5px 5px 0}.header-section .header__nav .desktop-menu li a:last-child:hover:after{background-color:rgba(0,128,0,.614);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;content:" ";height:120%;opacity:.3;position:absolute;right:0;top:0;width:100%}.header-section .logo__wrapper{position:relative}.header-section .logo__wrapper .logo__link{position:absolute}.header-section .logo__wrapper .logo{color:green;display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-section .header__logo{left:10px;position:absolute;top:-80px;width:160px}.header-section .mobile-menu{display:none!important;overflow:hidden}.header-section .logout{display:block!important;position:absolute;right:0;top:50px}@media only screen and (max-width:1080px){.header-section .header__nav .desktop-menu{gap:20px}}@media only screen and (max-width:880px){.header-section .header__nav .desktop-menu li a{font-size:16px}}@media only screen and (max-width:805px){.header-section .header__nav{padding:30px 0}.header-section .header__nav .desktop-menu li a{font-size:15px}.header-section .logout{top:30px}}@media only screen and (max-width:935px){.header-section{background-color:#fff;min-height:58px;position:fixed;width:100%}.header-section .header__nav{align-items:center;display:flex;justify-content:space-between;padding-top:50px;position:relative}.header-section .header__nav .desktop-menu{align-items:center;display:flex;gap:20px;justify-self:flex-end;right:0}.header-section .header__nav .desktop-menu li{justify-content:space-between;position:relative}.header-section .header__nav .desktop-menu li:nth-child(6),.header-section .header__nav .desktop-menu li:nth-child(7){display:none}.header-section .header__nav .desktop-menu li:last-child{align-items:center;display:flex;flex-direction:row-reverse;justify-content:flex-end;width:40px}.header-section .header__nav .desktop-menu li a{color:#000;font-size:15px}.header-section .header__nav .logout{display:none!important;right:35px;top:128px}.header-section .header__nav .block{left:0;position:absolute;top:0}.header-section .header__nav .mobile-menu{background-color:#fff;box-shadow:1px 1px 1px 1px #999;display:flex!important;flex-direction:column;gap:10px;padding:20px 10px;position:absolute;right:0;top:80px}.header-section .header__nav .mobile-menu li{display:none;justify-content:flex-end}.header-section .header__nav .mobile-menu li:nth-child(6),.header-section .header__nav .mobile-menu li:nth-child(7){display:flex}.header-section .header__nav .mobile-menu li a{color:#000;font-size:16px;padding:5px 5px 0;position:relative;z-index:99}.header-section .header__nav .mobile-menu li a:hover:after{background-color:rgba(0,128,0,.614);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;content:" ";height:120%;opacity:.3;position:absolute;right:0;top:0;width:100%}.header-section .logo__wrapper{position:relative}.header-section .logo__wrapper .logo__link{position:absolute}.header-section .menu-bar{display:block!important}}@media only screen and (max-width:900px){.header-section{background-color:#fff;min-height:58px;position:fixed;width:100%}.header-section .header__nav{align-items:center;display:flex;justify-content:space-between;position:relative}.header-section .header__nav .logout{top:158px}.header-section .header__nav .desktop-menu{display:flex;gap:20px;justify-self:flex-end}.header-section .header__nav .desktop-menu li:nth-child(5){display:none}.header-section .header__nav .desktop-menu li a{color:#000;font-size:15px}.header-section .header__nav .mobile-menu li:nth-child(5){display:flex}}@media only screen and (max-width:720px){.header-section{background-color:#fff;min-height:58px;position:fixed;width:100%}.header-section .header__nav{align-items:center;display:flex;justify-content:space-between;position:relative}.header-section .header__nav .logout{top:188px}.header-section .header__nav .desktop-menu{display:flex;gap:20px;justify-self:flex-end}.header-section .header__nav .desktop-menu li:nth-child(4){display:none}.header-section .header__nav .desktop-menu li a{color:#000;font-size:15px}.header-section .header__nav .mobile-menu li:nth-child(4){display:flex}}@media only screen and (max-width:600px){.header-section{background-color:#fff;min-height:58px;position:fixed;width:100%}.header-section .header__nav{align-items:center;display:flex;justify-content:space-between;position:relative}.header-section .header__nav .logout{top:220px}.header-section .header__nav .desktop-menu{display:flex;gap:20px;justify-self:flex-end}.header-section .header__nav .desktop-menu li:nth-child(3){display:none}.header-section .header__nav .desktop-menu li a{color:#000;font-size:15px}.header-section .header__nav .mobile-menu li:nth-child(3),.menu-bar{display:flex!important}}@media only screen and (max-width:450px){.header-section{min-height:58px;position:fixed;width:100%}.header-section .header__nav{align-items:center;display:flex;justify-content:space-between;position:relative}.header-section .header__nav .logout{top:288px}.header-section .header__nav .desktop-menu{display:flex;gap:20px;justify-self:flex-end}.header-section .header__nav .desktop-menu .mobile-menu li:first-child,.header-section .header__nav .desktop-menu .mobile-menu li:nth-child(2){display:none}.header-section .header__nav .desktop-menu .mobile-menu li a{color:#000;font-size:15px}.header-section .header__nav .mobile-menu li{display:flex}.header-section .header__nav .teacher li:nth-child(3){display:flex!important}}.block{display:block!important}.none{display:none!important}.tech-homework-rating .avg-point{font-size:20px;font-weight:500;justify-content:center;text-align:center;width:201px!important}.mygroup-section{padding:20px 0}.mygroup-section .mygroup__table{border-collapse:collapse;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;width:100%}.mygroup-section .mygroup__table td,.mygroup-section .mygroup__table th{padding:15px 20px;text-align:left}.mygroup-section .mygroup__table th{background-color:#3498db;color:#fff;font-weight:700}.mygroup-section .mygroup__table th.add-wrapper *{color:#fff}.mygroup-section .mygroup__table td{background-color:#fff;border-bottom:1px solid #ddd;color:#333;vertical-align:middle}.mygroup-section .mygroup__table td.add-wrapper{align-items:center;display:flex;justify-content:space-between}.mygroup-section .mygroup__table tbody tr:hover{background-color:#f4f9fd}.mygroup-section .mygroup__table .btn-delete{background-color:crimson;border:none;border-radius:4px;padding:5px 10px;transition:background-color .3s ease}.mygroup-section .mygroup__table .btn-delete *{color:#fff}.mygroup-section .mygroup__table .btn-delete:hover{background-color:darkred}.mygroup-section .mobile{display:none}.mygroup-section .btn-action{background-color:#0000;border:none;color:#333;cursor:pointer;font-size:24px}.mygroup-section .adstudent-action-body{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 10px #0000001a;display:none;padding:10px;position:absolute;right:0;z-index:10}.mygroup-section .adstudent-action-body .btn-delete{background-color:crimson;border-radius:4px;color:#fff;margin-top:10px;padding:5px 0;width:100%}.mygroup-section .btn-action:focus+.adstudent-action-body,.mygroup-section .btn-action:hover+.adstudent-action-body{display:block}@media(max-width:768px){.mygroup-section .desktop{display:none}.mygroup-section .mobile{display:block;width:100%}.mygroup-section .mygroup__table-body--item{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:15px;padding:15px;transition:transform .3s ease}.mygroup-section .mygroup__table-body--item:hover{transform:translateY(-3px)}.mygroup-section .mygroup__table-body--item .group-name{color:#3498db;flex:2 1;font-size:16px;text-decoration:none}.mygroup-section .mygroup__table-body--item .adstudent-action-body{display:none}.mygroup-section .mygroup__table-body--item .btn-action{background-color:#0000;border:none;cursor:pointer;font-size:18px}.mygroup-section .mygroup__table-body--item .btn-action:hover~.adstudent-action-body{background-color:#fff;border:1px solid #ddd;box-shadow:0 4px 10px #0000001a;display:block;padding:10px;position:absolute;right:0;top:40px;z-index:10}.mygroup-section .btn-delete{background-color:crimson;border-radius:4px;color:#fff;margin-top:10px;padding:5px 0;width:100%}}.admin-group-section .admin-group-section__noBorder input[type=date]{-webkit-appearance:none!important;appearance:none!important}.total_payment{border-radius:10px;padding:0 20px 20px}.total_payment .select_wrapper{display:flex;gap:10px;justify-content:space-between}.total_payment .select_wrapper select{background-color:#fff;border:1px solid #ddd;border-radius:5px;color:#333;cursor:pointer;font-size:16px;padding:10px;width:20%}.total_payment .select_wrapper select:focus{border-color:#daa520;box-shadow:0 0 8px #daa5204d;outline:none}.total_payment .total_payment_info{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:row;gap:10px;padding:5px 15px;text-align:left}.total_payment .total_payment_info p{color:#333;font-size:14px;margin:10px 0}.total_payment .total_payment_info p:first-child{color:#ff4c4c;font-weight:700}.total_payment .total_payment_info p:nth-child(2){color:#28a745}.total_payment .total_payment_info p:last-child{color:#f39c12}@media(max-width:500px){.total_payment{padding:15px}.total_payment .select_wrapper{flex-direction:column;gap:15px}.total_payment .select_wrapper select{width:100%}.total_payment .total_payment_info{padding:10px}.total_payment .total_payment_info p{font-size:14px}}.admin-single{padding-top:130px}.admin-header-section .desktop-menu{right:0!important}.admin-header-section .logo__wrapper{display:none!important}@media only screen and (max-width:940px){.admin-header-section .logo__wrapper{display:block!important}}.admin-single-group-section-self .admin-single{padding-top:0}.mygroup__btn{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}@media only screen and (max-width:830px){.tech-attendance .mygroup__table-body--item{align-items:normal!important}.tech-attendance .mygroup__table-body--item>div:nth-child(2){width:70%!important}.tech-attendance .mygroup__table-body--item>div:nth-child(3){width:30%!important}.tech-attendance-mobile .mygroup__table-head:nth-child(3){padding:3px 5px}}@media only screen and (max-width:520px){.tech-attendance .mygroup__table-body--item>div:nth-child(2){color:green;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%!important}.tech-attendance .mygroup__table-body--item>div:nth-child(3){width:120px}}.none{display:none}.adAttendanceAddStudent{padding-top:20px}.adAttendanceAddStudent-main{padding-top:136px}.wrapper-date{display:flex;justify-content:space-between;margin-bottom:30px}.date-input-wrapper{display:inline-block;max-width:300px;position:relative;width:100%}.date-input-wrapper .date-input{background-color:#f7f7f7;border:2px solid #ccc;border-radius:5px;box-shadow:0 2px 5px #0000001a;color:#333;font-size:16px;outline:none;padding:10px 15px;transition:all .3s ease;width:100%}.date-input-wrapper .date-input:focus,.date-input-wrapper .date-input:hover{background-color:#fff;border-color:#66afe9}.date-input-wrapper .date-input:focus{box-shadow:0 0 8px #66afe999}.date-input-wrapper .date-input::-webkit-calendar-picker-indicator{color:#666;cursor:pointer;opacity:.7;position:absolute;right:10px}.AdAttendanceDateStudent .wrapper-date a{display:flex;justify-content:flex-end;width:100%}.add-fixed *{color:#fff}h1{font-size:30px}.admin-single__header{align-items:center;color:#000;cursor:pointer;display:flex;justify-content:space-between;margin:40px}.admin-single__wrapper{border:1px solid;margin:20px;padding:20px}.admin-single__wrapper div{padding:10px 0}.ad-teacher .ad-teacher-action-body{background-color:#f5f1f1;border-radius:5px;display:none;position:absolute;right:10px;top:52px;z-index:10}.ad-teacher .ad-teacher-action-body *{width:100%}@media only screen and (max-width:500px){.ad-teacher .btn-action{margin-right:10px!important}.ad-teacher .mygroup__table-head .login{display:none!important}}.no-margin{margin:0!important;padding:0!important}.pointer-section .pointer{color:#000}.pointer-section .pointer a{border:1px solid green;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;color:green!important;display:inline-block;margin-bottom:20px;margin-left:20px;padding:10px 15px}.pointer-section .pointer a:focus,.pointer-section .pointer a:hover{background-color:green;color:#fff!important}.pointer-section .active{border:none}.statistics-container{background:#f5f9fc;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:40px auto;max-width:600px;padding:20px;text-align:center}.title{color:#3a7d44;font-size:24px;font-weight:700;margin-bottom:20px}.stat-box{display:flex;gap:20px;justify-content:space-around}@media(max-width:600px){.stat-box{flex-direction:column;gap:15px}.title{font-size:20px}}.stat-item{background:#eaf6f0;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;padding:20px}.stat-item h3{color:#1b5e20;font-size:18px;margin-bottom:10px}.stat-item p{color:#2e7d32;font-size:24px;font-weight:700}.loading{color:#666;font-size:18px;margin-top:40px;text-align:center}
/*# sourceMappingURL=main.64ec2244.css.map*/