@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap";:root{--dark-bg: #231F20;--light-text: #ffffff;--grey-hover: #cccccc;--max-container-width: 1350px}.navbar{position:fixed;top:0;left:0;right:0;height:70px;background-color:var(--dark-bg);color:var(--light-text);z-index:2000;display:flex;flex-direction:column;align-items:stretch}.nav-container{max-width:var(--max-container-width);width:100%;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:70px;min-width:0}.logo{height:2.5em;width:auto;aspect-ratio:1/1;display:block;pointer-events:none;margin-right:1rem}.nav-links{display:flex;gap:3rem;justify-content:flex-start}.nav-links a{font-family:Nunito,sans-serif;font-weight:600;font-size:.9rem;color:var(--light-text);text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:var(--grey-hover)}.auth-buttons{display:flex;flex-direction:column;gap:.5rem;visibility:visible}.outline-btn{font-family:Nunito,sans-serif;font-weight:600;font-size:.9rem;color:var(--light-text);background-color:transparent;border:2px solid var(--light-text);border-radius:21px;padding:.4rem 1rem;cursor:pointer;transition:all .3s ease}.outline-btn:hover{background-color:#fcb81b;border:none;color:var(--dark-bg)}.login-profile-pic{height:38px;width:38px;border:2px solid #ffffff30;border-radius:50%;object-fit:cover;cursor:pointer;transition:transform .2s ease}.login-profile-pic:hover{transform:scale(1.05)}.profile-area{display:flex;align-items:center;gap:1rem}.profile-area .nav-links-style{color:#fff;font-family:Nunito,sans-serif;font-weight:600;font-size:.9rem;text-decoration:none}.mobile-hidden{display:none}.profile-wrapper{position:relative;display:flex;align-items:center;gap:1.5rem;cursor:pointer}.nav-username{color:#fff;font-family:Nunito,sans-serif;font-weight:600;font-size:.9rem}.user-profile-img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid white}.dropdown-menu-nav{position:absolute;top:50px;right:0;background:#fff;border-radius:8px;box-shadow:0 6px 12px #00000026;min-width:160px;z-index:1000;overflow:hidden;display:flex;flex-direction:column}.dropdown-item{padding:12px 16px;font-family:Nunito,sans-serif;font-weight:600;font-size:.9rem;color:#231f20;background:none;border:none;text-align:left;cursor:pointer}.dropdown-item:hover{background-color:#f2f2f2}.nav-links a.active-link{font-weight:900!important;color:var(--grey-hover);text-shadow:.3px 0 0 currentColor}@media screen and (min-width: 901px){.nav-links{justify-self:start}.auth-buttons{justify-self:end;flex-direction:row;align-items:center}}@media screen and (max-width: 900px){.nav-container{display:grid;grid-template-columns:auto auto 1fr;align-items:center;padding:0 1rem}.logo{order:1;margin-left:1rem;position:static;transform:none;justify-self:start;z-index:auto}.hamburger{display:flex;order:0;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;margin-left:0rem;z-index:1001}.hamburger .bar{width:25px;height:3px;background-color:#fff;border-radius:2px}.auth-buttons{order:2;flex-direction:row;justify-content:flex-end;align-items:center;gap:.5rem;margin-left:auto;margin-right:0;min-width:100px}.nav-links{display:flex;flex-direction:column;background-color:var(--dark-bg);width:100%;gap:1.5rem;padding:0 1.3rem;max-height:0;opacity:0;pointer-events:none;transition:max-height .3s ease,opacity .3s ease,padding .3s ease}.nav-links.open{padding:1.5rem 1.3rem;max-height:500px;opacity:1;pointer-events:auto}}.spinner-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff}.spinner{width:48px;height:48px;border:5px solid #eee;border-top:5px solid #231F20;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{font-family:Nunito,sans-serif;font-weight:600;--text-light: #ffffff;--bg-dark: #2c2829;--heading-size: 1.5rem;--subheading-size: 1.25rem;--paragraph-size: 1rem}body{margin:0;padding:0;overflow-x:hidden;height:100%;color:var(--text-light);font-family:var(--font-family)}a{text-decoration:none;color:inherit}*{box-sizing:border-box}html{overflow-y:scroll}.page-title{font-size:var(--heading-size);color:#2c2829}.user-profile-img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid white;margin-left:1rem}.dashboard-wrapper{margin-top:70px}.dashboard-container{max-width:1350px;margin:0 auto;padding:0 1rem;display:flex;align-items:flex-start;min-height:calc(100vh - 70px)}.main-content{display:flex;gap:20px}.sidebar{transition:width .3s ease;width:20%;min-width:280px;max-width:280px;background-color:#fff;padding:20px 20px 20px 0;border-right:1px solid #eee;display:flex;flex-direction:column;position:sticky;top:70px;height:calc(100vh - 70px);overflow-y:auto;overflow-x:hidden}.sidebar.collapsed{width:70px;min-width:70px;align-items:center;padding-left:0;padding-right:0}.sidebar-overlay{position:fixed;top:70px;left:0;right:0;bottom:0;background-color:#0000;z-index:800}.sidebar.collapsed span:not(.slider){display:none}.search-icon-only{display:flex;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto .7rem;border-radius:12px;background-color:#f8f5ff;cursor:pointer;min-height:48px;flex-shrink:0}.search-icon-only i{width:20px;height:20px;color:#aaa}.search-icon-only svg{color:#aaa}.search-icon-only .search-icon{position:static;transform:none;color:#aaa;pointer-events:auto;height:18px;width:18px}.sidebar.collapsed .menu-items li,.sidebar.collapsed .bottom-actions li{justify-content:center}.sidebar.collapsed .bottom-actions{align-items:center;padding:0}.dark-mode-toggle.collapsed-toggle-only{display:flex;justify-content:center;align-items:center;padding:.75rem;background-color:#f8f5ff;border-radius:12px;margin-top:1rem;width:48px;height:48px}.sidebar.collapsed .dark-mode-toggle.collapsed-toggle-only{display:flex;align-items:center;justify-content:center;background-color:#f8f5ff;border-radius:12px;width:48px;height:48px;padding:.5rem;margin-top:.3rem}.sidebar.collapsed .dark-mode-left i,.sidebar.collapsed .dark-mode-left span{display:none}.toggle-container{width:100%;display:flex;justify-content:center;padding:4px 0 27px}.collapse-toggle{background:#231f20;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease}.collapse-toggle i{width:20px;height:20px}.collapse-toggle:hover{background-color:#444}.org-info{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.org-logo{width:36px;height:36px;background-color:#231f20;border-radius:10px}.org-name{font-weight:600;font-size:1.1rem;color:#303030}.search-container{position:relative;margin-bottom:.7rem;width:100%}.search-container .lucide-search{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#aaa;pointer-events:none;height:18px;width:18px}.module-search{width:100%;padding:.75rem 2.5rem;border-radius:8px;border:none;background:#f8f5ff;font-family:Nunito,sans-serif;font-size:1.1rem;height:50px;margin-left:1px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#aaa;pointer-events:none;height:18px;width:18px}.clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer}.clear-icon{color:#aaa;height:18px;width:18px;transition:color .2s ease}.clear-search:hover .clear-icon{color:#555}.menu-items{list-style:none;padding:0;margin:0;flex-grow:1;color:#2c2829}.menu-items li{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.5rem;cursor:pointer;border-radius:8px;transition:background .2s}.menu-items li:hover{background-color:#ffc436;color:#231f20}.menu-items i{font-size:1.1rem}.menu-items li.active{background-color:#ffc436;color:#231f20;border-radius:8px}.bottom-actions{margin-top:auto;list-style:none;padding:0}.bottom-actions li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;padding:.75rem;cursor:pointer;color:#303030}.dark-mode-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.75rem;border-radius:12px;background-color:#f8f5ff;font-family:Nunito,sans-serif;font-weight:600;font-size:1rem;color:#303030;margin-top:.5rem}.dark-mode-left{display:flex;align-items:center;gap:.75rem}.dark-mode-toggle i{height:18px;width:18px;color:#555}.switch{position:relative;display:inline-block;width:32px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#231f20}input:checked+.slider:before{transform:translate(12px)}.logout-button{padding:8px 24px;border:2px solid #231F20;border-radius:21px;font-size:14px;background:transparent;font-family:Nunito,sans-serif;cursor:pointer;color:#231f20;margin-top:1rem}.logout-button:hover{background:#231f20;color:#fff}.content-wrapper{flex-grow:1;padding:20px;margin-right:-20px;background-color:#fff;overflow-y:auto;min-height:calc(100vh - 70px)}.course-area{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:0}.course-card{position:relative;background-color:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 12px #0000001a;transition:box-shadow .3s ease,transform .3s ease;cursor:pointer;height:320px}.course-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-6px)}.card-image{width:100%;height:160px;background-size:cover;background-position:center;background-repeat:no-repeat}.course-content{padding:16px 20px;display:flex;flex-direction:column;justify-content:space-between;flex:1}.course-title{font-weight:800;font-size:1.2rem;color:#303030;line-height:1.4}.course-duration{font-weight:700;font-size:.87rem;color:#303030;margin-top:6px}.course-duration:before{content:"🕒 "}.course-updated{font-weight:500;font-size:.75rem;color:#9a9a9a}.load-more-container{text-align:center;margin-top:2rem}.load-more-btn{background-color:transparent;border:2px solid #231F20;color:#231f20;padding:10px 30px;font-size:1rem;border-radius:24px;cursor:pointer;font-family:Nunito,sans-serif;font-weight:600}.load-more-btn:hover{background-color:#231f20;color:#fff}.ribbon{position:absolute;top:12px;right:0;padding:.25rem .75rem;color:#fff;font-weight:700;font-size:.75rem;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;z-index:10;text-transform:uppercase}.ribbon.not-started{background-color:#5f3dc4}.ribbon.in-progress{background-color:#f59f00}.ribbon.completed{background-color:#2b8a3e}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.dropdown-controls{display:flex;gap:1rem}.dropdown-button{background-color:#f8f5ff;border:none;padding:.6rem 1.2rem;border-radius:10px;font-family:Nunito,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center;width:125px}.button-content{display:flex;align-items:center;gap:.4rem}.dropdown-button:hover{background-color:#e6e2f0}.dropdown-menu{position:absolute;top:40px;right:0;color:#2c2829;background-color:#fff;min-width:160px;border-radius:10px;padding:.5rem 0;box-shadow:0 4px 10px #0000001a;z-index:1002;width:max-content}.filter-dropdown,.sort-dropdown{position:relative}.dropdown-menu li{padding:.5rem 1.2rem;font-size:.95rem;font-family:Nunito,sans-serif;cursor:pointer;display:flex;align-items:center;gap:.5rem}.dropdown-menu li:hover{background-color:#f0f0f0}.dot,.filter-dot{width:12px;height:12px;border-radius:50%}.dot{height:10px;width:10px;border-radius:50%;display:inline-block;margin-right:8px;background-color:#999}.filter-dot{border:2px solid #303030}.purple{background-color:#5f3dc4}.orange{background-color:#f59f00}.green{background-color:#2b8a3e}.mobile-dropdown-buttons{display:none}.dropdown-menu li.active-option{font-weight:700;background-color:#f0f0f0;color:#231f20}@media (max-width: 1050px){.course-area{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.toggle-container{visibility:hidden}}@media (max-width: 900px){.sidebar{position:fixed;top:70px;left:0;bottom:0;height:calc(100vh - 70px);width:70px;min-width:70px;background:#fff;z-index:1000;padding:20px;border-right:1px solid #eee;box-shadow:none;flex-shrink:0}.sidebar.expanded{width:280px;min-width:280px;box-shadow:2px 0 6px #0000001a;z-index:1001;transition:width .3s ease}.dashboard-container{padding-left:0}.content-wrapper{width:100%;padding:20px;margin-left:70px}.dropdown-controls{display:none}.toggle-container{padding:0 0 25px}.mobile-dropdown-buttons{display:flex;gap:.75rem;margin-left:auto;margin-top:.25rem}.icon-button{background-color:#f8f5ff;border:none;padding:.6rem;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0000000d;-webkit-appearance:none;-moz-appearance:none;appearance:none}.icon-button:hover{background-color:#e6e2f0}.icon-button svg{color:#231f20!important}.mobile-overlay{position:fixed;top:70px;left:0;right:0;bottom:0;background-color:#0006;z-index:900}.dropdown-menu.mobile-dropdown{top:120px;right:20px;left:auto;width:max-content}}@media (max-width: 600px){.course-area{grid-template-columns:1fr}.menu-items{font-size:15px}.menu-items li{padding:.6rem;margin-bottom:.2rem}.module-search{font-size:1rem}.bottom-actions{font-size:15px;padding:15px 0 30px}.bottom-actions li{padding:.4rem .6rem}.dark-mode-toggle{font-size:15px;margin-top:.3rem}.sidebar.collapsed .bottom-actions{padding:20px 0}}