html,body{height:100%;margin:0;overflow-x:hidden}a:focus{outline:none}body{font-family:var(--body-font, "Urbanist", sans-serif);font-optical-sizing:auto;font-weight:400;font-size:14px;color:var(--body-text)}h1,h2,h3,h4,h5,h6{color:var(--heading-color)}.dashboard{display:grid;grid-template-columns:var(--sidebar-width, 250px) 1fr;grid-template-rows:80px 1fr;grid-template-areas:"header header" "sidebar content";height:100vh;transition:grid-template-columns .3s ease}.header{grid-area:header;background:var(--header-bg);padding:1rem;border-bottom:1px solid var(--gray-100)}.dashboard.collapsed{--sidebar-width: 60px}.dashboard.collapsed .nav-item .text{opacity:0;width:0;margin:0;pointer-events:none}.content{grid-area:content;background:var(--body-bg);padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:2rem}a.btn{width:fit-content}.btn-primary{padding:14px 1rem;background-color:var(--primary-color);border-radius:10px;border:1px solid var(--primary-color);color:#fff;display:flex;gap:10px;align-items:center;font-size:14px;font-weight:600}.btn-primary:hover{cursor:pointer;background-color:var(--surface-card);color:var(--primary-color);border-color:var(--primary-color)}.btn-primary:disabled{cursor:default;background-color:var(--surface-card);color:var(--primary-color);border-color:var(--primary-color);opacity:.15}.btn-primary:disabled svg path{stroke:var(--primary-color)}.btn-primary:hover svg path{stroke:var(--primary-color)}.plus-sign-svg{width:18px;height:18px}.btn-outline-light{padding:14px 1rem;background-color:var(--surface-card);border-radius:10px;border:1px solid var(--primary-color);color:var(--primary-color);display:flex;gap:10px;align-items:center;font-size:14px;font-weight:600;cursor:pointer}.course-listing-wrapper{border-radius:10px;background-color:var(--surface-card);padding:1rem;border:1px solid var(--gray-100)}.course-listing-header{display:flex;flex-direction:column}.course-listing-header__top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.course-listing-header__top-row .course-listing-header-left{display:flex;gap:1rem;align-items:center}.course-listing-header__top-row .course-listing-header-left h2{font-weight:500;font-size:20px;margin:0}.course-listing-header__top-row .course-listing-header-right{display:flex;gap:1rem}.course-listing-header__bottom-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.course-listing-header__bottom-row .course-listing-header-left{color:var(--gray-500)}#course-listing-search-input{border:1px solid var(--gray-200);border-radius:6px;padding:1rem;padding-left:38px}.search-bar{position:relative;display:flex}.search-bar .search-icon{position:absolute;width:18px;height:auto;left:10px;top:calc(50% - 9px)}.course-listing-view-controls{border:1px solid var(--gray-100);border-radius:6px;display:flex;align-items:center}.course-listing-view-controls__left{padding:1rem;border-right:1px solid var(--gray-100);display:flex}.course-listing-view-controls__right{padding:1rem;display:flex}.view-control{cursor:pointer}.view-control svg path{stroke:var(--gray-700)}.view-control.active svg path{stroke:var(--primary-color)}.course-listing-filtering,.course-listing-sorting{border:1px solid var(--gray-100);border-radius:6px;display:flex;align-items:center;gap:10px;padding:1rem;cursor:pointer}#data-container{display:flex;flex-direction:column;margin-bottom:24px}#data-container.grid-view{flex-direction:row;flex-wrap:wrap}.item.header{font-weight:700;display:grid;grid-template-columns:3fr 1fr 1fr 1fr 1fr;background:var(--surface-input);padding:1rem;border-top:1px solid var(--gray-100);color:var(--gray-700)}.list-view .item{display:grid;grid-template-columns:3fr 1fr 1fr 1fr 1fr;padding:1rem;border-bottom:1px solid var(--gray-100);align-items:center}.grid-view .item.header{display:none}.grid-view .item{display:flex;flex-direction:column;border:1px solid var(--gray-200);padding:10px;width:calc(25% - .75rem);box-sizing:border-box}.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.grid-view .item div:before{content:attr(data-label) ": ";font-weight:700;display:inline}.item-actions{display:flex;gap:1rem}.course-listing-pagination-container{display:flex;justify-content:space-between;align-items:center}.course-listing-pagination{display:flex;align-items:center}.pagination-item{padding:10px;border:1px solid transparent;display:flex;justify-content:center;align-items:center;width:40px;box-sizing:border-box;height:40px}.pagination-item.active{border:1px solid var(--primary-color);border-radius:8px;color:var(--primary-color);background-color:var(--primary-light)}#strutocx-header{display:flex}#strutocx-nav-switch{display:flex;flex-direction:column;justify-content:center;margin-right:1.25rem}#strutocx-nav-switch-burger{display:flex;flex-direction:column}#strutocx-nav-switch-burger:hover{cursor:pointer}#strutocx-nav-switch-burger span{display:block;background-color:var(--body-text);width:2rem;height:.125rem;--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse));transition:all .3s ease}#strutocx-nav-switch-burger span:nth-child(1){width:1.25rem;margin-top:0;align-self:flex-end}#strutocx-nav-switch-burger span:nth-child(3){width:1.25rem}#strutocx-nav-switch-burger:hover span:nth-child(1){width:2rem}#strutocx-nav-switch-burger:hover span:nth-child(3){width:2rem}#strutocx-header-logo{display:flex;flex-direction:column;justify-content:center}#strutocx-header-logo img{max-height:50px;max-width:220px}#strutocx-header-membership{display:flex;flex-grow:0;justify-content:flex-end;margin-left:auto}#strutocx-header-membership-cta{display:none}#strutocx-header-membership-cta button{display:flex;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;padding:.5rem .75rem;background-color:var(--surface-card);border:solid 2px var(--gray-700);color:var(--body-text);font-weight:600;border-radius:.5rem;align-items:center;cursor:pointer;gap:5px}#strutocx-header-membership-cta button:hover{background-color:var(--gray-700);color:var(--surface-card)}#strutocx-header-membership-cta button svg{width:1.25rem;height:1.25rem;display:block;vertical-align:middle}#strutocx-header-membership-profile{display:flex;align-items:center;margin-left:1rem;gap:1rem}#strutocx-header-membership-profile .strutocx-profile-name{display:none;font-weight:600;font-size:18px;white-space:nowrap}#strutocx-header-membership-profile .strutocx-profile-pic-outer{background-color:transparent;border:1px solid var(--gray-200);border-radius:50%;height:42px;margin-left:.75rem;width:42px}#strutocx-header-membership-profile .strutocx-profile-pic-inner-has-profile{width:100%;height:100%;background-size:cover;background-position:center center;border-radius:50%;border:1px solid #000000}#strutocx-header-membership-profile .strutocx-profile-pic-inner svg path{fill:var(--body-text)}@media screen and (min-width: 768px){#strutocx-header-search{display:flex}#strutocx-header-membership-cta,#strutocx-header-membership-profile .strutocx-profile-name{display:block}}.slick-slider{margin-bottom:1rem}.slick-list{margin:0 -10px}.slick-track{display:flex!important}.slick-slide{height:inherit!important}.slick-slide>div{padding:10px;height:100%}.slick-slide>div>div{height:inherit}.few-slides .slick-track{display:flex!important;justify-content:flex-start!important;transform:none!important;margin:0}.few-slides .slick-slide{float:none!important;height:auto;margin:0}.few-slides .slick-track:before,.few-slides .slick-track:after{display:none!important;content:none!important}.loading-container{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#fffc;display:flex;justify-content:center;align-items:center;display:none}.loading-container svg{max-width:100px}.image-upload-container{display:flex;width:100%;padding:1rem;justify-content:center;align-items:center;border:1px dashed var(--gray-200);border-radius:10px;min-height:260px;flex-direction:column;gap:1rem}@media (max-width: 767px){.dashboard{grid-template-columns:1fr;grid-template-rows:80px 1fr;grid-template-areas:"header" "content"}.dashboard.collapsed{--sidebar-width: 200px}.dashboard.collapsed .nav-item .text{opacity:1;width:auto;margin:initial;pointer-events:auto}}.no-transitions *{transition:none!important}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-backdrop.active{opacity:1;pointer-events:all}