.po-da-add-points{width:500px}@media (max-width:576px){.po-da-add-points{width:100%}}.po-da-add-points__options{align-items:center;display:flex;font-size:19px;gap:10px;justify-content:space-around;margin-bottom:10px;margin-top:15px}.po-da-add-points__options>div{align-items:center;display:flex;gap:5px}.po-da-add-points__options>div label:hover{cursor:pointer}.divider{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.divider:after,.divider:before{background-color:#ccc;content:"";flex-grow:1;height:1px}.divider:before{margin-right:8px}.divider:after{margin-left:8px}.divider .divider-text{color:#aaa;font-size:20px;padding:10px}div[data-v-b3240a51]{align-items:center;display:flex;justify-content:center}div>svg[data-v-b3240a51]{height:auto;max-width:100%}.in-view-print-point{padding:10px;width:500px}@media (max-width:576px){.in-view-print-point{width:100%}}.in-view-print-point__content{border:2px solid var(--main-border-color);border-radius:10px;margin-top:10px;padding:10px;text-align:center}.in-view-print-point__content .student-info .date,.in-view-print-point__content .student-info .info{display:flex;flex-direction:column;gap:3px;text-align:right}.in-view-print-point__content .student-info .info{align-items:center;text-align:center}.in-view-print-point__content .student-info .info img{width:130px}.in-view-print-point__content .episodes-list{margin:10px 0}.in-view-print-point__content .episodes-list .episode{margin-top:10px}.in-view-print-point__content .episodes-list .episode .header{align-items:center;background:#ededed;display:flex;justify-content:space-between;padding:5px 10px}.in-view-print-point__content .episodes-list .episode .header .count-point{display:flex;flex-direction:column;gap:5px}.in-view-print-point__content .episodes-list .episode .header .count-point .count{background:#d1d5db;border-radius:5px;font-weight:700;padding-top:3px}.in-view-print-point__content .episodes-list .episode .point-de{margin-top:10px}.in-view-print-point__content .episodes-list .episode .point-de .title{font-size:17px;text-align:right}.in-view-print-point__content .episodes-list .episode .point-de li:not(:last-of-type){border-bottom:2px solid var(--main-border-color)}.in-view-print-point__content .episodes-list .episode .point-de li:last-of-type{font-weight:700}.in-view-print-point__content .episodes-list .episode .point-de .point-info{align-items:center;display:flex;justify-content:space-between;padding:10px}.in-view-print-point__footer{margin:10px 0;text-align:right}.in-view-print-point .gray-color{color:#b0bbbc}.in-print-point{width:500px}@media (max-width:576px){.in-print-point{width:100%}}.in-print-point .input-list__item{padding:10px;row-gap:15px}.in-print-point .input-list .barcode{color:#aaa;text-align:center}.in-print-point .input-list .operation-btns{background:#fff;bottom:0;position:sticky;z-index:1}.in-point-store .filter{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:5px;width:100%}.in-point-store .filter>h1{font-size:28px;font-weight:400;margin-left:20px}@media (max-width:992px){.in-point-store .filter>h1{display:none}}@media (max-width:768px){.in-point-store .filter>h1{display:unset}}.in-point-store .filter__time{flex:1}@media (max-width:768px){.in-point-store .filter__time{display:none}}.in-point-store .filter__another{align-items:center;background:var(--body-color);border-radius:10px;box-shadow:var(--main-box-shadow);cursor:pointer;display:flex;height:44px;justify-content:center;text-align:center;width:50px}.in-point-store .filter__another:hover{opacity:.8}.in-point-store .section-2{display:flex;justify-content:space-between;margin:20px 0}.in-point-store .section-2 .btn{background:#1f4f9b}.in-point-store .section-3{display:flex;gap:20px}.in-point-store .section-3>div{border-radius:10px;box-shadow:var(--main-box-shadow);padding:10px}.in-point-store .section-3>div>p{font-size:20px;margin-bottom:5px}.in-point-store .section-3 .pagination{margin-bottom:0!important;margin-top:10px!important}.in-point-store .section-3 .points-card{width:410px}.in-point-store .section-3 .points-card .points-header .points-summary{align-items:center;display:flex;font-size:28px;justify-content:space-between}.in-point-store .section-3 .points-card .points-header .points-summary .icon{height:30px;width:30px}.in-point-store .section-3 .points-card .points-header .points-summary .points-total{color:#1f4f9b}.in-point-store .section-3 .points-card .points-header .points-details{border-bottom:2px solid var(--main-border-color);display:flex;justify-content:space-between;margin-bottom:5px;margin-top:5px;padding-bottom:10px;text-align:center}.in-point-store .section-3 .points-card .points-header .points-details .points-earned{color:green}.in-point-store .section-3 .points-card .points-header .points-details .points-deducted{color:red}.in-point-store .section-3 .points-card .points-list{display:flex;flex-direction:column;gap:10px}.in-point-store .section-3 .points-card .points-list .points-item{background:#031f4d0d;border-bottom:1px solid #eee;border-radius:10px;cursor:pointer;display:flex;font-size:18px;justify-content:space-between;padding:15px}.in-point-store .section-3 .points-card .points-list .points-item:last-child{border-bottom:none}.in-point-store .section-3 .points-card .points-actions{display:flex;gap:8px;justify-content:space-between;margin-top:13px}.in-point-store .section-3 .points-card .points-actions .btn{border-radius:4px;cursor:pointer;flex:1;font-size:14px;justify-content:center;padding:8px;transition:background-color .3s ease}.in-point-store .section-3 .points-card .points-actions .btn.print-btn{background-color:#169fb3}.in-point-store .section-3 .points-card .points-actions .btn.report-btn{background-color:#8c26a0}.in-point-store .section-3 .points-card .points-actions .btn.add-btn{background-color:#1f4f9b}.in-point-store .section-3 .points-card .points-actions .btn:hover{opacity:.8}@media (max-width:1200px){.in-point-store .section-3{flex-direction:column}.in-point-store .section-3>div{flex:1!important}.in-point-store .section-3 .points-card{width:auto}.in-point-store .section-3 .pagination{max-width:100%}}.in-point-store .section-4{margin-top:20px}.in-point-store .section-4 .header{align-items:center;display:flex;justify-content:space-between}.in-point-store .section-4 .header p{font-size:28px}.in-point-store .section-4 .header .btns{display:flex;gap:10px}.in-point-store .section-4 .header .btns .btn{background:#ededed}@media (max-width:576px){.in-point-store .section-4 .header{align-items:center;flex-direction:column;gap:10px}}.in-point-store .section-4 .cards{display:flex;gap:20px;margin-top:20px}.in-point-store .section-4 .cards>div{background:#fff;box-shadow:var(--main-box-shadow);flex:1;padding:10px}.in-point-store .section-4 .cards>div.waiting{flex:.7}.in-point-store .section-4 .cards .summary{align-items:center;border-bottom:1px solid var(--main-border-color);display:flex;font-size:24px;justify-content:space-between;padding-bottom:10px;padding-top:10px}.in-point-store .section-4 .cards .summary .icon{height:30px;width:30px}.in-point-store .section-4 .cards .summary .points-total{color:#1f4f9b}.in-point-store .section-4 .cards .list{display:flex;flex-direction:column;gap:15px;margin-top:15px}.in-point-store .section-4 .cards .number-box .title{color:var(--text-color);font-size:20px}.in-point-store .section-4 .cards .waiting{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.in-point-store .section-4 .cards .waiting>.icon{color:#ff9500;height:50px;width:50px}.in-point-store .section-4 .cards .waiting p{font-size:24px}.in-point-store .section-4 .cards .waiting .count{color:#1f4f9b;font-size:28px}@media (max-width:1200px){.in-point-store .section-4 .cards{flex-direction:column}}.in-point-store .section-5{background:#fff;box-shadow:var(--main-box-shadow);margin-top:20px;padding:10px}.in-point-store .section-5 .ranking-container .ranking-header{display:flex;gap:8px;margin-bottom:16px;overflow:auto}.in-point-store .section-5 .ranking-container .ranking-header .ranking-button{background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease;white-space:nowrap}.in-point-store .section-5 .ranking-container .ranking-header .ranking-button.active{background-color:#0e6c8a;color:#fff}.in-point-store .section-5 .ranking-container .ranking-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.in-point-store .section-5 .ranking-container .ranking-grid .ranking-card{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:space-around;padding:16px;text-align:center}.in-point-store .section-5 .ranking-container .ranking-grid .ranking-card .avatar{align-items:center;background-color:#ddd;border-radius:50%;color:#555;display:flex;font-size:24px;font-weight:700;height:80px;justify-content:center;margin-bottom:12px;overflow:hidden;width:80px}.in-point-store .section-5 .ranking-container .ranking-grid .ranking-card .avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.in-point-store .section-5 .ranking-container .ranking-grid .ranking-card .card-info{width:100%}.in-point-store .section-5 .ranking-container .ranking-grid .ranking-card .card-info .name{font-size:18px;font-weight:700;margin-bottom:8px}.in-point-store .section-5 .ranking-container .ranking-grid .ranking-card .card-info .episode,.in-point-store .section-5 .ranking-container .ranking-grid .ranking-card .card-info .points{align-items:center;display:flex;font-size:18px;justify-content:space-between;margin-bottom:10px}.in-point-store .section-5 .ranking-container .ranking-grid .ranking-card .card-info .episode .title,.in-point-store .section-5 .ranking-container .ranking-grid .ranking-card .card-info .points .title{color:#536365;margin-left:5px;text-wrap:nowrap}.in-point-store .section-5 .ranking-container .ranking-grid .ranking-card .card-info .episode .count,.in-point-store .section-5 .ranking-container .ranking-grid .ranking-card .card-info .points .count{text-align:center}.in-point-store .section-5 .ranking-container .ranking-grid .ranking-card .card-info .points{border-bottom:2px solid var(--main-border-color);padding-bottom:10px}.in-point-store .section-5 .ranking-container .ranking-grid .ranking-card .card-info .points .count{color:#1f4f9b}