.home .home-content{width:100%;height:100%}.home .home-content .home-top{display:flex;align-items:center;justify-content:space-between;padding:10px 50px}.home .home-content .home-top .home-top-right,.home .home-content .home-top .home-top-left{display:flex;align-items:center}.home .home-content .home-top .home-top-right .viewall,.home .home-content .home-top .home-top-left .viewall{font-family:Open Sans;color:var(--red-color);border-radius:5px;padding:10px 20px;font-weight:500;background-color:var(--red-white);font-size:12px;cursor:pointer;transition:all .1s ease-in-out}.home .home-content .home-top .home-top-right .viewall:hover,.home .home-content .home-top .home-top-left .viewall:hover{background-color:var(--red-color);color:var(--white-color)}.home .home-content .home-top .home-top-left{font-size:16px;font-weight:700;gap:14px}.home .home-content .home-top .home-top-left .icon-list{display:flex;gap:4px}.home .home-content .home-top .home-top-left .icon-list .home-top-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50px;border:1px solid var(--border-gray);background-color:var(--white-color);cursor:pointer;transition:all .1s ease-in-out}.home .home-content .home-top .home-top-left .icon-list .home-top-icon:hover{background-color:var(--selected-gray)}.home .home-content .home-top .home-top-right{gap:8px;color:var(--soft-gray);background-color:var(--white-color);border:1px solid var(--border-gray);border-radius:8px;padding:8px 14px}.home .home-content .home-top .home-top-right .filter{color:var(--soft-black);font-size:14px}.home .home-content .home-top .home-top-right .filter-number{color:var(--white-color);background:linear-gradient(to right,#debfa4,#c13127);padding:2px 8px;border-radius:4px;font-size:14px}.home .home-content .home-cards{padding:2px 50px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.home .home-content .home-cards .card-item{height:146px;border-radius:12px;display:flex;flex-direction:column;font-family:Poppins Medium;color:var(--card-color);border:1px solid var(--card-color);background-size:cover;background-position:center;background-repeat:no-repeat}.home .home-content .home-cards .card-item:hover{cursor:pointer}.home .home-content .home-cards .card-item:hover .item-content .item-icon{background-color:var(--card-color);color:var(--white-color)}.home .home-content .home-cards .card-item:hover .item-bottom{padding-right:24px}.home .home-content .home-cards .card-item.red{--card-color: #BB1A21;--simple-color: #FBEBEB;background:url(/assets/red-ZjQjW948.png)}.home .home-content .home-cards .card-item.blue{--card-color: #24689F;--simple-color: #F6F8F9;background:url(/assets/blue-C1SnMeRG.png)}.home .home-content .home-cards .card-item.yellow{--card-color: #DA9523;--simple-color: #F6F8F9;background:url(/assets/yellow-BJhRcQrF.png)}.home .home-content .home-cards .card-item.green{--card-color: #007934;--simple-color: #F6F8F9;background:url(/assets/green-yBryQ5Ne.png)}.home .home-content .home-cards .card-item .item-content{display:flex;align-items:center;gap:16px;padding:20px 30px;height:100%}.home .home-content .home-cards .card-item .item-content .item-icon{border-radius:10px;border:1px solid var(--card-color);width:62px;height:62px;background-color:var(--simple-color);display:flex;align-items:center;justify-content:center;transition:all .1s ease-in-out}.home .home-content .home-cards .card-item .item-content .item-text{display:flex;flex-direction:column}.home .home-content .home-cards .card-item .item-content .item-text .title{font-size:16px;font-family:Poppins Bold}.home .home-content .home-cards .card-item .item-content .item-text .description{font-size:10px;font-weight:500}.home .home-content .home-cards .card-item .item-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;border-top:1px solid var(--card-color);padding:12px 30px;transition:all .1s ease-in-out}.home .home-content .courses{background-color:var(--white-color);border:var(--soft-gray);border-radius:14px;display:flex;flex-direction:column;margin:16px 50px;padding:20px}.home .home-content .courses .courses-top{display:flex;justify-content:space-between;width:100%;font-weight:700;font-size:16px}.home .home-content .courses .courses-top .viewall{font-family:Open Sans;color:var(--red-color);border-radius:5px;padding:10px 20px;font-weight:500;background-color:var(--red-white);font-size:12px;cursor:pointer;transition:all .1s ease-in-out}.home .home-content .courses .courses-top .viewall:hover{background-color:var(--red-color);color:var(--white-color)}.home .home-content .courses .courses-list{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:16px 0}.home .home-content .courses .courses-list .course-card{display:flex;flex-direction:column;height:100%;justify-content:space-between}.home .home-content .courses .courses-list .course-card .course-info-list .course-cover{background-size:cover;background-position:center;height:144px;border-radius:8px}.home .home-content .courses .courses-list .course-card .course-info-list .course-cover .course-action{display:flex;align-items:center;gap:4px;justify-content:end;padding:12px}.home .home-content .courses .courses-list .course-card .course-info-list .course-cover .course-action .course-icon{display:flex;align-items:center;justify-content:center;background:var(--white-color);color:var(--soft-gray);width:38px;height:38px;border-radius:50px;cursor:pointer;transition:all .1s ease-in-out}.home .home-content .courses .courses-list .course-card .course-info-list .course-cover .course-action .course-icon:hover{background:var(--black-color);color:var(--white-color)}.home .home-content .courses .courses-list .course-card .course-info-list .course-info{display:flex;flex-direction:column;padding:0 10px}.home .home-content .courses .courses-list .course-card .course-info-list .course-info .course-title{display:flex;justify-content:space-between;padding:24px 0 10px}.home .home-content .courses .courses-list .course-card .course-info-list .course-info .course-title .title{max-width:80%;font-weight:700;font-size:16px}.home .home-content .courses .courses-list .course-card .course-info-list .course-info .course-progress{display:flex;flex-direction:column}.home .home-content .courses .courses-list .course-card .course-info-list .course-info .course-progress .course-meta{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400;color:var(--soft-black);padding:0 0 10px}.home .home-content .courses .courses-list .course-card .course-info-list .course-info .course-progress .course-meta .dot{width:2px;height:2px;background-color:var(--soft-black);border-radius:50px}.home .home-content .courses .courses-list .course-card .course-info-list .course-info .course-progress .progressbar{border-radius:50px;background-color:var(--selected-gray);height:10px;width:100%}.home .home-content .courses .courses-list .course-card .course-info-list .course-info .course-progress .progressbar .progress{width:20%;height:100%;background-color:var(--red-color);border-radius:50px}.home .home-content .courses .courses-list .course-card .course-info-list .course-info .course-description{font-size:14px;font-weight:400;color:var(--soft-black);padding:24px 0}.home .home-content .courses .courses-list .course-card .view-course{background-color:var(--light-gray);border-radius:50px;font-size:14px;font-weight:600;display:flex;justify-content:center;align-items:center;height:40px;cursor:pointer;transition:all .1s ease-in-out}.home .home-content .courses .courses-list .course-card .view-course:hover{background-color:var(--black-color);color:var(--white-color)}.home .home-content .webinar{background-color:var(--white-color);border:var(--soft-gray);border-radius:14px;display:flex;flex-direction:column;margin:16px 50px;padding:20px;gap:10px}.home .home-content .webinar .webinar-top{display:flex;justify-content:space-between;width:100%;font-weight:700;font-size:16px}.home .home-content .webinar .webinar-top .viewall{font-family:Open Sans;color:var(--red-color);border-radius:5px;padding:10px 20px;font-weight:500;background-color:var(--red-white);font-size:12px;cursor:pointer;transition:all .1s ease-in-out}.home .home-content .webinar .webinar-top .viewall:hover{background-color:var(--red-color);color:var(--white-color)}.home .home-content .webinar .webinar-list{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px}.home .home-content .webinar .webinar-list .webinar-block{display:flex;align-items:center;border-radius:20px;border:1px solid #DADADA;font-size:12px;font-family:Poppins Medium;color:#555;padding:20px 30px;position:relative;justify-content:space-between;cursor:pointer}.home .home-content .webinar .webinar-list .webinar-block:hover{border:1px solid var(--no-active);transition:all .1s ease-in-out}.home .home-content .webinar .webinar-list .webinar-block:hover .webinar-join .countdown{display:none}.home .home-content .webinar .webinar-list .webinar-block:hover .webinar-join .join-button{display:flex;transition:all .1s ease-in-out}.home .home-content .webinar .webinar-list .webinar-block:hover .webinar-join .join-button:hover{background-color:var(--black-color);color:var(--white-color);cursor:pointer}.home .home-content .webinar .webinar-list .webinar-block .webinar-stuff{display:flex;align-items:center;gap:25px}.home .home-content .webinar .webinar-list .webinar-block .webinar-stuff .webinar-image{width:78px;height:68px;border-radius:5px;object-fit:cover;-webkit-user-select:none;user-select:none}.home .home-content .webinar .webinar-list .webinar-block .webinar-stuff .webinar-info{display:flex;flex-direction:column}.home .home-content .webinar .webinar-list .webinar-block .webinar-stuff .webinar-info .info-top{display:flex;align-items:center;gap:14px}.home .home-content .webinar .webinar-list .webinar-block .webinar-stuff .webinar-info .info-top .dot{width:2px;height:2px;background-color:#555;border-radius:50px}.home .home-content .webinar .webinar-list .webinar-block .webinar-stuff .webinar-info .webinar-title{color:var(--black-color);font-size:14px;font-family:Poppins Bold;margin:3px 0 5px}.home .home-content .webinar .webinar-list .webinar-block .webinar-stuff .webinar-info .webinar-date{display:flex;align-items:center;gap:10px}.home .home-content .webinar .webinar-list .webinar-block .webinar-stuff .webinar-info .webinar-date .date{margin-right:14px}.home .home-content .webinar .webinar-list .webinar-block .webinar-join{display:flex;align-items:center;float:right;right:30px}.home .home-content .webinar .webinar-list .webinar-block .webinar-join .countdown{display:flex;align-items:center;gap:5px}.home .home-content .webinar .webinar-list .webinar-block .webinar-join .countdown .line{width:1px;height:14px;background-color:var(--gray-second)}.home .home-content .webinar .webinar-list .webinar-block .webinar-join .countdown .countdown-box{width:26px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;background-color:var(--border-gray);color:var(--gray-second);font-family:Open Sans;font-weight:700}.home .home-content .webinar .webinar-list .webinar-block .webinar-join .join-button{display:none;font-family:Open Sans;font-size:10px;font-weight:700;height:34px;width:98px;border-radius:5px;background-color:var(--red-color);align-items:center;justify-content:center;color:var(--white-color)}body.dark .home .view-course{background-color:#23272f!important;color:var(--black-color)!important}body.dark .home .view-course:hover{background-color:var(--black-color)!important;color:var(--white-color)!important}@media (max-width: 768px){.home .home-content .home-top{padding:10px 20px;flex-direction:column;gap:16px;align-items:stretch}.home .home-content .home-top .home-top-left{justify-content:space-between;font-size:14px}.home .home-content .home-top .home-top-left .icon-list .home-top-icon{width:24px;height:24px}.home .home-content .home-top .home-top-right{justify-content:center;padding:6px 12px}.home .home-content .home-cards{padding:2px 20px;grid-template-columns:repeat(2,1fr);gap:12px}.home .home-content .home-cards .card-item{height:120px}.home .home-content .home-cards .card-item .item-content{padding:16px 20px;gap:12px}.home .home-content .home-cards .card-item .item-content .item-icon{width:48px;height:48px}.home .home-content .home-cards .card-item .item-content .item-text .title{font-size:14px}.home .home-content .home-cards .card-item .item-content .item-text .description{font-size:9px}.home .home-content .home-cards .card-item .item-bottom{padding:10px 20px;font-size:9px}.home .home-content .courses{margin:16px 20px;padding:16px}.home .home-content .courses .courses-list{grid-template-columns:1fr;gap:24px}.home .home-content .webinar{margin:16px 20px;padding:16px}.home .home-content .webinar .webinar-list{grid-template-columns:1fr;grid-template-rows:auto}.home .home-content .webinar .webinar-list .webinar-block{padding:16px 20px}.home .home-content .webinar .webinar-list .webinar-block .webinar-stuff{gap:16px}.home .home-content .webinar .webinar-list .webinar-block .webinar-stuff .webinar-image{width:60px;height:52px}}@media (max-width: 480px){.home .home-content .home-top{padding:8px 16px}.home .home-content .home-top .home-top-left{font-size:12px}.home .home-content .home-top .home-top-left .icon-list .home-top-icon{width:22px;height:22px}.home .home-content .home-top .home-top-right{padding:4px 10px;font-size:12px}.home .home-content .home-top .home-top-right .filter{font-size:12px}.home .home-content .home-top .home-top-right .filter-number{font-size:12px;padding:1px 6px}.home .home-content .home-cards{padding:2px 16px;grid-template-columns:1fr;gap:10px}.home .home-content .home-cards .card-item{height:100px}.home .home-content .home-cards .card-item .item-content{padding:12px 16px;gap:10px}.home .home-content .home-cards .card-item .item-content .item-icon{width:40px;height:40px}.home .home-content .home-cards .card-item .item-content .item-text .title{font-size:12px}.home .home-content .home-cards .card-item .item-content .item-text .description{font-size:8px}.home .home-content .home-cards .card-item .item-bottom{padding:8px 16px;font-size:8px}.home .home-content .courses{margin:12px 16px;padding:12px}.home .home-content .courses .courses-top{font-size:14px}.home .home-content .courses .courses-top .viewall{padding:8px 16px;font-size:11px}.home .home-content .courses .courses-list .course-card .course-info-list .course-cover{height:120px}.home .home-content .courses .courses-list .course-card .course-info-list .course-cover .course-action{padding:8px}.home .home-content .courses .courses-list .course-card .course-info-list .course-cover .course-action .course-icon{width:32px;height:32px}.home .home-content .courses .courses-list .course-card .course-info-list .course-info{padding:0 8px}.home .home-content .courses .courses-list .course-card .course-info-list .course-info .course-title{padding:16px 0 8px}.home .home-content .courses .courses-list .course-card .course-info-list .course-info .course-title .title{font-size:14px}.home .home-content .courses .courses-list .course-card .course-info-list .course-info .course-progress .course-meta{font-size:11px;padding:0 0 8px}.home .home-content .courses .courses-list .course-card .course-info-list .course-info .course-progress .progressbar{height:8px}.home .home-content .courses .courses-list .course-card .course-info-list .course-info .course-description{font-size:12px;padding:16px 0}.home .home-content .courses .courses-list .course-card .view-course{height:36px;font-size:12px}.home .home-content .webinar{margin:12px 16px;padding:12px}.home .home-content .webinar .webinar-top{font-size:14px}.home .home-content .webinar .webinar-top .viewall{padding:8px 16px;font-size:11px}.home .home-content .webinar .webinar-list .webinar-block{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:12px}.home .home-content .webinar .webinar-list .webinar-block .webinar-stuff{width:100%;gap:12px}.home .home-content .webinar .webinar-list .webinar-block .webinar-stuff .webinar-image{width:50px;height:44px}.home .home-content .webinar .webinar-list .webinar-block .webinar-stuff .webinar-info .webinar-title{font-size:12px}.home .home-content .webinar .webinar-list .webinar-block .webinar-stuff .webinar-info .info-top,.home .home-content .webinar .webinar-list .webinar-block .webinar-stuff .webinar-info .webinar-date{font-size:10px}.home .home-content .webinar .webinar-list .webinar-block .webinar-join{width:100%;justify-content:center}.home .home-content .webinar .webinar-list .webinar-block .webinar-join .countdown .countdown-box{width:22px;height:20px;font-size:10px}.home .home-content .webinar .webinar-list .webinar-block .webinar-join .join-button{height:30px;width:80px;font-size:9px}}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Open Sans;font-weight:500;--black-color: #040F16;--border-color: #0c090d34;--border-soft: #0c090d11;--violet-blue: #a234eb;--lime: #aadb36;--main-color: #6F3AFF;--perwinkle: #BCB9FF;--pale-purple: #F0E6FF;--soft-gray: #929C9F;--border-gray: #DADADA;--hover-gray: #f9fcfd;--soft-black: #222222;--selected-gray: #F6F8F9;--no-active: #5B616B;--text-gray: #6C757D;--red-danger: #F00001;--red-danger-soft: #f000003b;--red-color: #BB1A21;--background-color: #F8F8F8;--soft-black: #5B616B;--red-white: #F2E7E8;--light-gray: #F2F2F2;--gray-second: #555555;--text-black: #343A45;--link-color: #24689F;--soft-white: #F2F3F4;--soft-blue: #E8F0FF;--soft-border: #D2D2D2;--white-color: white;--gray-transparent: #54545433;--gray-normal: #545454;--red-text: #FF95A4;--red-clear: #F50022;--red-dark: #680808;--background-red: #F2ACAF;--control-color: #A4A9AD;--control-idle: #D9D9D9;--day-gray: #AAAAAA;--weird-border: #DFD2F3;--new-gray: #C8C8C8;--gray-item: #54545433;--disable-gray: #F0F0F0;--black-zero: #00000000;--black-transparent: #0000007a;--black-second: #35353A;--orange-background: #FE90251A;--orange-text: #E2AA3F;--red-text: #D80027;--upload-color: #7B788D;--green-color: #24aa77;--blue-color: #3fa6e2;--bottom-border: #eeeeee;--noactive-border: #EBEBEB;--separation-color: #CED4DA;--yellow-simple: #FFF4C3;--yellow-gold: #D9991F;--green-simple: #CBF5DC;--green-dark: #329B5C}@font-face{font-family:Poppins Medium;src:url(/assets/Poppins-Medium-Cxde2ZoM.ttf)}@font-face{font-family:Poppins Bold;src:url(/assets/Poppins-Bold-qTAUjFF7.ttf)}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-VariableFont_wght-CiIa1Ne8.ttf)}@font-face{font-family:Outfit;src:url(/assets/Outfit-VariableFont_wght-DbMSL6pt.ttf)}@font-face{font-family:Vibur;src:url(/assets/Vibur-Regular-BdORwAuR.ttf)}@font-face{font-family:Lora;src:url(/assets/Lora-VariableFont_wght-9TCWs3f0.ttf)}@font-face{font-family:Lora Italic;src:url(/assets/Lora-Italic-VariableFont_wght-Cnap59LO.ttf)}@font-face{font-family:Open Sans;src:url(/assets/OpenSans-VariableFont_wdth_wght-BZBpG5Iz.ttf)}body{margin:0;color:var(--black-color)}.main-container{display:flex;width:100%;height:100vh;max-height:100vh}.main-container .main-content{flex:1;display:flex;flex-direction:column;height:92vh;padding:0}.main-container .main-content .scrollable{display:flex;flex-direction:column;overflow-y:auto;background-color:var(--background-color);height:100%;position:relative}.main-container .main-content .scrollable .navigation{display:flex;align-items:center;padding:24px 100px;color:var(--soft-gray);font-size:14px;transition:all .1s ease-in-out;gap:14px;background-color:var(--white-color)}.main-container .main-content .scrollable .navigation .back{transition:all .1s ease-in-out}.main-container .main-content .scrollable .navigation .back:hover{color:var(--black-color);cursor:pointer}.main-container .main-content .scrollable .navigation .section{display:flex;align-items:center;gap:14px}.main-container .main-content .scrollable .navigation .section .section-name{transition:all .1s ease-in-out}.main-container .main-content .scrollable .navigation .section .section-name:hover{color:var(--black-color);cursor:pointer}.main-container .main-content .scrollable .navigation .section .separation{width:1px;height:14px;background-color:var(--border-color)}.page-meta{display:flex;flex-direction:column;background-color:var(--white-color);padding:20px 100px}.page-meta .page-title{font-size:32px;color:var(--text-black);font-weight:700}.page-meta .page-description{font-size:16px;color:var(--text-black);font-weight:400}.search-meta{margin-top:16px;display:flex;align-items:center;gap:8px;height:40px;padding:0 0 0 14px;border-radius:8px;border:1px solid var(--border-gray);background-color:var(--white-color);color:var(--soft-gray);font-size:14px;width:244px}.search-meta input{height:40px;width:100%;padding:0;outline:none;border:none;font-family:Open Sans;font-weight:400;border-radius:8px;background-color:transparent;color:var(--black-color)}.search-meta:focus-within{outline:3px solid var(--red);border-color:var(--red-danger-soft)}.pagination-bottom{display:flex;align-items:center;justify-content:space-between;height:80px;background-color:var(--background-color);bottom:0;padding:0 50px}.pagination-bottom .pagination-text{color:var(--text-black);font-size:14px}.pagination-bottom .pagination-text span{font-weight:700;color:var(--black-color)}.pagination-bottom .pagination-control{display:flex;gap:5px}.pagination-bottom .pagination-control .prev{margin-right:24px}.pagination-bottom .pagination-control .next{margin-left:24px}.pagination-bottom .pagination-control .control-item{display:grid;place-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--noactive-border);background-color:var(--white-color);font-size:14px;color:var(--text-gray);transition:all .1s ease-in-out;cursor:pointer}.pagination-bottom .pagination-control .control-item:hover{background-color:var(--text-black);color:var(--white-color)}.pagination-bottom .pagination-control .control-item.prev,.pagination-bottom .pagination-control .control-item.next{border:1px solid var(--border-gray);color:var(--text-blak)}.pagination-bottom .pagination-control .control-item.prev:hover,.pagination-bottom .pagination-control .control-item.next:hover{background-color:var(--black-color);color:var(--white-color)}.field-label span{color:var(--red-clear)}body.dark{--background-color: #18191A;--soft-black: #F3F3F3;--black-color: #F8F8F8;--soft-gray: #B0B3B8;--border-gray: #333;--selected-gray: #23272F;--no-active: #B0B3B8;--red-color: #EF686D;--text-black: #F8F8F8;--light-gray: #23272F;--gray-second: #B0B3B8;--white-color: #23272F;--link-color: #7AB8FF;--soft-white: #23272F;--soft-blue: #23272F;--soft-border: #333;--red-white: #2a1a1b;--border-color: #23272F}body.dark,body.dark .main-container,body.dark .main-content,body.dark .scrollable,body.dark .sidebar{background-color:var(--background-color)!important;color:var(--black-color)!important}body.dark .sidebar{background-color:#23272f!important;border-right:1px solid var(--border-gray)!important}body.dark .main-content,body.dark .scrollable{background-color:var(--background-color)!important}body.dark .sidebar .list-item,body.dark .sidebar .left-item,body.dark .sidebar .tooglemode{color:var(--soft-gray)!important}body.dark .sidebar .list-item.selected{background-color:#18191a!important;color:var(--black-color)!important}body.dark .sidebar .bottom-actions .list-item{color:var(--soft-gray)!important}body.dark .sidebar .bottom-actions .list-item.selected{background-color:#18191a!important;color:var(--black-color)!important}body.dark .sidebar .toogle{background-color:#444!important}body.dark .sidebar .toogle.active{background-color:var(--red-color)!important}body.dark .sidebar .toogle .round{background-color:#18191a!important}body.dark .sidebar .side-top,body.dark .sidebar .side-content,body.dark .sidebar .content-bottom{background-color:#23272f!important}body.dark .sidebar .tooglemode .left-item{color:var(--soft-gray)!important}body.dark .sidebar .tooglemode .toogle{background-color:#444!important}body.dark .sidebar .tooglemode .toogle.active{background-color:var(--red-color)!important}body.dark .sidebar .tooglemode .toogle .round{background-color:#18191a!important}body.dark ::-webkit-scrollbar{width:8px;background:#23272f}body.dark ::-webkit-scrollbar-thumb{background:#444;border-radius:4px}body.dark ::-webkit-scrollbar-thumb:hover{background:#666}:root{--toast-success-bg: #28a745;--toast-error-bg: #dc3545;--toast-text-color: #fff}.hot-toast{font-family:Arial,sans-serif;font-size:14px;line-height:1.5}.dashboard-content{display:flex;flex-direction:column}.dashboard-content .profile-info{display:flex;align-items:center;background-color:var(--white-color);padding:0 100px}.dashboard-content .profile-info .profile-block{display:flex;align-items:center;border-radius:15px;width:100%;background:linear-gradient(to right,var(--white-color),var(--white-color));padding:8px 24px;position:relative;gap:36px}.dashboard-content .profile-info .profile-block .profile-picture{width:134px;height:134px;object-fit:cover;border-radius:500px}.dashboard-content .profile-info .profile-block .profile-info-block{display:flex;flex-direction:column;align-items:start;background-color:transparent}.dashboard-content .profile-info .profile-block .profile-info-block .info-top{display:flex;align-items:center;gap:14px}.dashboard-content .profile-info .profile-block .profile-info-block .info-top .info-name{font-family:Open Sans;font-weight:700;font-size:32px;color:var(--text-black)}.dashboard-content .profile-info .profile-block .profile-info-block .info-top .role{padding:4px 14px;background-color:var(--light-gray);color:var(--gray-second);font-size:10px;border-radius:4px}.dashboard-content .profile-info .profile-block .profile-info-block .mail{display:flex;align-items:center;color:var(--soft-gray);gap:8px}.dashboard-content .profile-info .profile-block .profile-info-block .mail a{text-decoration:none;color:var(--link-color);transition:all .1s ease-in-out;font-size:13px}.dashboard-content .profile-info .profile-block .profile-info-block .mail a:hover{text-decoration:underline;cursor:pointer}.dashboard-content .profile-info .profile-block .profile-action{position:absolute;display:flex;align-items:center;gap:8px;bottom:8px;right:24px}.dashboard-content .profile-info .profile-block .profile-action .action-item{width:34px;height:34px;background-color:var(--white-color);border-radius:50px;display:flex;align-items:center;justify-content:center;transition:all .1s ease-in-out;cursor:pointer}.dashboard-content .profile-info .profile-block .profile-action .action-item:hover{background-color:var(--border-gray)}.dashboard-content .dashboard-navigation{display:flex;align-items:center;padding:8px 100px 0;background-color:var(--white-color);border-bottom:1px solid var(--border-gray);gap:36px;-webkit-user-select:none;user-select:none}.dashboard-content .dashboard-navigation .navigation-item{display:flex;align-items:center;gap:8px;padding:16px 14px;position:relative;color:var(--no-active);transition:all .1s ease-in-out;cursor:pointer;font-size:14px}.dashboard-content .dashboard-navigation .navigation-item:hover{color:var(--black-color)}.dashboard-content .dashboard-navigation .navigation-item:hover .focus{background-color:var(--soft-gray);opacity:.4}.dashboard-content .dashboard-navigation .navigation-item.selected{color:var(--red-color);cursor:default}.dashboard-content .dashboard-navigation .navigation-item.selected:hover{background-color:transparent}.dashboard-content .dashboard-navigation .navigation-item.selected:hover .focus{opacity:1}.dashboard-content .dashboard-navigation .navigation-item.selected .focus{background:linear-gradient(to right,#ef686d0d,#bb1a21)}.dashboard-content .dashboard-navigation .navigation-item .focus{position:absolute;bottom:-1.5px;left:0;width:100%;height:2px;transition:all .1s ease-in-out}.breadcrumb{font-size:14px;color:#555;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:5px}.breadcrumb .separator{color:#aaa}@media (max-width: 768px){.dashboard-content .profile-info{padding:0 20px}.dashboard-content .profile-info .profile-block{padding:16px 20px;gap:20px;flex-direction:column;text-align:center}.dashboard-content .profile-info .profile-block .profile-picture{width:100px;height:100px}.dashboard-content .profile-info .profile-block .profile-info-block{align-items:center}.dashboard-content .profile-info .profile-block .profile-info-block .info-top{flex-direction:column;gap:8px}.dashboard-content .profile-info .profile-block .profile-info-block .info-top .info-name{font-size:24px}.dashboard-content .profile-info .profile-block .profile-info-block .info-top .role{font-size:9px;padding:3px 12px}.dashboard-content .profile-info .profile-block .profile-info-block .mail{justify-content:center}.dashboard-content .profile-info .profile-block .profile-info-block .mail a{font-size:12px}.dashboard-content .profile-info .profile-block .profile-action{position:static;margin-top:12px}.dashboard-content .profile-info .profile-block .profile-action .action-item{width:30px;height:30px}.dashboard-content .dashboard-navigation{padding:0 20px;gap:20px;overflow-x:auto}.dashboard-content .dashboard-navigation .navigation-item{white-space:nowrap;padding:12px 10px;font-size:13px;min-width:fit-content}}@media (max-width: 480px){.dashboard-content .profile-info{padding:0 16px}.dashboard-content .profile-info .profile-block{padding:12px 16px;gap:16px}.dashboard-content .profile-info .profile-block .profile-picture{width:80px;height:80px}.dashboard-content .profile-info .profile-block .profile-info-block .info-top{gap:6px}.dashboard-content .profile-info .profile-block .profile-info-block .info-top .info-name{font-size:20px}.dashboard-content .profile-info .profile-block .profile-info-block .info-top .role{font-size:8px;padding:2px 10px}.dashboard-content .profile-info .profile-block .profile-info-block .mail{gap:6px}.dashboard-content .profile-info .profile-block .profile-info-block .mail a{font-size:11px}.dashboard-content .profile-info .profile-block .profile-action{margin-top:10px;gap:6px}.dashboard-content .profile-info .profile-block .profile-action .action-item{width:28px;height:28px}.dashboard-content .profile-info .profile-block .profile-action .action-item svg{width:14px;height:14px}.dashboard-content .dashboard-navigation{padding:0 16px;gap:16px}.dashboard-content .dashboard-navigation .navigation-item{padding:10px 8px;font-size:12px}.dashboard-content .dashboard-navigation .navigation-item svg{width:16px;height:16px}.breadcrumb{font-size:12px;padding:0 16px}}.course-table{padding:10px;display:flex;flex-direction:column}.course-table .course-table-top{display:flex;align-items:center;padding:0 34px}.course-table .course-table-top .top-title{font-size:14px;font-weight:400;color:var(--text-gray)}.course-table .course-table-top .top-title.course{width:36%;margin-right:2%}.course-table .course-table-top .top-title.course p{margin-left:67.5px}.course-table .course-table-top .top-title.activity{width:28%;margin-right:2%;text-align:center}.course-table .course-table-top .top-title.complete{width:8%;margin-right:2%;text-align:center}.course-table .course-table-top .top-title.completion{width:8%;text-align:center;margin-right:2%}.course-table .course-table-top .top-title.certificate{width:6%;margin-right:2%;text-align:center}.course-table .course-table-top .top-title.action{width:4%;color:transparent;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.course-table .course-list{display:flex;flex-direction:column;gap:8px}.course-table .course-list .course-block{display:flex;align-items:center;border-radius:8px;border:1px solid var(--border-gray);padding:24px 34px;background-color:var(--white-color);transition:all .1s ease-in-out}.course-table .course-list .course-block:hover{border:1px solid var(--text-gray);cursor:pointer}.course-table .course-list .course-block .block-item{display:flex;align-items:center}.course-table .course-list .course-block .block-item.course-item{width:36%;margin-right:2%}.course-table .course-list .course-block .block-item.course-item .check{width:13.5px;height:13.5px;outline:1px solid var(--white-color);border-radius:3px;color:var(--white-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s ease-in-out;margin-right:54px}.course-table .course-list .course-block .block-item.course-item .check:hover{background-color:var(--white-color);color:var(--white-color)}.course-table .course-list .course-block .block-item.course-item .check.checked{background-color:var(--red-color);outline:1px solid var(--red-color)}.course-table .course-list .course-block .block-item.course-item .check.checked:hover{background-color:var(--red-color);color:var(--white-color)}.course-table .course-list .course-block .block-item.course-item .progress{display:grid;place-items:center;width:52px;height:40px;border-radius:4px;color:var(--white-color);font-weight:600;font-size:14px;background:linear-gradient(to right,#dddd,#d80027);margin-right:24px}.course-table .course-list .course-block .block-item.course-item .course-name{color:var(--no-active);font-size:14px;font-weight:700;max-width:414px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.course-table .course-list .course-block .block-item.activity-item{width:28%;margin-right:2%;text-align:center;display:flex;justify-content:center}.course-table .course-list .course-block .block-item.complete-item{width:8%;margin-right:2%;text-align:center;display:flex;align-items:center;justify-content:center}.course-table .course-list .course-block .block-item.complete-item .progress-bar{width:25px;height:25px}.course-table .course-list .course-block .block-item.completion-item{width:8%;margin-right:2%;text-align:center;display:flex;justify-content:center;font-weight:400;color:var(--no-active);font-size:12px}.course-table .course-list .course-block .block-item.certificate-item{width:6%;margin-right:2%;text-align:center;display:flex;align-items:center;justify-content:center}.course-table .course-list .course-block .block-item.certificate-item .progress-bar{width:25px;height:25px}.course-table .course-list .course-block .block-item.action{width:4%;display:flex;align-items:center;justify-content:center}.course-table .course-list .course-block .block-item.action .action-item{width:34px;height:34px;background-color:var(--white-color);border-radius:50px;display:flex;align-items:center;justify-content:center;transition:all .1s ease-in-out;cursor:pointer}.course-table .course-list .course-block .block-item.action .action-item:hover{background-color:var(--border-gray)}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.program-table{padding:10px;display:flex;flex-direction:column}.program-table .course-table-top{display:flex;align-items:center;padding:0 34px}.program-table .course-table-top .top-title{font-size:14px;font-weight:400;color:var(--text-gray)}.program-table .course-table-top .top-title.program{width:20%;margin-right:2%}.program-table .course-table-top .top-title.program p{margin-left:67.5px}.program-table .course-table-top .top-title.course{width:8%;text-align:center}.program-table .course-table-top .top-title.activity{width:26%;margin-right:2%;text-align:center}.program-table .course-table-top .top-title.complete{width:8%;margin-right:2%;text-align:center}.program-table .course-table-top .top-title.gradepoint,.program-table .course-table-top .top-title.completion{width:8%;text-align:center;margin-right:2%}.program-table .course-table-top .top-title.certificate{width:6%;margin-right:2%;text-align:center}.program-table .course-table-top .top-title.action{width:4%;color:transparent;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.program-table .course-list{display:flex;flex-direction:column;gap:8px}.program-table .course-list .course-block{display:flex;align-items:center;border-radius:8px;border:1px solid var(--border-gray);padding:24px 34px;background-color:var(--white-color);transition:all .1s ease-in-out}.program-table .course-list .course-block:hover{border:1px solid var(--text-gray);cursor:pointer}.program-table .course-list .course-block .block-item{display:flex;align-items:center}.program-table .course-list .course-block .block-item.program-item{width:20%;margin-right:2%}.program-table .course-list .course-block .block-item.program-item .check{width:13.5px;height:13.5px;outline:1px solid var(--soft-gray);border-radius:3px;color:var(--white-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s ease-in-out;margin-right:54px}.program-table .course-list .course-block .block-item.program-item .check:hover{background-color:var(--white-color);color:var(--white-color)}.program-table .course-list .course-block .block-item.program-item .check.checked{background-color:var(--red-color);outline:1px solid var(--red-color)}.program-table .course-list .course-block .block-item.program-item .check.checked:hover{background-color:var(--red-color);color:var(--white-color)}.program-table .course-list .course-block .block-item.program-item .course-name{color:var(--no-active);font-size:14px;font-weight:700;max-width:414px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.program-table .course-list .course-block .block-item.course-item{width:8%;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;color:var(--soft-black)}.program-table .course-list .course-block .block-item.activity-item{width:26%;margin-right:2%;text-align:center;display:flex;justify-content:center}.program-table .course-list .course-block .block-item.complete-item{width:8%;margin-right:2%;text-align:center;display:flex;align-items:center;justify-content:center}.program-table .course-list .course-block .block-item.complete-item .progress-bar{width:25px;height:25px}.program-table .course-list .course-block .block-item.gradepoint-item{width:8%;color:var(--soft-black);font-size:12px;font-weight:400;text-align:center;display:flex;align-items:center;justify-content:center;margin-right:2%}.program-table .course-list .course-block .block-item.gradepoint-item p{margin-left:5px;font-size:14px;font-weight:700;color:var(--soft-black)}.program-table .course-list .course-block .block-item.completion-item{width:8%;margin-right:2%;text-align:center;display:flex;justify-content:center;font-weight:400;color:var(--no-active);font-size:12px}.program-table .course-list .course-block .block-item.certificate-item{width:6%;margin-right:2%;text-align:center;display:flex;align-items:center;justify-content:center}.program-table .course-list .course-block .block-item.certificate-item .progress-bar{width:25px;height:25px}.program-table .course-list .course-block .block-item.action{width:4%;display:flex;align-items:center;justify-content:center}.program-table .course-list .course-block .block-item.action .action-item{width:34px;height:34px;background-color:var(--white-color);border-radius:50px;display:flex;align-items:center;justify-content:center;transition:all .1s ease-in-out;cursor:pointer}.program-table .course-list .course-block .block-item.action .action-item:hover{background-color:var(--border-gray)}.skills-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;color:var(--soft-gray);height:100%}.skills-empty .text{margin-top:16px;font-size:18px;font-weight:500;color:var(--soft-gray)}.certificates-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px}.certificates-list .certificate-block{background-color:var(--white-color);border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:18px}.certificates-list .certificate-block .certtificate-top{display:flex;align-items:center;justify-content:space-between}.certificates-list .certificate-block .certtificate-top img{width:50px;height:50px;border-radius:5px}.certificates-list .certificate-block .certtificate-top .certificate-action{display:flex;align-items:center;gap:4px;color:var(--soft-gray)}.certificates-list .certificate-block .certtificate-top .certificate-action .certificate-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer}.certificates-list .certificate-block .certtificate-top .certificate-action .certificate-icon:hover{background-color:var(--selected-gray)}.certificates-list .certificate-block .certificate-info{display:flex;align-items:center;justify-content:space-between}.certificates-list .certificate-block .certificate-info .certificate-meta{display:flex;flex-direction:column;gap:2px}.certificates-list .certificate-block .certificate-info .certificate-meta .name{font-size:16px;width:356px;height:68px;font-weight:700;color:var(--soft-black);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.certificates-list .certificate-block .certificate-info .certificate-meta .more-info{display:flex;align-items:center;gap:8px;color:var(--soft-gray);font-weight:400;font-size:14px}.certificates-list .certificate-block .certificate-info .certificate-meta .more-info .separation{width:1px;height:20px;background-color:var(--border-gray)}.certificates-list .certificate-block .certificate-info .certificate-meta .more-info .date{display:flex;align-items:center;gap:8px}.certificates-list .certificate-block .certificate-info .certificate-meta .more-info .date .dot{width:2px;height:2px;border-radius:50px;background-color:var(--soft-gray)}.certificates-list .certificate-block .certificate-info .certificate-progress{display:flex;flex-direction:column;align-items:center;gap:8px}.certificates-list .certificate-block .certificate-info .certificate-progress .round{width:46px;height:46px;border:8px solid var(--border-gray);border-radius:500px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--soft-black)}.certificates-list .certificate-block .certificate-info .certificate-progress .bottom{font-size:12px;color:var(--soft-gray)}.certificates-list .certificate-block .progression{display:flex;flex-direction:column;gap:8px;color:var(--soft-gray);font-size:12px;font-weight:400}.certificates-list .certificate-block .progression .progressbar{border-radius:50px;background-color:var(--selected-gray);display:flex;height:10px}.certificates-list .certificate-block .progression .progressbar .progress{transition:all .1s ease-in-out;background-color:var(--red-color);height:10px;border-radius:50px}.certificates-list .certificate-block .button{border:1px solid var(--border-gray);border-radius:50px;display:flex;align-items:center;justify-content:center;color:var(--soft-black);font-weight:600;font-size:14px;height:38px;transition:all .1s ease-in-out}.certificates-list .certificate-block .button:hover{background-color:var(--black-color);color:var(--white-color);border:1px solid var(--black-color);cursor:pointer}.certificates-content{display:flex;flex-direction:column}.certificates-content .certificates-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px}.certificates-content .certificates-list .certificate-block{background-color:var(--white-color);border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:18px}.certificates-content .certificates-list .certificate-block .certtificate-top{display:flex;align-items:center;justify-content:space-between}.certificates-content .certificates-list .certificate-block .certtificate-top img{width:100%;height:100px;object-fit:cover;border-radius:5px}.certificates-content .certificates-list .certificate-block .certificate-info{display:flex;justify-content:space-between;align-items:start}.certificates-content .certificates-list .certificate-block .certificate-info .certificate-meta{display:flex;flex-direction:column;gap:2px}.certificates-content .certificates-list .certificate-block .certificate-info .certificate-meta .name{font-size:16px;width:356px;height:68px;font-weight:700;color:var(--soft-black);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.certificates-content .certificates-list .certificate-block .certificate-info .certificate-meta .more-info{display:flex;align-items:center;gap:8px;color:var(--soft-gray);font-weight:400;font-size:14px}.certificates-content .certificates-list .certificate-block .certificate-info .certificate-meta .more-info .separation{width:1px;height:20px;background-color:var(--border-gray)}.certificates-content .certificates-list .certificate-block .certificate-info .certificate-meta .more-info .date{display:flex;align-items:center;gap:8px}.certificates-content .certificates-list .certificate-block .certificate-info .certificate-meta .more-info .date .dot{width:2px;height:2px;border-radius:50px;background-color:var(--soft-gray)}.certificates-content .certificates-list .certificate-block .certificate-info .certificate-action{display:flex;align-items:center;gap:4px;color:var(--soft-gray)}.certificates-content .certificates-list .certificate-block .certificate-info .certificate-action .certificate-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer}.certificates-content .certificates-list .certificate-block .certificate-info .certificate-action .certificate-icon:hover{background-color:var(--selected-gray)}.certificates-content .certificates-list .certificate-block .button{border:1px solid var(--border-gray);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--soft-black);font-weight:600;font-size:14px;height:38px;transition:all .1s ease-in-out;background-color:var(--light-gray)}.certificates-content .certificates-list .certificate-block .button:hover{background-color:var(--black-color);color:var(--white-color);border:1px solid var(--black-color);cursor:pointer}.purchase-content{display:flex;flex-direction:column}.purchase-content .purchase-navigation{display:flex;align-items:center;padding:8px 100px 0;background-color:var(--white-color);border-bottom:1px solid var(--border-gray);gap:36px;-webkit-user-select:none;user-select:none}.purchase-content .purchase-navigation .navigation-item{display:flex;align-items:center;gap:8px;padding:16px 14px;position:relative;color:var(--no-active);transition:all .1s ease-in-out;cursor:pointer;font-size:14px}.purchase-content .purchase-navigation .navigation-item:hover{color:var(--black-color)}.purchase-content .purchase-navigation .navigation-item:hover .focus{background-color:var(--soft-gray);opacity:.4}.purchase-content .purchase-navigation .navigation-item.selected{color:var(--red-color);cursor:default}.purchase-content .purchase-navigation .navigation-item.selected:hover{background-color:transparent}.purchase-content .purchase-navigation .navigation-item.selected:hover .focus{opacity:1}.purchase-content .purchase-navigation .navigation-item.selected .focus{background:linear-gradient(to right,#ef686d0d,#bb1a21)}.purchase-content .purchase-navigation .navigation-item .focus{position:absolute;bottom:-1.5px;left:0;width:100%;height:2px;transition:all .1s ease-in-out}.store-container{display:flex;flex-direction:column}.store-container .store-top{display:flex;align-items:center;justify-content:space-between;padding:16px 100px 10px}.store-container .store-top .category{display:flex;align-items:center;justify-content:space-between;background-color:var(--soft-white);border-radius:8px;border:1px solid var(--border-gray);color:var(--soft-gray);font-size:14px;font-weight:400;width:238px;height:50px;padding:0 20px;transition:all .1s ease-in-out;cursor:pointer}.store-container .store-top .category:hover{background-color:var(--white-color);color:var(--black-color)}.store-container .store-top .top-right{display:flex;align-items:center;gap:8px}.store-container .store-top .top-right .search{display:flex;align-items:center;gap:8px;height:50px;padding:0 0 0 20px;border-radius:8px;border:1px solid var(--border-gray);background-color:var(--white-color);color:var(--soft-gray);font-size:14px;width:380px}.store-container .store-top .top-right .search input{height:50px;width:100%;padding:0;outline:none;border:none;font-family:Open Sans;font-weight:400;border-radius:8px;background-color:transparent;color:var(--black-color)}.store-container .store-top .top-right .search:focus-within{outline:3px solid var(--red);border-color:var(--red-danger-soft)}.store-container .store-top .top-right .featured{display:flex;align-items:center;gap:10px;height:50px;padding:0 20px;border-radius:8px;border:1px solid var(--border-gray);background-color:var(--white-color);color:var(--soft-gray);font-size:14px;cursor:pointer;transition:all .1s ease-in-out}.store-container .store-top .top-right .featured:hover{background-color:var(--selected-gray);color:var(--black-color)}.store-container .courses-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px}.store-container .courses-list .course-card{display:flex;flex-direction:column;justify-content:space-between;padding:8px 8px 18px;border-radius:8px;background-color:var(--white-color)}.store-container .courses-list .course-card .course-info-list .course-cover{background-size:cover;background-position:center;height:144px;border-radius:8px;position:relative}.store-container .courses-list .course-card .course-info-list .course-cover .course-action{display:flex;align-items:center;gap:4px;justify-content:end;padding:12px;position:absolute;top:0;right:0}.store-container .courses-list .course-card .course-info-list .course-cover .course-action .course-icon{display:flex;align-items:center;justify-content:center;background:var(--white-color);color:var(--soft-gray);width:38px;height:38px;border-radius:50px;cursor:pointer;transition:all .1s ease-in-out}.store-container .courses-list .course-card .course-info-list .course-cover .course-action .course-icon:hover{background:var(--black-color);color:var(--white-color)}.store-container .courses-list .course-card .course-info-list .course-info{display:flex;flex-direction:column;padding:0 10px}.store-container .courses-list .course-card .course-info-list .course-info .course-title{display:flex;justify-content:space-between;padding:24px 0 10px}.store-container .courses-list .course-card .course-info-list .course-info .course-title .title{max-width:80%;font-weight:700;font-size:16px}.store-container .courses-list .course-card .course-info-list .course-info .course-progress{display:flex;flex-direction:column}.store-container .courses-list .course-card .course-info-list .course-info .course-progress .course-meta{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400;color:var(--soft-black);padding:0 0 10px}.store-container .courses-list .course-card .course-info-list .course-info .course-progress .course-meta .dot{width:2px;height:2px;background-color:var(--soft-black);border-radius:50px}.store-container .courses-list .course-card .course-info-list .course-info .course-progress .progressbar{border-radius:50px;background-color:var(--selected-gray);height:10px;width:100%}.store-container .courses-list .course-card .course-info-list .course-info .course-progress .progressbar .progress{width:20%;height:100%;background-color:var(--red-color);border-radius:50px}.store-container .courses-list .course-card .course-info-list .course-info .course-description{font-size:14px;font-weight:400;color:var(--soft-black);padding:24px 0}.store-container .courses-list .course-card .card-bottom{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:0 10px}.store-container .courses-list .course-card .card-bottom .bottom-left{display:flex;align-items:center;gap:10px}.store-container .courses-list .course-card .card-bottom .bottom-left .left-action{display:flex;align-items:center;justify-content:center;background:var(--white-color);color:var(--soft-gray);width:32px;height:32px;border-radius:5px;cursor:pointer;transition:all .1s ease-in-out}.store-container .courses-list .course-card .card-bottom .bottom-left .left-action:hover{background:var(--soft-black);color:var(--white-color)}.store-container .courses-list .course-card .card-bottom .bottom-left .dot{width:3px;height:3px;background-color:var(--soft-black);border-radius:50px}.store-container .courses-list .course-card .card-bottom .bottom-left .price{font-weight:700;font-size:20px;color:var(--black-color)}.store-container .courses-list .course-card .card-bottom .bottom-button{display:flex;align-items:center;justify-content:center;background:var(--red-color);color:var(--white-color);width:232px;height:38px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .1s ease-in-out}.store-container .courses-list .course-card .card-bottom .bottom-button:hover{background:var(--black-color);color:var(--white-color)}.store-container .courses-list .course-card .card-bottom .bottom-button.owned,.store-container .courses-list .course-card .card-bottom .bottom-button.disabled{background:var(--soft-gray);cursor:not-allowed}.store-container .courses-list .course-card .card-bottom .bottom-button.owned:hover,.store-container .courses-list .course-card .card-bottom .bottom-button.disabled:hover{background:var(--soft-gray);color:var(--white-color)}.store-container .pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 100px;font-size:14px;font-weight:400;color:var(--soft-black)}.store-container .pagination button{display:flex;align-items:center;justify-content:center;background-color:var(--soft-white);border:1px solid var(--border-gray);border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;color:var(--black-color);cursor:pointer;transition:all .1s ease-in-out}.store-container .pagination button:hover{background-color:var(--red-color);color:var(--white-color);border-color:var(--red-color)}.store-container .pagination button:disabled{background-color:var(--soft-gray);color:var(--border-gray);cursor:not-allowed;border-color:var(--border-gray)}.store-container .pagination span{font-weight:600;color:var(--black-color)}body.dark .store-container .store-top .category{background-color:var(--dark-bg);color:var(--soft-white);border-color:var(--dark-border)}body.dark .store-container .store-top .category:hover{background-color:var(--dark-hover);color:var(--white-color)}body.dark .store-container .store-top .top-right .search{background-color:var(--dark-bg)!important;color:var(--soft-white)!important;border:1px solid var(--dark-border)!important}body.dark .store-container .store-top .top-right .search input{color:var(--white-color)!important;background-color:transparent!important}body.dark .store-container .store-top .top-right .search:focus-within{outline:3px solid var(--red);border-color:var(--red-danger-soft)}body.dark .store-container .store-top .top-right .featured{background-color:var(--dark-bg);color:var(--soft-white);border-color:var(--dark-border)}body.dark .store-container .store-top .top-right .featured:hover{background-color:var(--dark-hover);color:var(--white-color)}body.dark .store-container .courses-list .course-card{background-color:var(--dark-bg)}body.dark .store-container .courses-list .course-card .course-info-list .course-cover .course-action .course-icon{background:var(--dark-bg);color:var(--soft-white)}body.dark .store-container .courses-list .course-card .course-info-list .course-cover .course-action .course-icon:hover{background:var(--white-color);color:var(--black-color)}body.dark .store-container .courses-list .course-card .course-info-list .course-info .course-title .title{color:var(--white-color)}body.dark .store-container .courses-list .course-card .course-info-list .course-info .course-progress .course-meta{color:var(--soft-white)}body.dark .store-container .courses-list .course-card .course-info-list .course-info .course-progress .course-meta .dot{background-color:var(--soft-white)}body.dark .store-container .courses-list .course-card .course-info-list .course-info .course-progress .progressbar{background-color:var(--dark-hover)}body.dark .store-container .courses-list .course-card .course-info-list .course-info .course-progress .progressbar .progress{background-color:var(--red-color)}body.dark .store-container .courses-list .course-card .course-info-list .course-info .course-progress .course-description{color:var(--soft-white)}body.dark .store-container .courses-list .course-card .card-bottom .bottom-left .price{color:var(--white-color)}body.dark .store-container .courses-list .course-card .card-bottom .bottom-left .dot{background-color:var(--soft-white)}body.dark .store-container .courses-list .course-card .card-bottom .bottom-button{background:var(--red-color);color:var(--white-color)}body.dark .store-container .courses-list .course-card .card-bottom .bottom-button:hover{background:var(--white-color);color:var(--black-color)}body.dark .store-container .courses-list .course-card .card-bottom .bottom-button.owned,body.dark .store-container .courses-list .course-card .card-bottom .bottom-button.disabled{background:var(--dark-hover)}body.dark .store-container .courses-list .course-card .card-bottom .bottom-button.owned:hover,body.dark .store-container .courses-list .course-card .card-bottom .bottom-button.disabled:hover{background:var(--dark-hover);color:var(--white-color)}body.dark .store-container .pagination button{background-color:var(--dark-bg);color:var(--white-color);border-color:var(--dark-border)}body.dark .store-container .pagination button:hover{background-color:var(--red-color);color:var(--white-color);border-color:var(--red-color)}body.dark .store-container .pagination button:disabled{background-color:var(--dark-hover);color:var(--soft-white);border-color:var(--dark-border);cursor:not-allowed}body.dark .store-container .pagination span{color:var(--white-color)}.view-purchase-container{display:flex;flex-direction:column}.view-purchase-container .store-top{display:flex;align-items:center;justify-content:space-between;padding:16px 100px 10px}.view-purchase-container .store-top .search{display:flex;align-items:center;gap:8px;height:50px;padding:0 0 0 20px;border-radius:8px;border:1px solid var(--border-gray);background-color:var(--white-color);color:var(--soft-gray);font-size:14px;width:380px}.view-purchase-container .store-top .search input{height:50px;width:100%;padding:0;outline:none;border:none;font-family:Open Sans;font-weight:400;border-radius:8px;background-color:transparent;color:var(--black-color)}.view-purchase-container .store-top .search:focus-within{outline:3px solid var(--red);border-color:var(--red-danger-soft)}.view-purchase-container .store-top .top-right{display:flex;align-items:center;gap:8px}.view-purchase-container .store-top .top-right .export{display:flex;align-items:center;justify-content:center;gap:10px;width:152px;height:50px;border-radius:8px;border:1px solid var(--border-gray);background-color:var(--white-color);color:var(--soft-gray);font-size:14px;cursor:pointer;transition:all .1s ease-in-out;gap:8px}.view-purchase-container .store-top .top-right .export:hover{background-color:var(--selected-gray);color:var(--black-color)}.view-purchase-container .store-top .top-right .date{display:flex;align-items:center;width:150px;justify-content:space-between;gap:10px;height:50px;padding:0 20px;border-radius:8px;border:1px solid var(--border-gray);background-color:var(--white-color);color:var(--soft-gray);font-size:14px;cursor:pointer;transition:all .1s ease-in-out}.view-purchase-container .store-top .top-right .date:hover{background-color:var(--selected-gray);color:var(--black-color)}.view-purchase-container .courses-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px}.view-purchase-container .courses-list .course-card{display:flex;flex-direction:column;justify-content:space-between;padding:8px 8px 18px;border-radius:8px;background-color:var(--white-color)}.view-purchase-container .courses-list .course-card .course-info-list .course-cover{background-size:cover;background-position:center;height:144px;border-radius:8px}.view-purchase-container .courses-list .course-card .course-info-list .course-cover .course-action{display:flex;align-items:center;gap:4px;justify-content:end;padding:12px}.view-purchase-container .courses-list .course-card .course-info-list .course-cover .course-action .course-icon{display:flex;align-items:center;justify-content:center;background:var(--white-color);color:var(--soft-gray);width:38px;height:38px;border-radius:50px;cursor:pointer;transition:all .1s ease-in-out}.view-purchase-container .courses-list .course-card .course-info-list .course-cover .course-action .course-icon:hover{background:var(--black-color);color:var(--white-color)}.view-purchase-container .courses-list .course-card .course-info-list .course-info{display:flex;flex-direction:column;padding:0 10px}.view-purchase-container .courses-list .course-card .course-info-list .course-info .course-title{display:flex;justify-content:space-between;padding:24px 0 10px}.view-purchase-container .courses-list .course-card .course-info-list .course-info .course-title .title{max-width:80%;font-weight:700;font-size:16px}.view-purchase-container .courses-list .course-card .course-info-list .course-info .course-progress{display:flex;flex-direction:column}.view-purchase-container .courses-list .course-card .course-info-list .course-info .course-progress .course-meta{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400;color:var(--soft-black);padding:0 0 10px}.view-purchase-container .courses-list .course-card .course-info-list .course-info .course-progress .course-meta .dot{width:2px;height:2px;background-color:var(--soft-black);border-radius:50px}.view-purchase-container .courses-list .course-card .course-info-list .course-info .course-progress .progressbar{border-radius:50px;background-color:var(--selected-gray);height:10px;width:100%}.view-purchase-container .courses-list .course-card .course-info-list .course-info .course-progress .progressbar .progress{width:20%;height:100%;background-color:var(--red-color);border-radius:50px}.view-purchase-container .courses-list .course-card .course-info-list .course-info .course-description{font-size:14px;font-weight:400;color:var(--soft-black);padding:24px 0}.view-purchase-container .courses-list .course-card .view-course{background-color:var(--light-gray);border-radius:50px;font-size:14px;font-weight:600;display:flex;justify-content:center;align-items:center;height:40px;cursor:pointer;transition:all .1s ease-in-out}.view-purchase-container .courses-list .course-card .view-course:hover{background-color:var(--black-color);color:var(--white-color)}body.dark .view-purchase-container .store-top .search{background-color:var(--white-color)!important;color:var(--black-color)!important;border:1px solid var(--border-gray)!important;outline:2px solid var(--white-color)!important}body.dark .view-purchase-container .store-top .search input{color:var(--black-color)!important;background-color:transparent!important}body.dark .view-purchase-container .view-course{background-color:#23272f!important;color:var(--black-color)!important}body.dark .view-purchase-container .view-course:hover{background-color:var(--black-color)!important;color:var(--white-color)!important}.contact-container{display:flex;padding:100px;gap:78px}.contact-container .contact-left{width:50%;display:flex;flex-direction:column}.contact-container .contact-left .top-info{display:flex;flex-direction:column;gap:14px}.contact-container .contact-left .top-info .info-flex{display:flex;align-items:center;gap:36px}.contact-container .contact-left .top-info .info-flex .flex-left{width:100px;display:flex;align-items:center;gap:10px;font-weight:400;font-size:14px;color:var(--text-black)}.contact-container .contact-left .top-info .info-flex .flex-text{font-size:14px;font-weight:400;color:var(--gray-second);max-width:478px;display:flex;flex-direction:column;gap:4px}.contact-container .contact-left .top-info .info-flex .flex-text a{text-decoration:none;color:var(--text-black);transition:color .2s ease-in-out}.contact-container .contact-left .top-info .info-flex .flex-text a:hover{text-decoration:underline}.contact-container .contact-left .secretariat{display:flex;flex-direction:column;padding-top:32px;gap:18px;font-size:14px;font-weight:400}.contact-container .contact-left .secretariat .sec-list{display:flex;flex-direction:column;gap:10px}.contact-container .contact-left .secretariat .sec-list .sec-block{border:1px solid var(--soft-border);border-radius:10px;padding:15px 25px}.contact-container .contact-left .secretariat .sec-list .sec-block span{font-weight:700}.contact-container .contact-form{width:50%;display:flex;flex-direction:column;gap:12px}.contact-container .contact-form .contact-field{display:flex;flex-direction:column;font-style:400;font-size:14px;color:var(--text-black);gap:8px}.contact-container .contact-form .contact-field input,.contact-container .contact-form .contact-field textarea{border:1px solid var(--border-gray);border-radius:8px;background-color:var(--white-color);padding:14px 20px;font-size:14px;font-family:Open Sans;resize:none}.contact-container .contact-form .contact-field input:focus,.contact-container .contact-form .contact-field textarea:focus{outline:2px solid var(--red-danger-soft)}.contact-container .contact-form .contact-field textarea{height:118px}.contact-container .contact-form .two-fields{display:flex;align-items:center;gap:14px;width:100%}.contact-container .contact-form .two-fields .contact-field{width:100%}.contact-container .contact-form .send-message{margin-top:16px;display:flex;align-items:center;justify-content:center;padding:18px 0;border-radius:8px;background-color:var(--red-color);color:var(--white-color);font-weight:600;cursor:pointer;transition:all .1s ease-in-out}.contact-container .contact-form .send-message:hover{background-color:var(--text-black)}.calendar-content{display:flex;flex-direction:row!important}.calendar-content:hover{display:flex;flex-direction:row}.calendar-content .calendar-left{width:78%;display:flex;flex-direction:column;max-height:100%;min-height:100px}.calendar-content .calendar-left .navigation{background-color:var(--white-color)!important}.calendar-content .calendar-left .page-meta{padding:0 100px 24px;background-color:var(--white-color);margin:0;border-bottom:1px solid var(--border-gray);display:flex;flex-direction:row;justify-content:space-between}.calendar-content .calendar-left .page-meta .calendar-action{display:flex;align-items:center;gap:10px}.calendar-content .calendar-left .page-meta .calendar-action .filter{display:flex;align-items:center;gap:10px;border-radius:5px;color:var(--black-color);font-size:15px;height:34px;padding:0 12px;background-color:var(--gray-transparent);cursor:pointer;position:relative;transition:all .1s ease-in-out}.calendar-content .calendar-left .page-meta .calendar-action .filter:hover{background-color:var(--border-gray);color:#000}.calendar-content .calendar-left .page-meta .calendar-action .filter .selection{position:absolute;z-index:1;right:-.5px;top:42px;display:flex;flex-direction:column;background-color:var(--selected-gray);border:1px solid var(--border-gray);width:100%;border-radius:5px;padding-bottom:4px;gap:2px}.calendar-content .calendar-left .page-meta .calendar-action .filter .selection .selection-item{margin:4px 4px 0;border-radius:4px;font-size:13px;padding:4px 8px;transition:all .1s ease-in-out;cursor:pointer}.calendar-content .calendar-left .page-meta .calendar-action .filter .selection .selection-item:hover{background-color:var(--black-color);color:var(--white-color)}.calendar-content .calendar-left .page-meta .calendar-action .new{display:flex;align-items:center;height:34px;gap:5px;font-weight:700;font-size:14px;color:var(--white-color);background-color:var(--red-color);border-radius:5px;cursor:pointer;transition:all .1s ease-in-out;width:190px;justify-content:center}.calendar-content .calendar-left .page-meta .calendar-action .new:hover{background-color:var(--black-color);color:var(--white-color)}.calendar-content .calendar-left .calendar-navigation{display:flex;align-items:center;padding:8px 100px 0;background-color:var(--white-color);border-bottom:1px solid var(--border-gray);gap:36px;-webkit-user-select:none;user-select:none}.calendar-content .calendar-left .calendar-navigation .navigation-item{display:flex;align-items:center;gap:8px;padding:16px 14px;position:relative;color:var(--no-active);transition:all .1s ease-in-out;cursor:pointer;font-size:14px}.calendar-content .calendar-left .calendar-navigation .navigation-item:hover{color:var(--black-color)}.calendar-content .calendar-left .calendar-navigation .navigation-item:hover .focus{background-color:var(--soft-gray);opacity:.4}.calendar-content .calendar-left .calendar-navigation .navigation-item.selected{color:var(--red-color);cursor:default}.calendar-content .calendar-left .calendar-navigation .navigation-item.selected:hover{background-color:transparent}.calendar-content .calendar-left .calendar-navigation .navigation-item.selected:hover .focus{opacity:1}.calendar-content .calendar-left .calendar-navigation .navigation-item.selected .focus{background:linear-gradient(to right,#ef686d0d,#bb1a21)}.calendar-content .calendar-left .calendar-navigation .navigation-item .focus{position:absolute;bottom:-1.5px;left:0;width:100%;height:2px;transition:all .1s ease-in-out}.calendar-content .calendar-right{width:22%;height:100%;border-left:1px solid var(--selected-gray);background-color:var(--white-color)}.calendar-content .calendar-right .calendar{padding:30px 26px;display:flex;flex-direction:column;gap:20px;-webkit-user-select:none;user-select:none}.calendar-content .calendar-right .calendar .calendar-top{display:flex;justify-content:space-between;align-items:start;padding-bottom:10px}.calendar-content .calendar-right .calendar .calendar-top .date{font-size:16px;color:var(--black-color);font-weight:700}.calendar-content .calendar-right .calendar .calendar-top .controls{display:flex;gap:10px}.calendar-content .calendar-right .calendar .calendar-top .controls .control-item{display:flex;align-items:center;justify-content:center;height:25px;width:25px;border-radius:6px;background-color:var(--control-color);color:var(--control-idle);cursor:pointer;transition:all .1s ease-in-out}.calendar-content .calendar-right .calendar .calendar-top .controls .control-item:hover{background-color:var(--border-gray);color:var(--black-color)}.calendar-content .calendar-right .calendar .calendar-days-name{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-content .calendar-right .calendar .calendar-days-name .day-item{color:var(--day-gray);font-size:15px;font-weight:700;justify-self:center}.calendar-content .calendar-right .calendar .calendar-numbers{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(5,1fr);row-gap:12px}.calendar-content .calendar-right .calendar .calendar-numbers .number-item{color:var(--gray-normal);font-weight:700;font-size:15px;display:grid;place-content:center;width:32px;height:32px;border-radius:50px;justify-self:center;cursor:pointer;transition:all .1s ease-in-out}.calendar-content .calendar-right .calendar .calendar-numbers .number-item.other-month{color:var(--gray-transparent)}.calendar-content .calendar-right .calendar .calendar-numbers .number-item.chosen{outline:1px solid var(--red-color);cursor:pointer}.calendar-content .calendar-right .calendar .calendar-numbers .number-item.chosen:hover{background-color:var(--white-color);color:var(--black-color)}.calendar-content .calendar-right .calendar .calendar-numbers .number-item.current{background-color:var(--red-color);color:var(--white-color)}.calendar-content .calendar-right .calendar .calendar-numbers .number-item.current.chosen{outline-offset:3px;background-color:var(--red-color);color:var(--white-color)}.calendar-content .calendar-right .calendar .calendar-numbers .number-item:hover{background-color:var(--black-color);color:var(--white-color)}.calendar-content .calendar-right .reminders{padding:0 26px;display:flex;flex-direction:column;gap:20px}.calendar-content .calendar-right .reminders .reminder-top{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:700}.calendar-content .calendar-right .reminders .reminder-top .reminder-action{display:flex;align-items:center;justify-content:center;border:1px solid var(--weird-border);border-radius:50px;width:30px;height:30px;cursor:pointer;transition:all .1s ease-in-out}.calendar-content .calendar-right .reminders .reminder-top .reminder-action:hover{background-color:var(--border-gray)}.calendar-content .calendar-right .reminders .reminder-grid{display:flex;flex-direction:column;gap:8px}.calendar-content .calendar-right .reminders .reminder-grid .grid-item{display:flex;flex-direction:column;background-color:var(--gray-item);padding:16px;border-radius:14px;gap:10px;cursor:pointer;transition:all .1s ease-in-out;outline:2px solid var(--white-color)}.calendar-content .calendar-right .reminders .reminder-grid .grid-item:hover{outline:2px solid var(--red-danger-soft)}.calendar-content .calendar-right .reminders .reminder-grid .grid-item .remind-icon{fill:var(--black-color);background-color:var(--new-gray);color:var(--new-gray);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:5px}.calendar-content .calendar-right .reminders .reminder-grid .grid-item .remind-info{display:flex;flex-direction:column;gap:4px}.calendar-content .calendar-right .reminders .reminder-grid .grid-item .remind-info .description{font-size:15px;font-weight:700;color:var(--black-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.calendar-content .calendar-right .reminders .reminder-grid .grid-item .remind-info .date{color:var(--red-clear);font-size:12px;font-weight:500}.calendar-content .calendar-right .reminders .reminder-grid .no-reminder{display:flex;flex-direction:column;align-items:center;padding-top:32px;color:var(--text-gray)}.calendar-content .calendar-right .reminders .reminder-grid .no-reminder p{font-size:13px;font-weight:400}.calendar-content .calendar-right .reminders .reminder-grid .no-reminder p span{font-weight:700}.week-container{display:flex;flex-direction:column;padding:0 16px;max-height:100%;overflow:hidden}.week-container .days{display:grid;grid-template-columns:repeat(7,1fr);align-items:center;padding:24px 0 0 64px}.week-container .days .day-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;position:relative;height:78px;cursor:pointer;border:1px solid var(--border-gray)}.week-container .days .day-item:hover{background-color:var(--hover-gray);color:#000}.week-container .days .day-item.today{background-color:var(--gray-transparent)}.week-container .days .day-item .name{font-size:15px;font-weight:700;color:var(--black-color)}.week-container .days .day-item .date{font-weight:500;font-size:13px;color:var(--soft-black)}.week-container .planning-list{padding-bottom:64px;padding-top:24px;display:flex;flex-direction:column;gap:32px;height:min-content;height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.week-container .planning-list .scrollable::-webkit-scrollbar{display:none}.week-container .planning-list .planning-item{display:flex}.week-container .planning-list .planning-item.current .time{padding-top:43px}.week-container .planning-list .planning-item.current .time .time-text{position:absolute;z-index:1;padding:4px 8px;background-color:var(--red-color);color:var(--red-text);top:-13px;border-radius:10px;font-weight:700}.week-container .planning-list .planning-item.current .planning-container{border-top:1px solid var(--red-clear)}.week-container .planning-list .planning-item .time{width:64px;font-size:13px;font-weight:500;display:flex;flex-direction:column;gap:25px;position:relative}.week-container .planning-list .planning-item .time .line{width:20px;height:1px;background-color:var(--border-gray)}.week-container .planning-list .planning-item .time .big-line{width:50px;height:1px;background-color:var(--black-color)}.week-container .planning-list .planning-item .planning-container{display:grid;width:100%;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--border-gray);border-bottom:1px solid var(--border-gray);height:68px}.week-container .planning-list .planning-item .planning-container .planning-item{position:relative;color:var(--red-dark);display:grid;grid-template-columns:repeat(1,1fr)}.week-container .planning-list .planning-item .planning-container .planning-item .planning-floating{display:flex;flex-direction:column;border-top:3px solid var(--red-color);background-color:var(--background-red);padding:4px 15px 0;gap:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;transition:all .1s ease-in-out;cursor:pointer}.week-container .planning-list .planning-item .planning-container .planning-item .planning-floating:hover{background-color:var(--soft-gray);color:var(--white-color);border-top:3px solid var(--black-color)}.week-container .planning-list .planning-item .planning-container .planning-item .planning-floating .time{font-size:12px;display:flex;flex-direction:row;align-items:center;font-weight:600;gap:4px;padding-top:0}.week-container .planning-list .planning-item .planning-container .planning-item .planning-floating .description{font-size:10px;font-weight:750;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.add-planning-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000}.add-planning-modal .modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.add-planning-modal .modal-content{background-color:var(--white-color);border-radius:8px;padding:20px;width:400px;max-width:90%;z-index:1001;display:flex;flex-direction:column;gap:16px}.add-planning-modal .modal-content h2{font-size:18px;font-weight:600;color:var(--text-black);margin:0}.add-planning-modal .modal-content form{display:flex;flex-direction:column;gap:12px}.add-planning-modal .modal-content form .form-group{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:400;color:var(--text-black)}.add-planning-modal .modal-content form .form-group label{font-weight:400}.add-planning-modal .modal-content form .form-group select,.add-planning-modal .modal-content form .form-group textarea{border:1px solid var(--border-gray);border-radius:8px;background-color:var(--white-color);padding:14px 20px;font-size:14px;font-family:Open Sans;resize:none}.add-planning-modal .modal-content form .form-group select:focus,.add-planning-modal .modal-content form .form-group textarea:focus{outline:2px solid var(--red-danger-soft)}.add-planning-modal .modal-content form .form-group textarea{height:100px}.add-planning-modal .modal-content form .form-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:16px}.add-planning-modal .modal-content form .form-actions button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;font-family:Open Sans;cursor:pointer;transition:all .1s ease-in-out}.add-planning-modal .modal-content form .form-actions button[type=button]{background-color:var(--white-color);border:1px solid var(--border-gray);color:var(--text-black)}.add-planning-modal .modal-content form .form-actions button[type=button]:hover{background-color:var(--gray-second)}.add-planning-modal .modal-content form .form-actions button[type=submit]{background-color:var(--red-color);border:none;color:var(--white-color)}.add-planning-modal .modal-content form .form-actions button[type=submit]:hover{background-color:var(--text-black)}.month-container{display:flex;flex-direction:column;padding:0 16px;max-height:100%;height:100%;overflow:hidden;gap:5px}.month-container .days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;font-size:15px;font-weight:400;color:var(--black-color);padding-top:16px}.month-container .day-list{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);gap:5px;height:100%;padding-bottom:24px}.month-container .day-list .day-block{border:1px solid var(--border-gray);border-radius:8px;cursor:pointer;outline:2px solid var(--white-color);transition:all .1s ease-in-out;padding:10px;font-size:14px}.month-container .day-list .day-block:hover{outline:1px solid var(--border-gray)}.month-container .day-list .day-block.other-month{background-color:var(--disable-gray);color:var(--soft-gray);font-weight:400}.month-container .day-list .day-block .number{font-weight:500;color:var(--soft-black);-webkit-user-select:none;user-select:none}.month-container .day-list .day-block .number.current{width:32px;height:32px;border-radius:50px;background-color:var(--red-color);display:flex;align-items:center;justify-content:center;color:var(--white-color)}.courses-content{display:flex;flex-direction:column}.courses-content .navigation{background-color:var(--white-color)!important}.courses-content .course-top{background-color:var(--white-color);display:flex;justify-content:space-between;align-items:center;padding:0 100px}.courses-content .course-top .course-name{font-size:32px;font-weight:600;max-width:698px}.courses-content .course-top .course-action{display:flex;align-items:center;gap:4px}.courses-content .course-top .course-action .action-item{display:grid;place-content:center;width:34px;height:34px;border-radius:5px;transition:all .1s ease-in-out;cursor:pointer}.courses-content .course-top .course-action .action-item:hover{background-color:var(--gray-transparent)}.courses-content .course-top .course-action .join-button{width:116px;height:34px;border-radius:5px;font-size:10px;font-weight:700;background-color:var(--red-color);cursor:pointer;transition:all .1s ease-in-out;display:grid;place-content:center;color:var(--white-color);margin-left:8px}.courses-content .course-top .course-action .join-button:hover{background-color:var(--black-color)}.courses-content .course-info{display:flex;flex-direction:column;padding:24px 100px;background-color:var(--white-color)}.courses-content .course-info .yt-video{width:100%;height:570px;background-image:url(/assets/YT-Dq4Rbkf5.png);background-position:center;background-size:cover}.courses-content .course-info .yt-video iframe{width:100%;height:100%;border-radius:15px}.courses-content .courses-navigation{display:flex;align-items:center;padding:8px 100px 0;background-color:var(--white-color);border-bottom:1px solid var(--border-gray);gap:36px;-webkit-user-select:none;user-select:none}.courses-content .courses-navigation .navigation-item{display:flex;align-items:center;gap:8px;padding:16px 14px;position:relative;color:var(--no-active);transition:all .1s ease-in-out;cursor:pointer;font-size:14px}.courses-content .courses-navigation .navigation-item:hover{color:var(--black-color)}.courses-content .courses-navigation .navigation-item:hover .focus{background-color:var(--soft-gray);opacity:.4}.courses-content .courses-navigation .navigation-item.selected{color:var(--red-color);cursor:default}.courses-content .courses-navigation .navigation-item.selected:hover{background-color:transparent}.courses-content .courses-navigation .navigation-item.selected:hover .focus{opacity:1}.courses-content .courses-navigation .navigation-item.selected .focus{background:linear-gradient(to right,#ef686d0d,#bb1a21)}.courses-content .courses-navigation .navigation-item .focus{position:absolute;bottom:-1.5px;left:0;width:100%;height:2px;transition:all .1s ease-in-out}.page-actions{display:flex;align-items:center;justify-content:space-between}.page-actions .action-right,.page-actions .add,.page-actions .import{display:flex;align-items:center;height:40px;gap:10px;font-weight:600;font-size:14px}.page-actions .action-right .add,.page-actions .add .add,.page-actions .import .add{gap:8px;justify-content:center;padding:0 46px;border-radius:5px;background:linear-gradient(to right,#d24a50,#7f0609);color:var(--white-color);cursor:pointer;transition:all .1s ease-in-out}.page-actions .action-right .add:hover,.page-actions .add .add:hover,.page-actions .import .add:hover{scale:1.02}.page-actions .action-right .import,.page-actions .add .import,.page-actions .import .import{color:var(--text-black);cursor:pointer;border-radius:5px;padding:0 24px;border:1px solid var(--soft-gray);transition:all .1s ease-in-out}.page-actions .action-right .import:hover,.page-actions .add .import:hover,.page-actions .import .import:hover{background-color:var(--black-color);color:var(--white-color)}.file-uploading{display:flex;border:1px solid var(--border-gray);border-radius:8px;background-color:var(--white-color);padding:10px;align-items:center;justify-content:space-between;position:relative;margin-top:24px}.file-uploading .file-left{display:flex;gap:12px;align-items:center}.file-uploading .file-left .file-type{display:flex;justify-content:center;align-items:center;width:46px;height:46px;border-radius:5px;background-color:var(--selected-gray)}.file-uploading .file-left .file-type .type-item{display:none}.file-uploading .file-left .file-type .type-item.current{display:block}.file-uploading .file-left .file-type .type-item.doc{color:var(--blue-color)}.file-uploading .file-left .file-type .type-item.csv{color:var(--green-color)}.file-uploading .file-left .file-type .type-item.pdf{color:var(--red-text)}.file-uploading .file-left .file-info{display:flex;flex-direction:column;gap:1px}.file-uploading .file-left .file-info .file-name{font-size:13px;color:var(--text-black);font-weight:700}.file-uploading .file-left .file-info .file-size{font-size:12px;font-weight:600;color:var(--text-gray)}.file-uploading .download{background:var(--red-color);color:var(--white-color);font-size:14px;padding:14px 18px;border-radius:6px;cursor:pointer;transition:all .1s ease-in-out}.file-uploading .download:hover{background-color:var(--black-color)}.flyer-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.flyer-modal-content{background:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 8px #0003;position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.flyer-image{max-width:80vw;max-height:80vh}.flyer-close{margin-top:16px;padding:8px 16px;border-radius:5px;border:none;background:var(--text-black);color:#fff;cursor:pointer}.notes{padding:32px 100px}.text-editor{display:flex;flex-direction:column;background-color:var(--white-color);border:1px solid var(--border-gray);border-radius:8px;padding:18px 24px;color:var(--no-active)}.text-editor .editor-top{display:flex;align-items:center;gap:4px;padding-bottom:8px;border-bottom:1px solid var(--border-gray)}.text-editor .editor-top .editor-state{display:flex;align-items:center}.text-editor .editor-top .editor-state .state-action{padding:7px;cursor:pointer;border-radius:4px;transition:all .1s ease-in-out}.text-editor .editor-top .editor-state .state-action:hover{background-color:var(--selected-gray)}.text-editor .editor-top .action-separation{width:1px;height:14px;background-color:var(--border-gray)}.text-editor .editor-top .action-option{position:relative;display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:8px;font-size:14px;transition:all .1s ease-in-out;cursor:pointer}.text-editor .editor-top .action-option.text-format{width:fit-content}.text-editor .editor-top .action-option:hover{background-color:var(--selected-gray);color:var(--text-black)}.text-editor .editor-top .action-option .option-select{position:absolute;border:1px solid var(--border-gray);background-color:var(--white-color);top:100%;left:0;width:100%;transition:all .1s ease-in-out;border-radius:8px;overflow:hidden}.text-editor .editor-top .action-option .option-select button{width:100%}.text-editor .editor-top .action-option .option-select .select-item{padding:3px 14px;cursor:pointer;font-size:12px;transition:all .1s ease-in-out;display:flex;align-items:center}.text-editor .editor-top .action-option .option-select .select-item:hover{background-color:var(--border-gray)}.text-editor .editor-top .action-option .option-select .select-item.selected{background-color:var(--text-black);color:var(--white-color);cursor:default}.text-editor .editor-top .text-option{display:flex;align-items:center;gap:2px;padding:0 6px}.text-editor .editor-top .text-option .option-item{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.text-editor .editor-top .text-option .option-item:hover{background-color:var(--selected-gray)}.text-editor .editor-top .text-option .option-item.active{background-color:var(--text-black);color:var(--white-color)}.text-editor .editor-display{width:100%;border:none;outline:none;font-family:Open Sans;padding-top:16px;height:672px;overflow:auto}.text-editor .image-modal,.text-editor .link-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.text-editor .image-modal .modal-content,.text-editor .link-modal .modal-content{background-color:var(--white-color);border-radius:8px;padding:24px;width:400px;max-width:90%;box-shadow:0 2px 8px #00000026}.text-editor .image-modal .modal-content .modal-title,.text-editor .link-modal .modal-content .modal-title{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text-black)}.text-editor .image-modal .modal-content .modal-input,.text-editor .link-modal .modal-content .modal-input{width:100%;padding:8px;margin-bottom:16px;border:1px solid var(--border-gray);border-radius:4px;font-size:14px;outline:none}.text-editor .image-modal .modal-content .modal-input:focus,.text-editor .link-modal .modal-content .modal-input:focus{border-color:var(--text-black)}.text-editor .image-modal .modal-content .modal-actions,.text-editor .link-modal .modal-content .modal-actions{display:flex;justify-content:flex-end;gap:8px}.text-editor .image-modal .modal-content .modal-actions .modal-button,.text-editor .link-modal .modal-content .modal-actions .modal-button{padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .1s ease-in-out}.text-editor .image-modal .modal-content .modal-actions .modal-button.cancel,.text-editor .link-modal .modal-content .modal-actions .modal-button.cancel{background-color:var(--border-gray);color:var(--text-black)}.text-editor .image-modal .modal-content .modal-actions .modal-button.cancel:hover,.text-editor .link-modal .modal-content .modal-actions .modal-button.cancel:hover{background-color:var(--selected-gray)}.text-editor .image-modal .modal-content .modal-actions .modal-button.insert,.text-editor .link-modal .modal-content .modal-actions .modal-button.insert{background-color:var(--text-black);color:var(--white-color)}.text-editor .image-modal .modal-content .modal-actions .modal-button.insert:hover,.text-editor .link-modal .modal-content .modal-actions .modal-button.insert:hover{background-color:var(--text-black)}.text-editor .image-modal .modal-content .modal-actions .modal-button.insert.opacity-50,.text-editor .link-modal .modal-content .modal-actions .modal-button.insert.opacity-50{opacity:.5;cursor:not-allowed}button{border:none;background-color:transparent;display:flex;align-items:center;gap:8px;padding:3px 0;cursor:pointer;font-family:Open Sans;font-weight:500}.validation-content{display:flex;flex-direction:column}.validation-content .navigation{background-color:var(--white-color)!important;padding:24px 361px!important}.validation-content .navigation .current{color:var(--text-black);font-weight:700}.validation-content .validation-form{display:flex;flex-direction:column;align-items:center;padding:100px 0;gap:40px}.validation-content .validation-form .validate{font-size:20px;font-weight:600;color:var(--text-black)}.validation-content .validation-form .validate-content{display:flex;gap:24px}.validation-content .validation-form .validate-content .your-selection{background-color:var(--white-color);border:1px solid var(--border-gray);border-radius:8px;display:flex;flex-direction:column;padding:20px;gap:20px;width:664px}.validation-content .validation-form .validate-content .your-selection .top{font-size:20px;font-weight:600;color:var(--text-black)}.validation-content .validation-form .validate-content .your-selection .validate-button{border-radius:8px;height:40px;background-color:var(--red-color);color:var(--white-color);transition:all .1s ease-in-out;cursor:pointer;display:grid;place-content:center}.validation-content .validation-form .validate-content .your-selection .validate-button:hover{background-color:var(--black-color)}.validation-content .validation-form .validate-content .offer{display:flex;flex-direction:column;justify-content:space-between;width:422px}.validation-content .validation-form .validate-content .offer .offer-item{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:var(--white-color);border:1px solid var(--border-gray);border-radius:8px}.validation-content .validation-form .validate-content .offer .offer-item .offer-name{font-size:20px;font-weight:600;color:var(--text-black)}.validation-content .validation-form .validate-content .offer .offer-item .offer-description{color:var(--no-active);font-size:14px;margin-top:-16px}.validation-content .validation-form .validate-content .offer .offer-item .offer-add{display:flex;justify-content:space-between;align-items:center;font-size:14px}.validation-content .validation-form .validate-content .offer .offer-item .offer-add .offer-price{color:var(--soft-gray)}.validation-content .validation-form .validate-content .offer .offer-item .offer-add .offer-price span{color:var(--text-black);font-weight:700}.validation-content .validation-form .validate-content .offer .offer-item .offer-add .add-button{width:74px;height:38px;border-radius:50px;display:grid;place-content:center;color:var(--white-color);background-color:var(--red-color);font-weight:600;cursor:pointer;transition:all .1s ease-in-out}.validation-content .validation-form .validate-content .offer .offer-item .offer-add .add-button:hover{background-color:var(--black-color)}.number-count{display:flex;align-items:center;justify-content:space-between}.number-count .number-top{color:var(--no-active);font-size:14px;font-weight:400}.number-count .number-action{display:flex;align-items:center;border:1px solid var(--border-gray);border-radius:8px;padding:7px;gap:8px}.number-count .number-action .number{width:32px;text-align:center}.number-count .number-action .action-icon{color:var(--soft-gray);cursor:pointer;transition:all .1s ease-in-out}.number-count .number-action .action-icon:hover{color:var(--black-color)}.cart-element{font-size:14px;color:var(--no-active);display:flex;align-items:center;justify-content:space-between}.cart-element .element-price{font-weight:700;color:var(--text-black)}.cart-element .included{background-color:var(--orange-background);color:var(--orange-text);display:grid;place-content:center;border-radius:50px;width:196px;height:20px;font-size:12px}.cart-element .top{color:var(--text-black)}.form-period{display:flex;justify-content:center}.form-period .form-date{background-color:var(--selected-gray);display:flex;gap:20px;font-size:14px;font-weight:400;color:var(--no-active);padding:8px 14px;border-radius:50px}.form-period .form-date .date{display:flex;align-items:center;gap:10px;color:var(--text-black);font-weight:600}.separation-dotted{border-top:1px dashed var(--border-gray)}.topbar{display:flex;align-items:center;justify-content:flex-end;height:8vh;padding:0 24px;outline:1px solid var(--selected-gray);-webkit-user-select:none;user-select:none}.topbar .opensidebar{color:var(--soft-gray);margin-right:12px;transition:all .1s ease-in-out;cursor:pointer}.topbar .opensidebar:hover{color:var(--black-color)}.topbar .right-content{display:flex;align-items:center;gap:10px}.topbar .right-content .searchbar{display:flex;height:38px;align-items:center;padding-left:16px;border:1px solid var(--border-gray);color:var(--soft-gray);border-radius:8px;gap:6px;outline:2px solid white;background-color:#fff;transition:all .1s ease-in-out}.topbar .right-content .searchbar input{font-family:Open Sans;border:none;outline:none;background-color:transparent;font-size:14px;width:254px;color:var(--black-color)}.topbar .right-content .searchbar:focus-within{outline:2px solid var(--red-danger-soft)}.topbar .right-content .element-icon{width:38px;height:38px;border:1px solid var(--border-gray);display:flex;align-items:center;justify-content:center;border-radius:8px;position:relative;transition:all .1s ease-in-out;cursor:pointer}.topbar .right-content .element-icon.active{background-color:var(--black-color);color:var(--white-color)}.topbar .right-content .element-icon.active:hover{color:var(--black-color)}.topbar .right-content .element-icon.notified .badge{background-color:var(--red-danger);width:6px;height:6px;border-radius:50px;position:absolute;top:9px;right:9px;border:2px solid var(--white-color)}.topbar .right-content .element-icon:hover{background-color:var(--selected-gray)}.topbar .right-content .profile{border-radius:50px;width:46px;height:46px;object-fit:cover;object-position:center;cursor:pointer;outline:2px solid var(--white-color);transition:all .2s ease-in-out}.topbar .right-content .profile:hover{outline:2px solid var(--red-color)}.hidden{display:none}.hide{-webkit-user-select:none;user-select:none;opacity:0}body.dark .topbar .right-content .searchbar{background-color:var(--white-color)!important;color:var(--black-color)!important;border:1px solid var(--border-gray)!important;outline:2px solid var(--white-color)!important}body.dark .topbar .right-content .searchbar input{color:var(--black-color)!important;background-color:transparent!important}.notif-dropdown{position:absolute;top:48px;right:0;width:340px;background-color:var(--white-color);border:1px solid var(--border-gray);border-radius:12px;box-shadow:0 4px 12px #0000001a;z-index:1000;padding:16px;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--soft-gray) var(--white-color)}.notif-dropdown::-webkit-scrollbar{width:8px}.notif-dropdown::-webkit-scrollbar-track{background:var(--white-color);border-radius:4px}.notif-dropdown::-webkit-scrollbar-thumb{background:var(--soft-gray);border-radius:4px}.notif-dropdown::-webkit-scrollbar-thumb:hover{background:var(--border-gray)}.notif-dropdown{scroll-behavior:smooth}.notif-title{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--black-color)}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:6px;border-bottom:1px solid var(--selected-gray)}.notif-item:last-child{border-bottom:none}.notif-item img{width:40px;height:40px;border-radius:50%;object-fit:cover}.notif-content{flex:1;font-size:14px;color:var(--black-color)}.notif-content .notif-time{margin-top:4px;font-size:12px;color:var(--soft-gray)}.reminder-notif{display:flex;align-items:center;background-color:#ffe6e6;border:1px solid #ffb3b3;border-radius:8px;padding:10px;margin:10px 0;gap:20px}.reminder-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--red-color);font-weight:600;margin-left:5px}.reminder-label{font-size:12px;margin-top:4px}.reminder-text{font-size:14px;color:var(--red-color);flex:1}.notif-reminder{font-size:12px;color:var(--red-color);flex:1;margin-top:3px}.notif-item:hover{background-color:var(--border-gray);cursor:pointer}.reminder-notif:hover{background-color:#ffdada;border-color:var(--red-color);cursor:pointer}.cart-dropdown{position:absolute;top:48px;right:0;width:390px;background:var(--white-color);border:1px solid var(--border-gray);border-radius:12px;box-shadow:0 4px 12px #0000001a;z-index:1000;padding:16px}.cart-dropdown .cart-title{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--black-color)}.cart-dropdown .cart-items{max-height:250px;overflow-y:auto;margin-bottom:16px}.cart-dropdown .cart-item{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:5px;border-radius:8px}.cart-dropdown .cart-item img{width:52px;height:52px;object-fit:cover;border-radius:6px}.cart-dropdown .cart-item .cart-item-info{flex:1}.cart-dropdown .cart-item .cart-item-info .cart-item-title{font-size:14px;font-weight:600}.cart-dropdown .cart-item .cart-item-info .cart-item-date{font-size:12px;color:#adadad}.cart-dropdown .cart-item .cart-item-price{font-size:14px;font-weight:500;color:var(--black-color)}.cart-dropdown .cart-item .cart-item-remove{background:none;border:none;cursor:pointer;padding:4px;color:var(--red-color)}.cart-dropdown .cart-item:hover{background-color:var(--border-gray);cursor:pointer}.cart-dropdown .cart-summary .cart-line{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.cart-dropdown .cart-summary .cart-divider{border-top:1px dashed var(--border-gray);margin:12px 0}.cart-dropdown .cart-summary .cart-total{display:flex;justify-content:space-between;font-size:16px;font-weight:700;margin-bottom:12px}.cart-dropdown .cart-summary .cart-total .total-price{color:var(--red-color)}.cart-dropdown .cart-summary .cart-payment-btn{background:linear-gradient(to right,var(--red-color),var(--red-color));border:none;color:var(--white-color);font-weight:600;border-radius:6px;padding:10px;width:100%;display:flex;justify-content:center;cursor:pointer;transition:background .3s ease}.cart-dropdown .cart-summary .cart-payment-btn:hover{background:linear-gradient(to right,#890421,#c5233b);color:var(--white-color)}@media (max-width: 768px){.topbar{padding:0 16px;height:7vh}.topbar .right-content{gap:8px}.topbar .right-content .searchbar{display:none}.topbar .right-content .element-icon{width:34px;height:34px}.topbar .right-content .profile{width:38px;height:38px}.notif-dropdown,.cart-dropdown{width:280px;right:-10px}}@media (max-width: 480px){.topbar{padding:0 12px}.topbar .right-content{gap:6px}.topbar .right-content .element-icon{width:30px;height:30px}.topbar .right-content .element-icon svg{width:16px;height:16px}.topbar .right-content .profile{width:34px;height:34px}.notif-dropdown,.cart-dropdown{width:calc(100vw - 24px);right:-12px;left:12px}}.floating-message-container{height:500px;max-height:500px;border-radius:14px;background-color:var(--white-color);border:1px solid var(--border-gray);box-shadow:0 4px 12px #0000001a;display:flex;position:absolute;top:60px;right:120px;z-index:1000}.floating-message-container .left-message{padding:0 24px;width:278px;height:500px}.floating-message-container .left-message .searchbar{display:flex;height:32px;align-items:center;padding-left:12px;border:1px solid var(--border-gray);color:var(--soft-gray);border-radius:8px;gap:4px;outline:2px solid white;background-color:#fff;transition:all .1s ease-in-out;margin-bottom:16px;margin-top:24px}.floating-message-container .left-message .searchbar input{font-family:Open Sans;border:none;outline:none;background-color:transparent;font-size:12px;width:100%;color:var(--black-color)}.floating-message-container .left-message .searchbar:focus-within{outline:2px solid var(--red-danger-soft)}.floating-message-container .left-message .person-list{display:flex;flex-direction:column;height:85%;padding:0;overflow-y:auto}.floating-message-container .left-message .person-list .result{font-size:13px}.floating-message-container .left-message .person-list .person-item{display:flex;align-items:center;gap:14px;padding:7px 12px 8.5px;border-radius:8px;cursor:pointer;transition:all .1s ease-in-out}.floating-message-container .left-message .person-list .person-item:hover,.floating-message-container .left-message .person-list .person-item.selected{background-color:var(--selected-gray)}.floating-message-container .left-message .person-list .person-item .image-block{position:relative;width:38px;height:38px}.floating-message-container .left-message .person-list .person-item .image-block .profile-image{width:38px;height:38px;border-radius:50px;object-fit:cover}.floating-message-container .left-message .person-list .person-item .image-block .profile-status{width:18px;height:18px;border-radius:50px;display:flex;align-items:center;justify-content:center;bottom:-6px;right:-6px;position:absolute}.floating-message-container .left-message .person-list .person-item .image-block .profile-status.connected{background:var(--green-simple);color:var(--green-dark)}.floating-message-container .left-message .person-list .person-item .image-block .profile-status.disconnected{background-color:var(--yellow-simple);color:var(--yellow-gold)}.floating-message-container .left-message .person-list .person-item .image-block .profile-status.occupied{background:var(--red-text0);color:var(--red-color)}.floating-message-container .left-message .person-list .person-item .person-info{display:flex;flex-direction:column;color:var(--soft-black)}.floating-message-container .left-message .person-list .person-item .person-info .person-name{font-weight:700;font-size:14px}.floating-message-container .left-message .person-list .person-item .person-info .person-meta{display:flex;align-items:center;gap:4px;font-size:10px}.floating-message-container .left-message .person-list .person-item .person-info .person-meta .point{width:3px;height:3px;border-radius:50px;background-color:var(--soft-black)}.floating-message-container .right-message{width:524px;background-color:var(--white-color);border:1px solid var(--border-gray);border-radius:14px;margin:-1px -1px 0 0}.floating-message-container .right-message .top-message{display:flex;flex-direction:column;align-items:center;gap:8px;background-color:var(--red-color);padding:12px;background-image:url(data:image/png;base64,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);background-position:center;color:var(--white-color);border-top-left-radius:14px;border-top-right-radius:14px}.floating-message-container .right-message .top-message .conversation{display:flex;align-items:center;gap:4px;font-size:12px;background-color:#0000005d;-webkit-backdrop-filter:blur(78px);backdrop-filter:blur(78px);color:#fff;padding:3px 8px;border-radius:50px}.floating-message-container .right-message .top-message .profile{display:flex;align-items:center;gap:12px}.floating-message-container .right-message .top-message .profile .profile-img{width:40px;height:40px;border-radius:50px;object-fit:cover;object-position:center}.floating-message-container .right-message .message-bottom{height:100%}.floating-message-container .right-message .message-bottom .message-content{padding:24px 14px 24px 24px;display:flex;flex-direction:column;gap:5px;overflow:hidden;height:62%;max-height:62%;overflow-y:auto}.floating-message-container .right-message .message-bottom .message-content .message-block{display:flex;flex-direction:column;gap:2px;font-size:14px}.floating-message-container .right-message .message-bottom .message-content .message-block .name{font-size:12px;opacity:.5}.floating-message-container .right-message .message-bottom .message-content .message-block .message-text{background-color:var(--selected-gray);max-width:100%;width:fit-content;padding:14px;border-radius:12px}.floating-message-container .right-message .message-bottom .message-content .message-block.incoming .message-text{border-top-left-radius:0}.floating-message-container .right-message .message-bottom .message-content .message-block.sent{align-items:end}.floating-message-container .right-message .message-bottom .message-content .message-block.sent .message-text{border-top-right-radius:0}.floating-message-container .right-message .message-bottom .write-field{height:10%;display:flex;align-items:center;border-top:1px solid var(--border-gray);justify-content:space-between;padding-right:24px}.floating-message-container .right-message .message-bottom .write-field input{height:100%;outline:none;border:none;background-color:transparent;padding:24px;font-family:Open Sans;font-size:14px;width:100%}.floating-message-container .right-message .message-bottom .write-field .send-icon{fill:var(--selected-gray);color:var(--soft-gray);cursor:pointer;transition:all .1s ease-in-out}.floating-message-container .right-message .message-bottom .write-field .send-icon:hover{scale:1.05;color:var(--black-color)}.floating-message-container .right-message .message-bottom .write-field .send-icon:active{scale:.9}.purchase-form{padding:40px 0;display:flex;justify-content:center;gap:38px}.purchase-form .option{display:flex;flex-direction:column;gap:24px}.purchase-form .option .option-section{display:flex;flex-direction:column;gap:6px}.purchase-form .option .option-section .option-title{font-weight:600;font-size:17px;color:var(--text-black)}.purchase-form .option .option-section .cycle-option{display:flex;gap:16px}.purchase-form .option .option-section .cycle-option .option-item{display:flex;align-items:center;cursor:pointer;gap:12px;border:1px solid var(--border-gray);border-radius:8px;padding-left:20px;height:77px;width:278px;transition:all .1 ease-in-out;background-color:var(--white-color);gap:18px}.purchase-form .option .option-section .cycle-option .option-item .radio{width:10px;height:10px;border-radius:50px;outline-offset:2px;outline:2px solid var(--soft-gray);transition:all .1s ease-in-out}.purchase-form .option .option-section .cycle-option .option-item .option-info{display:flex;flex-direction:column;align-items:start;gap:2px}.purchase-form .option .option-section .cycle-option .option-item .option-info .option-title{font-size:14px;font-weight:700;color:var(--no-active);transition:all .1s ease-in-out}.purchase-form .option .option-section .cycle-option .option-item .option-info .option-price{font-size:12px;color:var(--soft-gray)}.purchase-form .option .option-section .cycle-option .option-item.selected{border:1px solid var(--red-color)}.purchase-form .option .option-section .cycle-option .option-item.selected .radio{outline-color:var(--red-color);background-color:var(--red-color)}.purchase-form .option .option-section .cycle-option .option-item.selected .option-title{color:var(--red-color)}.purchase-form .option .option-section .option-card{display:flex;align-items:center;gap:14px;color:var(--no-active);padding-left:14px;background-color:var(--white-color);border-radius:8px;border:1px solid var(--border-gray);outline:1.5px solid var(--white-color);transition:all .1s ease-in-out}.purchase-form .option .option-section .option-card input{width:100%;height:56px;outline:none;border:none;border-radius:8px;font-family:Open Sans;font-weight:500;color:var(--text-black);background-color:var(--white-color)}.purchase-form .option .option-section .option-card:focus-within{border-color:var(--red-danger-soft);outline:1.5px solid var(--red-danger-soft)}.purchase-form .option .option-section .option-info{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--soft-gray);font-weight:400}.purchase-form .option .option-section .option-field{display:flex;flex-direction:column}.purchase-form .option .option-section .option-field .field-label{font-size:13px;font-weight:400;color:var(--no-active);margin-bottom:8px}.purchase-form .option .option-section .option-field .field-select,.purchase-form .option .option-section .option-field input{display:flex;align-items:center;justify-content:space-between;border-radius:8px;border:1px solid var(--border-gray);background-color:var(--white-color);padding:0 14px 0 24px;height:56px;cursor:pointer;color:var(--text-black);font-weight:400}.purchase-form .option .option-section .option-field input{cursor:text;transition:all .1s ease-in-out;outline:1.5px solid var(--white-color);border-color:var(--border-gray);font-family:Open Sans;color:var(--text-black)}.purchase-form .option .option-section .option-field input:focus{outline-color:var(--red-danger-soft);border-color:var(--red-danger-soft)}.purchase-form .option .option-section .add-button{font-size:14px;font-weight:600;color:var(--white-color);border-radius:8px;background-color:var(--red-color);padding:10px 24px;width:fit-content;transition:all .1s ease-in-out;cursor:pointer}.purchase-form .option .option-section .add-button:hover{background-color:var(--black-color)}.purchase-form .recap{width:558px;padding:114px 40px 78px;background-color:var(--white-color);border-radius:8px;border:1px solid var(--border-gray);display:flex;flex-direction:column;gap:36px}.purchase-form .recap .recap-top{display:flex;flex-direction:column;align-items:center;gap:12px}.purchase-form .recap .recap-top .recap-top-text{color:var(--text-black);font-weight:600;font-size:20px}.purchase-form .recap .recap-top .total{color:var(--red-text);font-weight:700;font-size:40px}.purchase-form .recap .separation-simple{border-top:1px solid var(--border-gray)}.purchase-form .recap .cart-recap{display:flex;flex-direction:column;gap:20px}.purchase-form .recap .cart-recap .red{color:var(--red-color)}.purchase-form .recap .cart-pay{display:flex;flex-direction:column;align-items:center;gap:6px}.purchase-form .recap .cart-pay .pay-button{display:grid;place-content:center;height:40px;border-radius:8px;color:var(--white-color);background:linear-gradient(#d80027,#530f12);width:100%;font-weight:600;font-size:14px;transition:all .1s ease-in-out;cursor:pointer}.purchase-form .recap .cart-pay .pay-button:hover{scale:1.02}.purchase-form .recap .cart-pay p{font-size:14px;font-weight:400;color:var(--no-active)}.Units-content .unit-table .course-table-top .top-title.unit{width:33%;margin-right:2%}.Units-content .unit-table .course-table-top .top-title.unit p{margin-left:67.5px}.Units-content .unit-table .course-table-top .top-title.role{width:15%;margin-right:2%}.Units-content .unit-table .course-table-top .top-title.username{width:30%;margin-right:2%}.Units-content .unit-table .course-table-top .top-title.parent{width:8%;margin-right:2%}.Units-content .unit-table .course-table-top .top-title.udescription{width:15%;margin-right:2%}.Units-content .unit-table .course-table-top .top-title.rdescription{width:23%;margin-right:2%}.Units-content .unit-table .course-table-top .top-title.certificate{width:10%;margin-right:2%}.Units-content .unit-table .course-table-top .top-title.actions{width:4%;color:transparent;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.Units-content .unit-table .course-list .course-block .block-item.unit-item{width:16%;margin-right:15%}.Units-content .unit-table .course-list .course-block .block-item.unit-item .check{width:13.5px;height:13.5px;outline:1px solid var(--soft-gray);border-radius:3px;color:var(--white-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s ease-in-out;margin-right:54px}.Units-content .unit-table .course-list .course-block .block-item.unit-item .check:hover{background-color:var(--white-color);color:var(--white-color)}.Units-content .unit-table .course-list .course-block .block-item.unit-item .check.checked{background-color:var(--red-color);outline:1px solid var(--red-color)}.Units-content .unit-table .course-list .course-block .block-item.unit-item .check.checked:hover{background-color:var(--red-color);color:var(--white-color)}.Units-content .unit-table .course-list .course-block .block-item.unit-item .course-name{color:var(--no-active);font-size:14px;font-weight:700;max-width:414px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.Units-content .unit-table .course-list .course-block .block-item.role-item{width:10%;font-size:13px;font-weight:700;margin-right:2%}.Units-content .unit-table .course-list .course-block .block-item.role-item .role-block{display:flex;border:1px solid var(--border-gray);padding:3px 10px;border-radius:8px;background-color:var(--light-gray)}.Units-content .unit-table .course-list .course-block .block-item.username-item{color:var(--soft-black);font-size:14px;font-weight:400;width:10%;margin-left:5%}.Units-content .unit-table .course-list .course-block .block-item.parent-item{width:8%;margin-left:19%;font-size:14px;font-weight:700;color:var(--soft-black)}.Units-content .unit-table .course-list .course-block .block-item.udescription-item{width:15%;margin-right:2%;font-size:14px;font-weight:700;color:var(--soft-black)}.Units-content .unit-table .course-list .course-block .block-item.action-item{width:4%;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.Units-content .unit-table .course-list .course-block .block-item.actions{width:5%;display:flex;gap:4px;margin-left:10%}.add-course-content{display:flex;flex-direction:column}.add-course-content .add-step{background-color:var(--white-color);display:flex;align-items:center;justify-content:center;font-size:14px;gap:10px;font-weight:400;padding:0 0 14px}.add-course-content .add-step .step-item{display:flex;flex-direction:column;align-items:center;color:var(--soft-gray)}.add-course-content .add-step .step-item .round-number{color:var(--white-color);background-color:var(--soft-gray);width:28px;height:28px;font-size:12px;font-weight:400;display:grid;place-content:center;border-radius:50px}.add-course-content .add-step .step-item.current{color:var(--red-color)}.add-course-content .add-step .step-item.current .round-number{background-color:var(--red-color)}.add-course-content .add-step .step-separation{margin:0 4px;height:1px;width:48px;background-color:var(--separation-color)}.add-course-content .upload-template{padding:60px 0;display:flex;flex-direction:column;gap:14px}.add-course-content .upload-template .upload-field{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--upload-color);padding:50px 0;border:2px dashed var(--border-gray);background-color:var(--white-color);border-radius:8px;transition:all .2s ease-in-out}.add-course-content .upload-template .upload-field:hover{border:2px dashed var(--soft-gray)}.add-course-content .upload-template .upload-field .up-text{display:flex;flex-direction:column;align-items:center;font-size:14px;font-weight:600}.add-course-content .upload-template .upload-field .up-text .upload-title{font-size:15px;color:var(--black-color);font-weight:700}.add-course-content .upload-template .upload-field .select-button{font-size:12px;color:var(--white-color);font-weight:600;height:34px;padding:0 36px;border-radius:5px;cursor:pointer;transition:all .1s ease-in-out;background-color:var(--red-color);display:grid;place-content:center}.add-course-content .upload-template .upload-field .select-button:hover{background-color:var(--black-color)}.add-course-content .upload-template .file{display:flex;flex-direction:column;gap:10px;padding:15px 20px}.add-course-content .upload-template .file .file-uploading{display:flex;border:1px solid var(--border-gray);border-radius:8px;background-color:var(--white-color);padding:10px;align-items:center;gap:12px;position:relative}.add-course-content .upload-template .file .file-uploading .file-type{display:flex;justify-content:center;align-items:center;width:46px;height:46px;border-radius:5px;background-color:var(--selected-gray)}.add-course-content .upload-template .file .file-uploading .file-type .type-item{display:none}.add-course-content .upload-template .file .file-uploading .file-type .type-item.current{display:block}.add-course-content .upload-template .file .file-uploading .file-type .type-item.doc{color:var(--blue-color)}.add-course-content .upload-template .file .file-uploading .file-type .type-item.csv{color:var(--green-color)}.add-course-content .upload-template .file .file-uploading .file-type .type-item.pdf{color:var(--red-text)}.add-course-content .upload-template .file .file-uploading .file-info{display:flex;flex-direction:column;gap:1px}.add-course-content .upload-template .file .file-uploading .file-info .file-name{font-size:13px;color:var(--text-black);font-weight:700}.add-course-content .upload-template .file .file-uploading .file-info .file-size{font-size:12px;font-weight:600;color:var(--text-gray)}.add-course-content .upload-template .file .file-uploading .remove{position:absolute;top:5px;right:4px;width:16px;height:16px;border-radius:4px;display:grid;place-content:center;transition:all .1s ease-in-out;outline:1px solid transparent;cursor:pointer}.add-course-content .upload-template .file .file-uploading .remove:hover{background-color:var(--selected-gray);outline:1px solid var(--soft-border);scale:1.05}.add-course-content .upload-template .file .progressbar{display:flex;align-items:center;gap:10px;margin-top:10px}.add-course-content .upload-template .file .progressbar .progress-container{flex:1;border-radius:4px;overflow:hidden}.add-course-content .upload-template .file .progressbar .progress-text{font-size:14px;color:var(--red-color);font-weight:600;min-width:40px;width:40px;display:flex;justify-content:end}.add-course-content .step-forms{padding:0 100px}.add-course-content .step-forms .step-form{display:flex;flex-direction:column;gap:15px;padding:20px 0}.add-course-content .step-forms .step-form .option-field{display:flex;flex-direction:column;width:100%}.add-course-content .step-forms .step-form .option-field .field-label{font-size:13px;font-weight:400;color:var(--no-active);margin-bottom:8px}.add-course-content .step-forms .step-form .option-field .field-select,.add-course-content .step-forms .step-form .option-field input{display:flex;align-items:center;justify-content:space-between;border-radius:8px;border:1px solid var(--border-gray);background-color:var(--white-color);padding:0 14px 0 24px;height:56px;cursor:pointer;color:var(--text-black);font-weight:400}.add-course-content .step-forms .step-form .option-field input{cursor:text;transition:all .1s ease-in-out;outline:1.5px solid var(--white-color);border-color:var(--border-gray);font-family:Open Sans;color:var(--text-black)}.add-course-content .step-forms .step-form .option-field input:focus{outline-color:var(--red-danger-soft);border-color:var(--red-danger-soft)}.add-course-content .step-forms .step-form .option-card{display:flex;align-items:center;gap:14px;color:var(--no-active);padding-left:14px;background-color:var(--white-color);border-radius:8px;border:1px solid var(--border-gray);outline:1.5px solid var(--white-color);transition:all .1s ease-in-out}.add-course-content .step-forms .step-form .option-card input{width:100%;height:56px;outline:none;border:none;border-radius:8px;font-family:Open Sans;font-weight:500;color:var(--text-black);background-color:var(--white-color)}.add-course-content .step-forms .step-form .option-card:focus-within{border-color:var(--red-danger-soft);outline:1.5px solid var(--red-danger-soft)}.add-course-content .step-forms .step-form .option-hour,.add-course-content .step-forms .step-form .two-options{display:flex;gap:10px}.add-course-content .step-forms .step-form .more-options{display:flex;align-items:end;gap:10px}.add-course-content .step-forms .step-form .more-options .two-options{width:100%}.add-course-content .step-forms .step-form .course-checkboxes{display:flex;gap:24px}.add-course-content .step-forms .step-form .course-checkboxes .check-item{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:400}.add-course-content .step-forms .step-form .label{font-size:14px;font-weight:400}.add-course-content .add-actions{display:flex;justify-content:space-between;font-size:14px;padding-bottom:32px}.add-course-content .add-actions .save{display:flex;gap:10px}.add-course-content .add-actions .hidden{display:none}.add-course-content .add-actions .back{width:80px;height:40px;border-radius:5px;color:var(--text-black);display:grid;place-content:center;transition:all .1s ease-in-out}.add-course-content .add-actions .back.disabled{cursor:default;color:var(--soft-gray);background-color:transparent}.add-course-content .add-actions .back.disabled:hover{background-color:transparent;color:var(--soft-gray);cursor:default}.add-course-content .add-actions .back:hover{cursor:pointer;background-color:var(--text-black);color:var(--white-color)}.add-course-content .add-actions .save.hidden{display:none}.add-course-content .add-actions .action-button,.add-course-content .add-actions .cancel-button{width:130px;height:40px;border-radius:5px;color:var(--white-color);display:grid;background:linear-gradient(90deg,var(--red-color),#7F0609);place-content:center;transition:all .1s ease-in-out;min-width:fit-content;padding:0 20px}.add-course-content .add-actions .action-button.next.hidden,.add-course-content .add-actions .cancel-button.next.hidden{display:none}.add-course-content .add-actions .action-button:hover,.add-course-content .add-actions .cancel-button:hover{cursor:pointer;scale:1.05}.add-course-content .add-actions .cancel-button{background:var(--white-color);color:var(--text-black);border:1px solid var(--border-gray)}.add-course-content .add-actions .cancel-button:hover{background:var(--soft-gray);color:var(--white-color)}.label{padding-top:42px}.edit-course{margin-top:32px}.Units-content{display:flex;flex-direction:column;position:relative}.Units-content .page-meta .action-left{display:flex;gap:10px;align-items:end}.Units-content .page-meta .action-left .filter-meta{display:flex;align-items:center;gap:12px;padding:0 18px;border:1px solid var(--border-gray);border-radius:8px;color:var(--soft-gray);height:40px;font-weight:400;font-size:14px;cursor:pointer;position:relative}.Units-content .page-meta .action-left .filter-meta .filter-dropdown{position:absolute;top:110%;left:0;min-width:140px;background:#fff;border:1px solid var(--border-gray);border-radius:8px;box-shadow:0 4px 16px #00000014;z-index:10;padding:6px 0;font-size:14px;color:var(--soft-black)}.Units-content .page-meta .action-left .filter-meta .filter-dropdown div{padding:8px 18px;cursor:pointer;transition:background .15s}.Units-content .page-meta .action-left .filter-meta .filter-dropdown div:hover{background:var(--selected-gray);color:var(--red-color)}.Units-content .page-meta .page-actions{display:flex;align-items:center;justify-content:space-between}.Units-content .page-meta .page-actions .action-right,.Units-content .page-meta .page-actions .add,.Units-content .page-meta .page-actions .import{display:flex;align-items:center;height:40px;gap:10px;font-weight:600;font-size:14px}.Units-content .page-meta .page-actions .action-right .add,.Units-content .page-meta .page-actions .add .add,.Units-content .page-meta .page-actions .import .add{gap:8px;justify-content:center;padding:0 46px;border-radius:5px;background:linear-gradient(to right,#d24a50,#7f0609);color:var(--white-color);cursor:pointer;transition:all .1s ease-in-out}.Units-content .page-meta .page-actions .action-right .add:hover,.Units-content .page-meta .page-actions .add .add:hover,.Units-content .page-meta .page-actions .import .add:hover{scale:1.02}.Units-content .page-meta .page-actions .action-right .import,.Units-content .page-meta .page-actions .add .import,.Units-content .page-meta .page-actions .import .import{color:var(--text-black);cursor:pointer;border-radius:5px;padding:0 24px;border:1px solid var(--soft-gray);transition:all .1s ease-in-out}.Units-content .page-meta .page-actions .action-right .import:hover,.Units-content .page-meta .page-actions .add .import:hover,.Units-content .page-meta .page-actions .import .import:hover{background-color:var(--black-color);color:var(--white-color)}.Units-content .unit-table{padding:10px;display:flex;flex-direction:column}.Units-content .unit-table .course-table-top{display:flex;align-items:center;padding:0 34px}.Units-content .unit-table .course-table-top .top-title{font-size:14px;font-weight:400;color:var(--text-gray)}.Units-content .unit-table .course-table-top .top-title.name{width:24%;margin-right:2%}.Units-content .unit-table .course-table-top .top-title.name p{margin-left:67.5px}.Units-content .unit-table .course-table-top .top-title.email{width:18%;margin-right:2%}.Units-content .unit-table .course-table-top .top-title.city,.Units-content .unit-table .course-table-top .top-title.country{width:16%;margin-right:2%}.Units-content .unit-table .course-table-top .top-title.last{width:12%;margin-right:2%}.Units-content .unit-table .course-table-top .top-title.actions{width:13%;color:transparent;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.Units-content .unit-table .course-list{display:flex;flex-direction:column;gap:8px}.Units-content .unit-table .course-list .course-block{display:flex;align-items:center;border-radius:8px;border:1px solid var(--border-gray);padding:24px 34px;background-color:var(--white-color);transition:all .1s ease-in-out}.Units-content .unit-table .course-list .course-block:hover{border:1px solid var(--text-gray);cursor:pointer}.Units-content .unit-table .course-list .course-block .block-item{display:flex;align-items:center}.Units-content .unit-table .course-list .course-block .block-item.name-item{width:24%;margin-right:2%}.Units-content .unit-table .course-list .course-block .block-item.name-item .check{width:13.5px;height:13.5px;outline:1px solid var(--soft-gray);border-radius:3px;color:var(--white-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s ease-in-out;margin-right:54px}.Units-content .unit-table .course-list .course-block .block-item.name-item .check:hover{background-color:var(--white-color);color:var(--white-color)}.Units-content .unit-table .course-list .course-block .block-item.name-item .check.checked{background-color:var(--red-color);outline:1px solid var(--red-color)}.Units-content .unit-table .course-list .course-block .block-item.name-item .check.checked:hover{background-color:var(--red-color);color:var(--white-color)}.Units-content .unit-table .course-list .course-block .block-item.name-item .course-name{color:var(--no-active);font-size:14px;font-weight:700;max-width:414px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.Units-content .unit-table .course-list .course-block .block-item.email-item{color:var(--soft-black);font-size:14px;font-weight:400;width:18%;margin-right:2%}.Units-content .unit-table .course-list .course-block .block-item.city-item{width:16%;margin-right:2%;font-size:14px;font-weight:700;color:var(--soft-black)}.Units-content .unit-table .course-list .course-block .block-item.country-item{display:flex;gap:8px;color:var(--soft-black);font-size:14px;font-weight:400;width:16%;margin-right:2%}.Units-content .unit-table .course-list .course-block .block-item.country-item .country-flag{width:22px;height:22px;overflow:hidden;border-radius:50px}.Units-content .unit-table .course-list .course-block .block-item.country-item .country-flag .flag{width:100%;height:100%;object-fit:cover}.Units-content .unit-table .course-list .course-block .block-item.last-item{width:12%;margin-right:2%;color:var(--soft-black);font-size:12px;font-weight:400}.Units-content .unit-table .course-list .course-block .block-item.actions{width:3%;display:flex;gap:4px}.Units-content .unit-table .course-list .course-block .block-item.actions .action-item{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:5px;cursor:pointer;transition:all .1s ease-in-out}.Units-content .unit-table .course-list .course-block .block-item.actions .action-item:hover{background-color:var(--selected-gray)}.Units-content .unit-table .course-list .no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;color:var(--text-gray);font-size:18px;font-weight:500;text-align:center}.Units-content .unit-table .course-list .no-results svg{color:var(--red-color)}.Units-content .unit-table .course-list .loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;color:var(--red-color);font-size:20px;font-weight:600;text-align:center;letter-spacing:1px}.pagination-bottom .pagination-control .disabled{background-color:#adadad;cursor:default}.pagination-bottom .pagination-control .active{background-color:var(--black-color);color:var(--white-color)}.first,.last{cursor:pointer;padding:0 10px}.mini-popup{position:absolute;top:36px;right:0;background:#fff;border:1px solid var(--border-gray);border-radius:6px;box-shadow:0 4px 12px #00000014;z-index:100;display:flex;flex-direction:column;min-width:120px;font-size:14px}.mini-popup div{padding:8px 12px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:background .15s}.mini-popup div:hover{background:var(--selected-gray);color:var(--red-color)}.block-item.actions{position:relative}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999}.modal{background:#fff;padding:20px;border-radius:8px;max-width:350px;text-align:center;box-shadow:0 4px 10px #0003}.modal h3{margin-bottom:10px}.delete-actions{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:15px}.btn{padding:8px 14px;border:none;cursor:pointer;border-radius:4px}.btn.cancel{background:#ccc}.btn.delete{background:#e74c3c;color:#fff}.Upload-content{display:flex;flex-direction:column}.Upload-content .page-meta{gap:8px}.Upload-content .page-meta .page-description{max-width:86%}.Upload-content .page-meta .page-actions{display:flex;align-items:center;justify-content:space-between}.Upload-content .page-meta .page-actions .action-right,.Upload-content .page-meta .page-actions .add,.Upload-content .page-meta .page-actions .import{display:flex;align-items:center;height:40px;gap:10px;font-weight:600;font-size:14px}.Upload-content .page-meta .page-actions .action-right .add,.Upload-content .page-meta .page-actions .add .add,.Upload-content .page-meta .page-actions .import .add{gap:8px;justify-content:center;padding:0 46px;border-radius:5px;background:linear-gradient(to right,#d24a50,#7f0609);color:var(--white-color);cursor:pointer;transition:all .1s ease-in-out}.Upload-content .page-meta .page-actions .action-right .add:hover,.Upload-content .page-meta .page-actions .add .add:hover,.Upload-content .page-meta .page-actions .import .add:hover{scale:1.02}.Upload-content .page-meta .page-actions .action-right .import,.Upload-content .page-meta .page-actions .add .import,.Upload-content .page-meta .page-actions .import .import{color:var(--text-black);cursor:pointer;border-radius:5px;padding:0 24px;border:1px solid var(--soft-gray);transition:all .1s ease-in-out}.Upload-content .page-meta .page-actions .action-right .import:hover,.Upload-content .page-meta .page-actions .add .import:hover,.Upload-content .page-meta .page-actions .import .import:hover{background-color:var(--black-color);color:var(--white-color)}.Upload-content .upload-template{padding:60px 100px;display:flex;flex-direction:column;gap:14px}.Upload-content .upload-template .upload-field{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--upload-color);padding:50px 0;border:2px dashed var(--border-gray);background-color:var(--white-color);border-radius:8px;transition:all .2s ease-in-out}.Upload-content .upload-template .upload-field:hover{border:2px dashed var(--soft-gray)}.Upload-content .upload-template .upload-field .up-text{display:flex;flex-direction:column;align-items:center;font-size:14px;font-weight:600}.Upload-content .upload-template .upload-field .up-text .upload-title{font-size:15px;color:var(--black-color);font-weight:700}.Upload-content .upload-template .upload-field .select-button{font-size:12px;color:var(--white-color);font-weight:600;height:34px;padding:0 36px;border-radius:5px;cursor:pointer;transition:all .1s ease-in-out;background-color:var(--red-color);display:grid;place-content:center}.Upload-content .upload-template .upload-field .select-button:hover{background-color:var(--black-color)}.Upload-content .upload-template .file{display:flex;flex-direction:column;gap:10px;padding:15px 20px}.Upload-content .upload-template .file .file-uploading{display:flex;border:1px solid var(--border-gray);border-radius:8px;background-color:var(--white-color);padding:10px;align-items:center;gap:12px;position:relative}.Upload-content .upload-template .file .file-uploading .file-type{display:flex;justify-content:center;align-items:center;width:46px;height:46px;border-radius:5px;background-color:var(--selected-gray)}.Upload-content .upload-template .file .file-uploading .file-type .type-item{display:none}.Upload-content .upload-template .file .file-uploading .file-type .type-item.current{display:block}.Upload-content .upload-template .file .file-uploading .file-type .type-item.doc{color:var(--blue-color)}.Upload-content .upload-template .file .file-uploading .file-type .type-item.csv{color:var(--green-color)}.Upload-content .upload-template .file .file-uploading .file-type .type-item.pdf{color:var(--red-text)}.Upload-content .upload-template .file .file-uploading .file-info{display:flex;flex-direction:column;gap:1px}.Upload-content .upload-template .file .file-uploading .file-info .file-name{font-size:13px;color:var(--text-black);font-weight:700}.Upload-content .upload-template .file .file-uploading .file-info .file-size{font-size:12px;font-weight:600;color:var(--text-gray)}.Upload-content .upload-template .file .file-uploading .remove{position:absolute;top:5px;right:4px;width:16px;height:16px;border-radius:4px;display:grid;place-content:center;transition:all .1s ease-in-out;outline:1px solid transparent;cursor:pointer}.Upload-content .upload-template .file .file-uploading .remove:hover{background-color:var(--selected-gray);outline:1px solid var(--soft-border);scale:1.05}.Upload-content .upload-template .file .progressbar{display:flex;align-items:center;gap:10px;margin-top:10px}.Upload-content .upload-template .file .progressbar .progress-container{flex:1;border-radius:4px;overflow:hidden}.Upload-content .upload-template .file .progressbar .progress-text{font-size:14px;color:var(--red-color);font-weight:600;min-width:40px;width:40px;display:flex;justify-content:end}.two-options-outside{display:flex;gap:10px;padding:32px 100px 0}.option-field{display:flex;flex-direction:column;width:100%}.option-field .field-label{font-size:13px;font-weight:400;color:var(--no-active);margin-bottom:8px}.option-field .field-select,.option-field input{display:flex;align-items:center;justify-content:space-between;border-radius:8px;border:1px solid var(--border-gray);background-color:var(--white-color);padding:0 14px 0 24px;height:56px;cursor:pointer;color:var(--text-black);font-weight:400}.option-field input{cursor:text;transition:all .1s ease-in-out;outline:1.5px solid var(--white-color);border-color:var(--border-gray);font-family:Open Sans;color:var(--text-black)}.option-field input:focus{outline-color:var(--red-danger-soft);border-color:var(--red-danger-soft)}.add-actions-outside{display:flex;justify-content:space-between;font-size:14px;padding:0 100px 32px}.add-actions-outside .save{display:flex;gap:10px}.add-actions-outside .hidden{display:none}.add-actions-outside .back{width:80px;height:40px;border-radius:5px;color:var(--text-black);display:grid;place-content:center;transition:all .1s ease-in-out}.add-actions-outside .back.disabled{cursor:default;color:var(--soft-gray);background-color:transparent}.add-actions-outside .back.disabled:hover{background-color:transparent;color:var(--soft-gray);cursor:default}.add-actions-outside .back:hover{cursor:pointer;background-color:var(--text-black);color:var(--white-color)}.add-actions-outside .save.hidden{display:none}.add-actions-outside .action-button,.add-actions-outside .cancel-button{width:130px;height:40px;border-radius:5px;color:var(--white-color);display:grid;background:linear-gradient(90deg,var(--red-color),#7F0609);place-content:center;transition:all .1s ease-in-out;min-width:fit-content;padding:0 20px}.add-actions-outside .action-button.next.hidden,.add-actions-outside .cancel-button.next.hidden{display:none}.add-actions-outside .action-button:hover,.add-actions-outside .cancel-button:hover{cursor:pointer;scale:1.05}.add-actions-outside .cancel-button{background:var(--white-color);color:var(--text-black);border:1px solid var(--border-gray)}.add-actions-outside .cancel-button:hover{background:var(--soft-gray);color:var(--white-color)}.categorie-container{position:relative;height:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.categorie-container .spiral{position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none}.categorie-container .spiral.top{top:-188px;left:-206px}.categorie-container .spiral.bottom{bottom:-524px;right:-224px}.categorie-container .cat-title{font-size:32px;font-weight:700;color:var(--text-black)}.categorie-container .cat-desc{font-size:16px;font-weight:400;color:var(--text-black)}.categorie-container .categorie-list{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px;padding-top:20px}.categorie-container .categorie-list .categorie-block{width:600px;height:148px;border-radius:12px;display:flex;flex-direction:column;font-family:Poppins Medium;color:var(--black-color);border:1px solid rgba(85,85,85,.5019607843);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#ebebeb;transition:all .1s ease-in-out;position:relative;overflow:hidden}.categorie-container .categorie-list .categorie-block .item-content{display:flex;align-items:center;gap:16px;padding:20px 30px;height:100%}.categorie-container .categorie-list .categorie-block .item-content .item-icon{border-radius:10px;width:62px;height:62px;display:flex;align-items:center;justify-content:center;transition:all .1s ease-in-out;color:var(--gray-second);background-color:#f6f8f9}.categorie-container .categorie-list .categorie-block .item-content .item-text{display:flex;flex-direction:column}.categorie-container .categorie-list .categorie-block .item-content .item-text .title{font-size:16px;font-family:Poppins Bold}.categorie-container .categorie-list .categorie-block .item-content .item-text .description{font-size:10px;font-weight:500}.categorie-container .categorie-list .categorie-block .item-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;border-top:.5px solid rgba(85,85,85,.1843137255);padding:12px 30px;transition:all .1s ease-in-out}.categorie-container .categorie-list .categorie-block .inside{position:absolute;z-index:0}.categorie-container .categorie-list .categorie-block .inside.top{rotate:-45deg;top:-68px;left:-68px;transition:all .4s ease-in-out}.categorie-container .categorie-list .categorie-block .inside.bottom{rotate:45deg;bottom:-50px;right:-58px;transition:all .35s ease-in-out}.categorie-container .categorie-list .categorie-block:hover{cursor:pointer;background-color:#d24a50;color:#fff;border-color:#fff}.categorie-container .categorie-list .categorie-block:hover .item-content .item-icon{background-color:#f2acaf;color:#bb1a21}.categorie-container .categorie-list .categorie-block:hover .item-bottom{padding-right:24px;border-color:#ffffff3d}.categorie-container .categorie-list .categorie-block:hover .inside.top{opacity:1;rotate:0deg;top:0;left:0}.categorie-container .categorie-list .categorie-block:hover .inside.bottom{opacity:1;rotate:0deg;bottom:0;right:0}.sidebar{width:260px;min-width:260px;max-width:260px;height:100%;display:flex;flex-direction:column;border-right:1px solid var(--selected-gray);-webkit-user-select:none;user-select:none;transition:width .2s ease-in-out}.sidebar .side-top{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;color:var(--soft-gray);height:6vh}.sidebar .side-top img{transition:all .1s ease-in-out}.sidebar .side-top img:hover{scale:1.05;cursor:pointer}.sidebar .side-top .tooglepanel{transition:all .1s ease-in-out;cursor:pointer}.sidebar .side-top .tooglepanel:hover{color:var(--soft-black)}.sidebar .side-content{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:0 16px}.sidebar .side-content .content-list{display:flex;flex-direction:column;gap:4px;padding-top:22px}.sidebar .side-content .content-list .list-item{display:flex;align-items:center;gap:10px;font-size:14px;padding:10px 14px;border-radius:4px;color:var(--soft-gray);transition:all .1s ease-in-out}.sidebar .side-content .content-list .list-item.selected{background-color:var(--selected-gray);color:var(--black-color)}.sidebar .side-content .content-list .list-item:hover{background-color:var(--selected-gray);color:var(--soft-black);cursor:pointer}.sidebar .content-bottom .bottom-actions{display:flex;flex-direction:column;gap:4px;padding-bottom:22px;border-bottom:1px solid var(--selected-gray)}.sidebar .content-bottom .bottom-actions .list-item{display:flex;align-items:center;gap:10px;font-size:14px;padding:10px 14px;border-radius:4px;color:var(--soft-black);transition:all .1s ease-in-out}.sidebar .content-bottom .bottom-actions .list-item.selected{background-color:var(--selected-gray)}.sidebar .content-bottom .bottom-actions .list-item:hover{background-color:var(--selected-gray);color:var(--black-color);cursor:pointer}.sidebar .content-bottom .tooglemode{display:flex;align-items:center;justify-content:space-between;padding:10px 0 16px;cursor:pointer}.sidebar .content-bottom .tooglemode .left-item{display:flex;align-items:center;gap:10px;font-size:14px;padding:10px 14px;border-radius:4px;transition:all .1s ease-in-out;color:var(--soft-black)}.sidebar .content-bottom .tooglemode .toogle{border-radius:50px;width:48px;height:26px;background-color:var(--no-active);position:relative;cursor:pointer;transition:all .1s ease-in-out}.sidebar .content-bottom .tooglemode .toogle .round{border-radius:50px;background-color:var(--white-color);height:20px;width:20px;top:3px;left:3px;position:absolute;transition:all .1s ease-in-out}.sidebar .content-bottom .tooglemode .toogle.active{background-color:var(--red-color)}.sidebar .content-bottom .tooglemode .toogle.active .round{left:25px}.sidebar{transition:width .3s ease,min-width .3s ease,max-width .3s ease}.sidebar .side-top,.sidebar .content-list,.sidebar .list-name,.sidebar .list-item,.sidebar .tooglemode,.sidebar .bottom-actions{transition:all .3s ease}.sidebar .list-name,.sidebar .toogle,.sidebar img{transition:opacity .3s ease}.sidebar.retracted{width:85px;min-width:85px;max-width:85px}.sidebar.retracted .side-top{justify-content:center}.sidebar.retracted .side-top img{opacity:0;visibility:hidden}.sidebar.retracted .content-list{width:50px;justify-content:center}.sidebar.retracted .list-name{width:50px;opacity:0;visibility:hidden}.sidebar.retracted .list-item{width:50px}.sidebar.retracted .tooglemode{width:50px;justify-content:center}.sidebar.retracted .tooglemode .list-name,.sidebar.retracted .tooglemode .toogle{opacity:0;visibility:hidden}.sidebar.retracted .bottom-actions .list-name{width:64px;opacity:0;visibility:hidden}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0003;width:90%;max-width:400px;text-align:center}.modal h2{margin:0 0 10px;font-size:1.5rem;color:#333}.modal p{margin:0 0 20px;color:#666}.modal-actions{display:flex;justify-content:center;gap:10px}.modal-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.modal-button.cancel{background:#ccc;color:#333}.modal-button.cancel:hover{background:#bbb}.modal-button.confirm{background:#f44;color:#fff}.modal-button.confirm:hover{background:#c00}.dark .modal{background:#333}.dark .modal h2{color:#fff}.dark .modal p{color:#ccc}body.dark .sidebar .tooglemode .toogle.active{background-color:var(--red-color)!important;background:var(--red-color)!important}@media (max-width: 768px){.sidebar{width:100%;min-width:100%;max-width:100%;height:auto;border-right:none;border-bottom:1px solid var(--selected-gray)}.sidebar .side-top{padding:12px 16px;height:auto}.sidebar .side-top img{height:32px;width:auto}.sidebar .side-content{padding:0 16px 16px;height:auto}.sidebar .side-content .content-list{flex-direction:row;overflow-x:auto;padding-top:12px;gap:8px}.sidebar .side-content .content-list .list-item{white-space:nowrap;min-width:fit-content;padding:8px 12px}.sidebar .side-content .content-list .list-item .list-name{display:none}.sidebar .side-content .content-bottom .bottom-actions{flex-direction:row;gap:8px;padding-bottom:12px}.sidebar .side-content .content-bottom .bottom-actions .list-item{padding:8px 12px}.sidebar .side-content .content-bottom .bottom-actions .list-item .list-name{display:none}.sidebar .side-content .content-bottom .tooglemode{padding:8px 0}.sidebar .side-content .content-bottom .tooglemode .left-item{padding:8px 12px}.sidebar .side-content .content-bottom .tooglemode .left-item .list-name{display:none}.sidebar.retracted{width:100%;min-width:100%;max-width:100%}.sidebar.retracted .side-content .content-list,.sidebar.retracted .side-content .bottom-actions{justify-content:flex-start}.sidebar.retracted .side-content .list-item{width:auto}.sidebar.retracted .side-content .tooglemode{width:auto;justify-content:flex-start}}@media (max-width: 480px){.sidebar .side-top{padding:10px 12px}.sidebar .side-top img{height:28px}.sidebar .side-content{padding:0 12px 12px}.sidebar .side-content .content-list{gap:6px}.sidebar .side-content .content-list .list-item{padding:6px 10px;font-size:12px}.sidebar .side-content .content-list .list-item svg{width:18px;height:18px}.sidebar .side-content .content-bottom .bottom-actions{gap:6px}.sidebar .side-content .content-bottom .bottom-actions .list-item{padding:6px 10px}.sidebar .side-content .content-bottom .bottom-actions .list-item svg{width:18px;height:18px}.sidebar .side-content .content-bottom .tooglemode .left-item{padding:6px 10px}.sidebar .side-content .content-bottom .tooglemode .left-item svg{width:18px;height:18px}.sidebar .side-content .content-bottom .tooglemode .toogle{width:40px;height:22px}.sidebar .side-content .content-bottom .tooglemode .toogle .round{width:16px;height:16px;top:3px;left:3px}.sidebar .side-content .content-bottom .tooglemode .toogle.active .round{left:21px}}.main-container{display:flex;height:100vh;width:100%;transition:all .2s ease-in-out}.content-wrapper{flex-grow:1;transition:margin-left .2s ease-in-out}.main-content{overflow-x:auto}@media (max-width: 768px){.main-container{flex-direction:column}.main-container.sidebar-retracted{flex-direction:row}.content-wrapper{width:100%;margin-left:0!important}}.bigCategorie{display:flex;align-items:center;border-bottom:1px solid var(--border-gray);padding:64px 100px;background-color:var(--white-color);justify-content:space-between;background-image:url(/assets/back-BHP68mfv.png);background-position:center;background-size:cover}.bigCategorie .left-top{display:flex;flex-direction:column;gap:40px}.bigCategorie .left-top .description{font-size:18px;color:var(--soft-gray);max-width:524px}.bigCategorie .left-top .numbers{display:flex;gap:60px}.bigCategorie .left-top .numbers .icon{display:flex;align-items:center;gap:14px}.bigCategorie .left-top .numbers .icon .icon-image{width:46px;height:46px;background-color:var(--red-color);color:var(--white-color);border-radius:10px;display:grid;place-content:center}.bigCategorie .left-top .numbers .icon .numbers-text{display:flex;flex-direction:column;font-size:13px;color:var(--soft-gray)}.bigCategorie .left-top .numbers .icon .numbers-text .count-number{font-size:24px;font-weight:600;color:var(--black-color)}.bigCategorie .categorie-name{width:500px;height:132.68px;font-size:28px;font-weight:600;color:var(--white-color);background-image:url(data:image/png;base64,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);background-size:cover;display:flex;align-items:center;justify-content:center}.bigCategorie .categorie-name .cat-text{width:fit-content;max-width:370px;padding-bottom:32px;font-weight:700;padding-right:24px}.bigCategorie .categorie-other-name{font-size:28px;font-weight:600;color:var(--black-color);padding-right:54px}.store-top{display:flex;align-items:center;justify-content:space-between;padding:16px 100px 10px}.store-top .category{display:flex;align-items:center;justify-content:space-between;background-color:var(--soft-white);border-radius:8px;border:1px solid var(--border-gray);color:var(--soft-gray);font-size:400;font-size:14px;width:238px;height:50px;padding:0 20px;transition:all .1s ease-in-out;cursor:pointer}.store-top .category:hover{background-color:var(--white-color);color:var(--black-color)}.store-top .top-right{display:flex;align-items:center;gap:8px}.store-top .top-right .search{display:flex;align-items:center;gap:8px;height:50px;padding:0 0 0 20px;border-radius:8px;border:1px solid var(--border-gray);background-color:var(--white-color);color:var(--soft-gray);font-size:14px;width:380px}.store-top .top-right .search input{height:50px;width:100%;padding:0;outline:none;border:none;font-family:Open Sans;font-weight:400;border-radius:8px;background-color:transparent;color:var(--black-color)}.store-top .top-right .search:focus-within{outline:3px solid var(--red);border-color:var(--red-danger-soft)}.store-top .top-right .featured{display:flex;align-items:center;gap:10px;height:50px;padding:0 20px;border-radius:8px;border:1px solid var(--border-gray);background-color:var(--white-color);color:var(--soft-gray);font-size:14px;cursor:pointer;transition:all .1s ease-in-out}.store-top .top-right .featured:hover{background-color:var(--selected-gray);color:var(--black-color)}.list-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px}.list-items .categorie-block{background-color:var(--white-color);border-radius:8px;display:flex;flex-direction:column;gap:18px;overflow:hidden}.list-items .categorie-block .certtificate-top{display:flex;align-items:center;justify-content:space-between}.list-items .categorie-block .certtificate-top .image-cat{width:100%;height:164px;background-size:cover;background-position:center}.list-items .categorie-block .certtificate-top .image-cat .certificate-action{display:flex;align-items:center;gap:4px;justify-content:end;padding:12px}.list-items .categorie-block .certtificate-top .image-cat .certificate-action .course-icon{display:flex;align-items:center;justify-content:center;background:var(--white-color);color:var(--soft-gray);width:38px;height:38px;border-radius:50px;cursor:pointer;transition:all .1s ease-in-out}.list-items .categorie-block .certtificate-top .image-cat .certificate-action .course-icon:hover{background:var(--black-color);color:var(--white-color)}.list-items .categorie-block .certificate-info{display:flex;align-items:center;justify-content:space-between;padding:0 18px}.list-items .categorie-block .certificate-info .certificate-meta{display:flex;flex-direction:column;gap:2px}.list-items .categorie-block .certificate-info .certificate-meta .name{font-size:16px;width:356px;font-weight:700;color:var(--soft-black);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.list-items .categorie-block .certificate-info .certificate-meta .date{display:flex;align-items:center;gap:8px;color:var(--soft-gray);font-weight:400;font-size:14px}.list-items .categorie-block .certificate-info .certificate-meta .date .dot{width:2px;height:2px;border-radius:50px;background-color:var(--soft-gray)}.list-items .categorie-block .certificate-info .certificate-progress{display:flex;flex-direction:column;align-items:center;gap:8px}.list-items .categorie-block .certificate-info .certificate-progress .round{width:46px;height:46px;border:8px solid var(--border-gray);border-radius:500px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--soft-black)}.list-items .categorie-block .certificate-info .certificate-progress .bottom{font-size:12px;color:var(--soft-gray)}.list-items .categorie-block .progression{display:flex;flex-direction:column;gap:8px;color:var(--soft-gray);font-size:12px;font-weight:400;padding:0 18px}.list-items .categorie-block .progression .progression-flex{display:flex;justify-content:space-between}.list-items .categorie-block .progression .progression-flex .progress-number{font-weight:700;color:var(--text-black)}.list-items .categorie-block .progression .progressbar{border-radius:50px;background-color:var(--selected-gray);display:flex;height:10px}.list-items .categorie-block .progression .progressbar .progress{transition:all .1s ease-in-out;background-color:var(--red-color);height:10px;border-radius:50px}.list-items .categorie-block .button{border:1px solid var(--border-gray);border-radius:50px;display:flex;align-items:center;justify-content:center;color:var(--soft-black);font-weight:600;font-size:14px;height:38px;margin:18px;transition:all .1s ease-in-out}.list-items .categorie-block .button:hover{background-color:var(--black-color);color:var(--white-color);border:1px solid var(--black-color);cursor:pointer}.list-items .course-card{display:flex;flex-direction:column;justify-content:space-between;padding:10px;background-color:var(--white-color);border-radius:8px}.list-items .course-card .bottom-button{display:flex;align-items:center;justify-content:center;background:var(--red-color);color:var(--white-color);width:100%;height:38px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .1s ease-in-out}.list-items .course-card .bottom-button:hover{background:var(--black-color);color:var(--white-color)}.list-items .course-card .bottom-button.owned,.list-items .course-card .bottom-button.disabled{background:var(--soft-gray);cursor:not-allowed}.list-items .course-card .bottom-button.owned:hover,.list-items .course-card .bottom-button.disabled:hover{background:var(--soft-gray);color:var(--white-color)}.list-items .course-card .course-info-list .course-cover{background-size:cover;background-position:center;height:144px;border-radius:8px}.list-items .course-card .course-info-list .course-cover .course-action{display:flex;align-items:center;gap:4px;justify-content:end;padding:12px}.list-items .course-card .course-info-list .course-cover .course-action .course-icon{display:flex;align-items:center;justify-content:center;background:var(--white-color);color:var(--soft-gray);width:38px;height:38px;border-radius:50px;cursor:pointer;transition:all .1s ease-in-out}.list-items .course-card .course-info-list .course-cover .course-action .course-icon:hover{background:var(--black-color);color:var(--white-color)}.list-items .course-card .course-info-list .course-info{display:flex;flex-direction:column;padding:0 10px}.list-items .course-card .course-info-list .course-info .course-title{display:flex;justify-content:space-between;padding:24px 0 10px;width:100%}.list-items .course-card .course-info-list .course-info .course-title .title{max-width:80%;font-weight:700;font-size:16px}.list-items .course-card .course-info-list .course-info .course-progress{display:flex;flex-direction:column}.list-items .course-card .course-info-list .course-info .course-progress .course-meta{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400;color:var(--soft-black);padding:0 0 10px}.list-items .course-card .course-info-list .course-info .course-progress .course-meta .dot{width:2px;height:2px;background-color:var(--soft-black);border-radius:50px}.list-items .course-card .course-info-list .course-info .course-progress .progressbar{border-radius:50px;background-color:var(--selected-gray);height:10px;width:100%}.list-items .course-card .course-info-list .course-info .course-progress .progressbar .progress{width:20%;height:100%;background-color:var(--red-color);border-radius:50px}.list-items .course-card .course-info-list .course-info .course-description{font-size:14px;font-weight:400;color:var(--soft-black);padding:24px 0}.list-items .course-card .view-course{background-color:var(--light-gray);border-radius:50px;font-size:14px;font-weight:600;display:flex;justify-content:center;align-items:center;height:40px;cursor:pointer;transition:all .1s ease-in-out}.list-items .course-card .view-course:hover{background-color:var(--black-color);color:var(--white-color)}.list-items .pagination-bottom{display:flex;justify-content:center;align-items:center;padding:20px 0;background-color:var(--background-color, #fff);width:100%;box-sizing:border-box}.list-items .pagination-control{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.list-items .pagination-button{padding:8px 12px;font-size:14px;font-weight:500;color:#222;background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.list-items .pagination-button:hover:not(.disabled):not(.active){background-color:#e0e0e0;border-color:#ccc}.list-items .pagination-button.active{background-color:#bb1a21;color:#fff;border-color:#bb1a21;font-weight:600}.list-items .pagination-button.disabled{background-color:#f5f5f5;color:#999;border-color:#ddd;cursor:not-allowed;opacity:.6}.list-items .pagination-button.first,.list-items .pagination-button.last{min-width:60px}.list-items .pagination-button.prev,.list-items .pagination-button.next{padding:8px;width:36px;height:36px}.list-items .pagination-ellipsis{padding:8px 12px;font-size:14px;color:#222;display:flex;align-items:center;justify-content:center}@media (max-width: 600px){.list-items .pagination-control{gap:4px;justify-content:center}.list-items .pagination-button{padding:6px 10px;font-size:12px}.list-items .pagination-button.first,.list-items .pagination-button.last{min-width:50px}.list-items .pagination-button.prev,.list-items .pagination-button.next{width:32px;height:32px}.list-items .pagination-ellipsis{padding:6px 10px;font-size:12px}}