@charset "UTF-8";.navbar{display:flex;justify-content:space-between;align-items:center;padding:50px 20px;background-color:#20cd8d}.navbar .menu{display:flex;align-items:center}.navbar .menu .separator{height:50px;border-left:4px solid white;margin:0 15px;color:transparent;font-size:0}.navbar .menu a{color:#fff;text-decoration:none;margin:0 15px;font-weight:700}.navbar .logo{height:60px;display:flex;align-items:center;text-align:right;color:#fff;font-weight:900}.navbar .logo img{height:100%;width:auto}.navbar .nav-menu{font-size:58px;color:#ffde59}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#35b477;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1000;top:100%;left:0}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block;white-space:nowrap}.dropdown-content a:hover{background-color:#ffde59}.dropdown-btn{cursor:pointer;color:#35b477;margin:0 15px;font-weight:700;text-decoration:none;display:flex;align-items:center}.dropdown-btn .hover-text{display:none}.dropdown-btn:hover .hover-text{display:inline;margin-left:5px}.animated-sticker{width:50px;height:auto;display:block}.dropdown-content-grid{display:none;position:absolute;background-color:#35b477;width:300px;box-shadow:0 8px 16px #0003;z-index:1000;top:100%;right:0;grid-template-columns:1fr 1fr;gap:10px;padding:10px}.dropdown-content-grid a{color:#000;padding:12px 16px;text-decoration:none;display:flex;align-items:center;border-radius:4px;text-align:center;white-space:nowrap}.dropdown-content-grid a .material-symbols-outlined{margin-right:8px;font-size:18px}.dropdown-content-grid a:hover{background-color:#ffde59}.dropdown-content.show,.dropdown-content-grid.show{display:block}.dropdown-content-grid.show{display:grid}@media(max-width:768px){.navbar{flex-wrap:nowrap;padding:10px}.navbar .nav-menu{font-size:30px}.navbar .logo{height:35px}.navbar .menu a,.navbar .menu .separator{margin:0 5px}.dropdown-content-grid{width:60px;grid-template-columns:1fr;right:-10px;left:auto}.animated-sticker{width:30px}.dropdown-btn{position:relative}.dropdown-btn:hover .hover-text{display:block;position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#35b477;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;margin-left:0;z-index:1001}}html{height:100%;width:100%}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f0f0f0;width:100%;overflow-x:hidden}.header-section{display:flex;justify-content:space-between;align-items:center;padding:50px;background-color:#fff;text-align:left;width:100%;box-sizing:border-box;flex-wrap:wrap}.header-section .header-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-sizing:border-box;flex:1}.header-section .header-content h1{font-size:2.5rem;color:#333;margin-bottom:20px}.header-section .header-content .combined-input-container{background-color:transparent;padding:15px;width:100%;box-sizing:border-box;margin:0 0 20px;border:1px solid #ddd;border-radius:8px}.header-section .header-content .combined-input-container form,.header-section .header-content .combined-input-container .form-group{display:flex;flex-direction:column;gap:15px}.header-section .header-content .combined-input-container .form-group #input-content{width:100%}.header-section .header-content .combined-input-container .form-group .input-row{display:flex;flex-direction:row;gap:10px;width:100%}.header-section .header-content .combined-input-container .form-group .input-row select{flex:1;color:#35b477;text-align:center;background-position:right 10px center;background-repeat:no-repeat}.header-section .header-content .combined-input-container .form-group .input-row button{flex:0 0 80px;color:#35b477}.header-section .header-content .combined-input-container input,.header-section .header-content .combined-input-container select{padding:10px;border:none;border-radius:4px;font-size:16px;background-color:#fff;outline:none}.header-section .header-content .combined-input-container .placeholder-wrapper{position:relative;width:100%}.header-section .header-content .combined-input-container #input-content{background-color:transparent;margin-bottom:10px;border:none;outline:none;width:100%;margin-right:10px;box-sizing:border-box;position:relative;z-index:2}.header-section .header-content .combined-input-container #fake-placeholder{position:absolute;top:0;left:0;padding:10px;color:#aaa;pointer-events:none;z-index:1;white-space:nowrap}.header-section .header-content .combined-input-container #placeholder-dynamic{font-weight:700;color:#35b477}.header-section .header-content .combined-input-container #placeholder-dynamic:after{content:"|";animation:blink-caret 1s step-end infinite}@keyframes blink-caret{0%,to{color:transparent}50%{color:#35b477}}.header-section .header-content .combined-input-container .icon-button{background-color:transparent;color:#35b477;border:none;border-radius:4px;padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.header-section .header-content .combined-input-container .icon-button:hover{background-color:#fff}.header-section .header-content .combined-input-container .icon-button .material-symbols-outlined{font-size:24px}.header-section .header-image{width:80%;height:auto;border-radius:8px}.about-section{background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:50px;text-align:left;box-sizing:border-box}.about-section .about-image{height:auto;width:80%;border-radius:8px}.about-section .about-content .primary-button{background-color:#35b477;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border:none;border-radius:4px;cursor:pointer;max-width:200px}.about-section .about-content .primary-button .primary-button:hover{background-color:#0056b3}.about-section .about-content p{margin-bottom:20px;color:#555;line-height:1.6}.text-with-images{display:grid;grid-template-columns:1fr 1fr;column-gap:3rem;margin-bottom:3rem;position:relative}@media(max-width:600px){.text-with-images{grid-template-columns:1fr;column-gap:0}}.supportive-copy-section{padding:50px;background-color:#fff;text-align:center}.supportive-copy-section h2{font-size:2rem;color:#333;margin-bottom:20px;text-align:center}.supportive-copy-section .primary-button{background-color:#35b477;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border:none;border-radius:4px;cursor:pointer;max-width:200px}.supportive-copy-section .primary-button .primary-button:hover{background-color:#0056b3}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.feature{display:flex;align-items:center;background-color:#f9f9f9;padding:20px;border-radius:8px;text-align:left}.feature-icon{width:50px;margin-right:20px}.feature-text h3{font-size:1.5rem;color:#777;margin-bottom:20px}.feature-text p{color:#555;margin:0}.steps-section{padding:50px;background-color:#f9f9f9;text-align:center}.steps-section h2{font-size:2rem;color:#333;margin-bottom:20px;text-align:center}.steps-section h3{font-size:1.5rem;color:#777;margin-bottom:20px}.steps-section .primary-button{background-color:#35b477;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border:none;border-radius:4px;cursor:pointer;max-width:200px}.steps-section .primary-button .primary-button:hover{background-color:#0056b3}.steps-container{display:flex;justify-content:center;flex-wrap:wrap;position:relative}.step{position:relative;max-width:300px;text-align:center;margin:20px 10px;width:calc(33.33% - 40px)}.step .step-text h4{font-size:1.2rem;color:#333;margin-top:10px;margin-bottom:5px}.step .step-text p{color:#555;margin:0}.step .step-icon{width:60px;height:60px;background-color:#fff;border:8px solid #20cd8d;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:10px auto;font-size:1.2rem;font-weight:700;color:#20cd8d;position:relative;z-index:1}.ai-insights-section{padding:50px;background-color:#fff;text-align:center}.ai-insights-section h2{font-size:2rem;color:#333;margin-bottom:10px}.ai-insights-section p{font-size:1.2rem;color:#777;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.cta-section{padding:50px;background-color:#f9f9f9;display:flex;justify-content:center}.cta-section .cta-content{padding:2rem;max-width:1000px;display:flex;flex-direction:column;align-items:center}.cta-section .cta-content h2{font-size:2rem;color:#333;margin-bottom:20px;font-size:3rem;text-align:center}@media(max-width:768px){.cta-section .cta-content h2{font-size:2rem}}.cta-section .cta-content p{font-size:1.5rem;margin-bottom:2rem;color:#555;text-align:left}@media(max-width:768px){.cta-section .cta-content p{font-size:1.2rem}}.cta-section .cta-content .primary-button{background-color:#35b477;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border:none;border-radius:4px;cursor:pointer;max-width:200px}.cta-section .cta-content .primary-button .primary-button:hover{background-color:#0056b3}.ai-insights-container,.learner-stories-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ai-insight{text-align:left;max-width:90%;margin:20px 0}.ai-insight img{width:100%;height:auto;border-radius:8px;margin-bottom:15px}.ai-insight h3{font-size:1.5rem;color:#777;margin-bottom:20px}.ai-insight p{color:#555;margin:0}.learner-stories-section{padding:50px;background-color:#f9f9f9;text-align:center}.learner-stories-section h2{font-size:2rem;color:#333;margin-bottom:30px}.learner-story{text-align:left;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a}.learner-story h3{font-size:1.5rem;color:#777;margin-bottom:20px}.learner-story p{color:#555;margin:0}.learner-story .learner-image{width:100%;height:auto;border-radius:8px;margin-bottom:15px}.learner-story .expand-content{display:none;transition:max-height .2s ease-out}.learner-story .expand-button{background-color:#35b477;color:#fff;border:none;border-radius:4px;padding:10px 20px;cursor:pointer;margin-top:10px}.learner-story .expand-button:hover{background-color:#20cd8d}@media(min-width:1025px){.step:nth-child(4),.step:nth-child(5){width:calc(50% - 40px);margin-top:-5%}}@media(max-width:1024px){.features-grid,.steps-container,.ai-insights-container,.learner-stories-container{display:block;width:100%}.header-section{display:flex!important;flex-direction:column;padding:10px}.header-section .header-image,.header-section .header-content{width:100%;max-width:100%;text-align:center;padding:0}.header-section .header-image{order:1;margin-top:20px}.header-section .combined-input-container{width:100%;padding:10px;margin:10px 0}.header-section .combined-input-container .input-row{flex-wrap:wrap}.header-section .combined-input-container .input-row select,.header-section .combined-input-container .input-row button{width:100%;margin:5px 0}.about-section{display:flex!important;flex-direction:column}.about-section .about-image,.about-section .about-content{width:100%;max-width:100%;text-align:center;margin-left:0}.step{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;width:auto;margin:10px 0;max-width:100%}.step .step-text{order:2;flex:1;margin-left:20px}.step .step-icon{margin-left:0;order:1;flex-shrink:0}h1{font-size:1.75rem}h2{font-size:1.5rem}p{font-size:1.1rem;line-height:1.8}.primary-button{padding:12px 18px;font-size:1rem}.supportive-copy-section,.steps-section,.ai-insights-section,.learner-stories-section{padding:15px}.feature,.step,.ai-insight,.learner-story{margin-bottom:25px}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080}.modal .modal-content{background-color:#fefefe;margin:5% auto;padding:20px;border:1px solid #888;border-radius:8px;width:90%;max-width:600px;box-shadow:0 4px 6px #0000001a;max-height:90vh;overflow-y:auto}.modal .resource-input-section,.modal .resource-details-section{margin-bottom:20px;padding:15px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f9f9f9}.modal .resource-input-section h3,.modal .resource-details-section h3{margin:0 0 15px;color:var(--primary-color);font-size:16px}.modal .input-method-tabs{display:flex;gap:10px;margin-bottom:15px}.modal .tab-button{padding:8px 16px;border:2px solid var(--primary-color);background-color:#fff;color:var(--primary-color);border-radius:6px;cursor:pointer;transition:all .2s ease}.modal .tab-button.active,.modal .tab-button:hover{background-color:var(--primary-color);color:#fff}.modal .input-section{display:none}.modal .input-section.active{display:block}.secondary-button{background-color:#6c757d;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-left:10px}.secondary-button:hover{background-color:#5a6268}.form-group input,.form-group select,.form-group textarea{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;width:100%}.text-logo{font-size:2.5rem;font-weight:900;font-family:serif;color:#fff;display:inline-flex;align-items:center;-webkit-font-smoothing:antialiased}.text-logo span{font-size:1.3em;font-weight:900;margin-left:2px;background:linear-gradient(135deg,gold,#90ee90);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(3px 3px 0px rgba(180,160,0,.5)) drop-shadow(0 0 5px rgba(255,215,0,.9)) drop-shadow(0 0 15px rgba(144,238,144,.6))}.welcome-section{background-color:#fff}.welcome-section .welcome-container{display:flex;justify-content:space-between;align-items:center;min-height:100vh;padding:50px}.welcome-left{flex:1;max-width:45%}.welcome-left h1{font-size:2.5rem;color:#333;margin-bottom:20px}.welcome-left .btn-group{display:grid;grid-template-columns:1fr;align-items:center;margin-bottom:10px;padding-top:20px}.welcome-left .btn-group button{padding:15px 32px;font-size:16px;border:none;border-radius:4px;cursor:pointer;background-color:#20cd8d;margin-right:10px}.welcome-left .btn-group button .register,.welcome-left .btn-group button .sign-in{background-color:#20cd8d;color:#fff}.welcome-left .btn-group span{align-items:center;margin:40px 45%;font-size:16px}.welcome-left a.forgot-password{display:block;color:#007bff;text-decoration:none;margin-left:170px}.welcome-left a.forgot-password:hover{text-decoration:underline}.welcome-right{flex:1;max-width:45%}.welcome-right img{max-width:100%;border-radius:8px}h1{font-size:2.5rem;color:#333;margin-bottom:20px}@media(max-width:768px){.register-container,.welcome-container,.skill-build-container,.learning-activities-container{padding:15px;width:90%}.attach-button{width:50px;font-size:14px}}.library-container{padding:20px;max-width:1200px;margin:0 auto}.library-container .library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:10px}.library-container .library-header .search-bar{display:flex;gap:10px;flex:1}.library-container .library-header .search-bar input{padding:8px 15px;border:1px solid #ddd;border-radius:4px;width:100%;max-width:300px;height:40px;box-sizing:border-box}.library-container .library-header button{height:40px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.library-container .library-content{display:flex;flex-direction:column;gap:20px;height:calc(100vh - 140px);overflow-y:auto;min-height:500px}.library-container .folder-item{background:#ffde59;padding:25px 20px 20px;border-radius:12px;box-shadow:0 3px 8px #00000026;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;position:relative;border:2px solid #f0c53a;margin-top:15px}.library-container .folder-item:before{content:"";position:absolute;top:-15px;left:20px;width:80px;height:17px;background:#ffde59;border-radius:8px 8px 0 0;border:2px solid #f0c53a;border-bottom:none;box-shadow:0 -2px 4px #0000001a}.library-container .folder-item:after{content:"";position:absolute;top:-2px;left:100px;width:15px;height:4px;background:#f0c53a;border-radius:0 0 8px}.library-container .folder-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003;background:#ffe066}.library-container .folder-item:hover:before{background:#ffe066;box-shadow:0 -3px 6px #00000026}.library-container .folder-item.active{background:#ffe573;border-color:#20cd8d}.library-container .folder-item.active:before{background:#ffe573;border-color:#20cd8d}.library-container .folder-item.active:after{background:#20cd8d}.library-container .resource-item{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:flex-start;gap:8px;cursor:pointer;transition:transform .2s;width:100%;min-width:0;min-height:80px;height:auto;box-sizing:border-box;flex-shrink:0}.library-container .resource-item:hover{transform:translateY(-2px)}.library-container .folder-info,.library-container .resource-info{flex:1;min-width:0;max-width:75%;display:flex;flex-direction:column;gap:5px}.library-container .folder-info h3,.library-container .resource-info h3{line-height:1.3;display:flex;align-items:center;gap:8px;margin:0 0 0 -5px}.library-container .folder-info h3>.material-symbols-outlined,.library-container .resource-info h3>.material-symbols-outlined{font-size:20px;color:#20cd8d;flex-shrink:0}.library-container .resource-title{cursor:pointer;transition:color .2s ease;position:relative}.library-container .resource-title:hover{color:#20cd8d}.library-container .resource-title .title-text{cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .2s ease}.library-container .resource-title .title-text:hover{background-color:#f0f0f0}.library-container .resource-title .title-input{border:1px solid #20cd8d;border-radius:4px;padding:2px 4px;font-size:inherit;font-family:inherit;font-weight:inherit;background:#fff;min-width:200px;outline:none;display:none}.library-container .resource-title .title-input:focus{box-shadow:0 0 0 2px #20cd8d33}.library-container .folder-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.library-container .folder-item:hover .folder-actions{opacity:1}.library-container .folder-actions .icon-button{background:transparent;border:1px solid #20cd8d;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s ease;color:#20cd8d}.library-container .folder-actions .icon-button:hover{background:#20cd8d;color:#fff}.library-container .folder-actions .icon-button .material-symbols-outlined{font-size:18px}.library-container .tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px;width:100%;min-height:20px;box-sizing:border-box;position:relative;z-index:1}.library-container .tags .tag{background:#f0f0f0;padding:2px 8px;border-radius:12px;font-size:12px;color:#666;flex-shrink:0;white-space:nowrap;display:inline-flex;align-items:center;max-width:200px;overflow:hidden;text-overflow:ellipsis;line-height:1.2;min-height:16px;box-sizing:border-box}.library-container .tags .tag.saving{background-color:#ffc107;color:#333;animation:pulse 1s infinite}.library-container .tags .tag.success{background-color:#28a745;color:#fff;animation:fadeIn .3s}.library-container .tags .tag.error{background-color:#dc3545;color:#fff}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.library-container .resource-actions{display:flex;gap:8px;flex-shrink:0;align-items:center;margin-right:10px}.library-container .resource-actions .icon-button{background:transparent;border:1px solid #20cd8d;border-radius:8px;cursor:pointer;padding:8px;transition:all .2s ease;color:#20cd8d;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.library-container .resource-actions .icon-button:hover{background:#ffde59;color:#333;border-color:#ffde59}.library-container .resource-actions .icon-button.delete-resource:hover{background:#dc3545;color:#fff;border-color:#dc3545}.library-container .resource-actions .icon-button .material-symbols-outlined{font-size:18px}.library-container .resource-actions .icon-button:disabled{opacity:.6;cursor:not-allowed}.library-container .resource-actions .icon-button:disabled>.material-symbols-outlined{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.library-container .error-message{padding:15px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin:10px 0;text-align:center;font-size:14px}.library-container .loading-message{padding:15px;background-color:#d1ecf1;border:1px solid #bee5eb;border-radius:8px;color:#0c5460;margin:10px 0;text-align:center;font-size:14px}.library-container .loading-message:after{content:"...";animation:loading-dots 1.5s infinite}@keyframes loading-dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.file-selection-container{margin:15px 0}.file-selection-container .file-input-controls{display:flex;gap:10px;margin-bottom:15px}.file-selection-container .file-input-controls .small-button{background:#17a2b8;color:#fff;border:none;padding:4px 8px;border-radius:3px;font-size:12px;cursor:pointer}.file-selection-container .file-input-controls .small-button:hover{background:#138496}#file-preview-container{border:1px solid #dee2e6;border-radius:4px;padding:15px;background:#f8f9fa}#file-preview-container .file-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}#file-preview-container .file-preview-header h3{margin:0;font-size:16px;color:#333}#file-preview-container .file-preview-header .bulk-controls{display:flex;gap:5px}#file-list{max-height:200px;overflow-y:auto;margin-bottom:15px}#file-list .file-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:8px;border-bottom:1px solid #dee2e6}#file-list .file-item:last-child{border-bottom:none}#file-list .file-item input[type=checkbox]{margin:0}#file-list .file-item .file-name{font-weight:500;color:#495057;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#file-list .file-item .file-size{color:#6c757d;font-size:12px}#file-list .file-item .file-type{color:#6c757d;font-size:12px;background:#e9ecef;padding:2px 6px;border-radius:12px}#upload-summary{padding:10px;background:#e7f3ff;border-radius:4px;font-size:14px;color:#06c;text-align:center}#folders-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;margin-bottom:30px;padding:0 0 20px;border-bottom:2px solid #e0e0e0}#folders-container:empty{display:none}#resources-container{display:flex;flex-direction:column;gap:15px;padding:0;min-height:200px}.resources-section-header{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.resources-section-header h2{margin:0;color:#333;font-size:18px}#edit-tags-modal{z-index:9999!important}#edit-tags-modal .modal-content{background-color:#fefefe;margin:10% auto;padding:20px;border:1px solid #888;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 6px #0000001a}#edit-tags-modal .close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}#edit-tags-modal .close:hover,#edit-tags-modal .close:focus{color:#000;text-decoration:none}@media(max-width:768px){.library-container{padding:15px}.library-container .library-header{flex-direction:row;flex-wrap:wrap;align-items:center;gap:5px}.library-container .library-header h1{width:100%;margin-bottom:5px}.library-container .library-header .search-bar{flex:1 1 auto;min-width:0;width:0;flex-direction:row;align-items:center}.library-container .library-header .search-bar input{width:100%;min-width:0;max-width:none;box-sizing:border-box;height:40px;padding:0 8px;line-height:40px;margin:0}.library-container .library-header #add-resource,.library-container .library-header #create-folder{flex:0 0 auto;min-width:40px;width:auto;font-size:inherit;padding:0 8px;height:40px;margin:0}.library-container .library-header #add-resource:before,.library-container .library-header #create-folder:before{content:none}.library-container .library-content{grid-template-columns:1fr}.library-container .resource-item{flex-direction:column;align-items:flex-start;gap:10px;min-height:100px;padding:12px}.library-container .resource-item .resource-info{width:100%;max-width:100%}.library-container .resource-item .tags{width:100%;min-height:25px}.library-container .resource-item .tags .tag{max-width:none}.library-container .resource-item .resource-actions{width:100%;justify-content:flex-end;margin-right:0;padding-right:0;border-top:1px solid #eee;padding-top:10px;margin-top:5px}.library-container .resource-item .resource-actions .icon-button{min-width:36px;height:36px;padding:6px}.library-container .resource-item .resource-actions .icon-button>.material-symbols-outlined{font-size:16px}#folders-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(min-width:769px)and (max-width:1024px){#folders-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:480px){#folders-container{grid-template-columns:1fr}}.register-container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px;margin:20px auto}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#333}.form-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}.primary-button{background-color:#007bff;color:text-light;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:16px;width:100%}.primary-button:hover{background-color:#0056b3}h1{font-size:2.5rem;color:#333;margin-bottom:20px;text-align:center;padding:50px}.dashboard-container{display:flex;flex-direction:row;justify-content:space-between;width:100%;box-sizing:border-box}.recommendations-section,.dashboard-sections{flex:1;margin:10px}.dashboard-sections{padding-top:70px}.dashboard-row{display:flex;justify-content:space-between;width:100%}.dashboard-item{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center;padding:20px;margin:10px;flex:1;position:relative;cursor:pointer;transition:transform .3s ease;overflow:hidden}.dashboard-item h3{font-size:1.5rem;color:#777;margin-bottom:20px;margin-top:10px;z-index:1}.dashboard-icon{width:100px;height:50px;color:#35b477;font-size:58px!important;z-index:1}.dashboard-reverse{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#35b477;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.dashboard-reverse .waiting{font-size:24px;font-weight:700;margin-top:15px;color:#ffde59}.dashboard-item:hover .dashboard-reverse{opacity:1}@media(max-width:768px){h1{padding:20px;font-size:24px}.dashboard-container{flex-direction:column;padding:10px;gap:20px}.recommendations-section,.dashboard-sections{margin:0;width:100%}.dashboard-sections{padding-top:0}.dashboard-row{flex-direction:column;gap:15px}.dashboard-item{margin:0;width:100%;box-sizing:border-box}.dashboard-item a{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;gap:10px;text-decoration:none;color:inherit}.dashboard-item .dashboard-icon{width:auto;height:auto;margin:0;order:1}.dashboard-item h3{margin-top:0;margin-bottom:0;width:auto;order:2}.skill-dashboard,.dashboard-sections{order:unset;flex:unset}.recommendations-container{grid-template-columns:1fr}.dashboard-badges-row{flex-wrap:wrap;overflow-x:visible;justify-content:center}.dashboard-item .dashboard-reverse{position:relative;opacity:1;height:auto;min-height:auto;margin-top:15px;padding:10px;border-radius:8px;width:100%;order:3}}.recommendations-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.recommendation-card{background-color:#fff;border-left:5px solid #20cd8d;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000000d;text-align:left}.recommendation-card h4{font-size:1.2rem;color:#333;margin-top:0;margin-bottom:5px;color:#35b477}.recommendation-card p{margin:0;color:#555;font-size:.9rem}.dashboard-badges-section{width:100%;padding:15px;margin-bottom:20px;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box}.dashboard-badges-section h2{font-size:1.5rem;color:#333;margin-bottom:15px;margin-top:0}.dashboard-badges-row{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;margin-bottom:15px}.dashboard-stat-card,.dashboard-achievement-badge{background:#f8f9fa;padding:5px 10px;border-radius:8px;flex:0 0 auto;min-width:auto;text-align:left;display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px solid transparent;cursor:default;transition:transform .2s;gap:8px}.dashboard-stat-card:hover,.dashboard-achievement-badge:hover{border-color:#ccc;background-color:#f0f0f0;transform:translateY(-2px)}.dashboard-stat-card .dashboard-badge-icon,.dashboard-achievement-badge .dashboard-badge-icon{font-size:1.5rem;margin-bottom:0}.dashboard-stat-card .dashboard-stat-value,.dashboard-achievement-badge .dashboard-stat-value{font-size:1rem;font-weight:700;color:#35b477;display:flex;align-items:center}.dashboard-stat-card .dashboard-stat-label,.dashboard-stat-card .dashboard-badge-name,.dashboard-achievement-badge .dashboard-stat-label,.dashboard-achievement-badge .dashboard-badge-name{font-size:.9rem;color:#555;font-weight:500;white-space:nowrap}.dashboard-section-separator{font-size:24px;color:#ccc;margin:0 5px;flex:0 0 auto}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f0f0f0;width:100%}.container{display:flex;flex-direction:column;padding:20px;gap:20px;height:calc(100vh - 100px)}.content-wrapper{display:flex;gap:20px;width:100%;flex:1}@media(max-width:900px){.content-wrapper{flex-direction:column}}.content-wrapper .main-content{width:66.67%}@media(max-width:900px){.content-wrapper .main-content{width:100%}}.content-wrapper .main-content{border-radius:8px;padding:15px;text-align:center;background-color:#fff}.content-wrapper .main-content .primary-button{background-color:#35b477;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border:none;border-radius:4px;cursor:pointer;max-width:200px}.content-wrapper .main-content .primary-button .primary-button:hover{background-color:#0056b3}.content-wrapper .main-content #learning-activities{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:10px 0}@media(max-width:768px){.content-wrapper .main-content #learning-activities{grid-template-columns:1fr}}.content-wrapper .main-content #learning-activities .learning-activity-box{border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:15px;text-align:left;position:relative;background-color:#fff}.content-wrapper .main-content #learning-activities .learning-activity-box .activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.content-wrapper .main-content #learning-activities .learning-activity-box .activity-header .activity-icons-wrapper{display:flex;gap:5px;margin-right:10px;align-items:center}.content-wrapper .main-content #learning-activities .learning-activity-box .activity-header .activity-icons-wrapper .delivery-mode-icon{margin-left:5px;padding-left:8px;border-left:2px solid #eee}.content-wrapper .main-content #learning-activities .learning-activity-box .activity-header .activity-icon{font-size:24px;color:#20cd8d;cursor:help;position:relative}.content-wrapper .main-content #learning-activities .learning-activity-box .activity-header h3{font-size:1.5rem;color:#777;margin-bottom:20px}.content-wrapper .main-content #learning-activities .learning-activity-box .activity-buttons{display:flex;gap:10px;align-items:center}.content-wrapper .main-content #learning-activities .learning-activity-box .activity-buttons a{color:#20cd8d;text-decoration:none;font-weight:700;padding:0}.content-wrapper .main-content #learning-activities .learning-activity-box .activity-buttons a:hover{text-decoration:underline}.content-wrapper .main-content #learning-activities .learning-activity-box .edit-button{background-color:#20cd8d;color:#fff;border:none;border-radius:4px;padding:5px 10px;cursor:pointer}.content-wrapper .main-content #learning-activities .learning-activity-box .edit-button:hover{background-color:#19a16f}.content-wrapper .main-content #learning-activities .learning-activity-box .delete-button{background-color:#20cd8d;color:#fff;border:none;border-radius:4px;padding:5px 10px;cursor:pointer}.content-wrapper .main-content #learning-activities .learning-activity-box .delete-button:hover{background-color:#19a16f}.content-wrapper .main-content #learning-activities .learning-activity-box .progress-bar-container{width:100%;background-color:#efefef;border:none;border-radius:4px;overflow:hidden;margin:10px 0}.content-wrapper .main-content #learning-activities .learning-activity-box .progress-bar-container .progress-bar{height:10px;background-color:#20cd8d;border:none;border-radius:4px}.content-wrapper .main-content #learning-activities .learning-activity-box .edit-form{display:none;margin-top:10px}.content-wrapper .main-content #learning-activities .learning-activity-box .edit-form form{display:flex;flex-direction:column}.content-wrapper .main-content #learning-activities .learning-activity-box .edit-form form label{margin-top:10px}.content-wrapper .main-content #learning-activities .learning-activity-box .edit-form form input,.content-wrapper .main-content #learning-activities .learning-activity-box .edit-form form select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}.content-wrapper .main-content #learning-activities .learning-activity-box .edit-form form button{padding:10px 15px;border:none;border-radius:4px;cursor:pointer;margin-top:10px}.content-wrapper .main-content #learning-activities .learning-activity-box .edit-form form button:not(:last-child){margin-right:10px}.content-wrapper .main-content #learning-activities .learning-activity-box .edit-form form button.save-button{background-color:#20cd8d;color:#fff}.content-wrapper .main-content #learning-activities .learning-activity-box .edit-form form button.save-button:hover{background-color:#19a16f}.content-wrapper .main-content #learning-activities .learning-activity-box .edit-form form button.cancel-button{background-color:#ccc}.content-wrapper .main-content #learning-activities .learning-activity-box .edit-form form button.cancel-button:hover{background-color:#b3b3b3}.content-wrapper .main-content #learning-activities .learning-activity-box .edit-form .delivery-mode-container{margin-top:10px;margin-bottom:10px}.content-wrapper .main-content #learning-activities .learning-activity-box .edit-form .delivery-mode-container .delivery-options{display:flex;flex-direction:column;gap:5px}.content-wrapper .main-content #learning-activities .learning-activity-box .edit-form .delivery-mode-container .delivery-options label{font-weight:400;display:flex;align-items:center;gap:8px;margin-top:0}.content-wrapper .main-content #learning-activities .learning-activity-box .edit-form .delivery-mode-container .delivery-options label input{width:auto;margin:0}.content-wrapper .main-content #learning-activities .learning-activity-box .progress-satisfaction-container{display:flex;align-items:center;gap:10px}.content-wrapper .main-content #learning-activities .learning-activity-box .progress-satisfaction-container .progress-bar-container{flex-grow:1}.content-wrapper .main-content #learning-activities .learning-activity-box .progress-satisfaction-container .satisfaction-icon-container{flex-shrink:0}.content-wrapper .main-content #learning-activities .learning-activity-box .progress-satisfaction-container .satisfaction-icon-container .satisfaction-1{color:#dc3545}.content-wrapper .main-content #learning-activities .learning-activity-box .progress-satisfaction-container .satisfaction-icon-container .satisfaction-2{color:#fd7e14}.content-wrapper .main-content #learning-activities .learning-activity-box .progress-satisfaction-container .satisfaction-icon-container .satisfaction-3{color:#ffc107}.content-wrapper .main-content #learning-activities .learning-activity-box .progress-satisfaction-container .satisfaction-icon-container .satisfaction-4{color:#20c997}.content-wrapper .main-content #learning-activities .learning-activity-box .progress-satisfaction-container .satisfaction-icon-container .satisfaction-5{color:#28a745}.content-wrapper .main-content .edit-activity-section{margin:20px auto;max-width:600px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.content-wrapper .main-content .edit-activity-section form{display:flex;flex-direction:column;gap:10px}.content-wrapper .main-content .edit-activity-section input,.content-wrapper .main-content .edit-activity-section select{padding:8px;border:1px solid #ddd;border-radius:4px}.content-wrapper .main-content .edit-activity-section button{margin-top:10px}.content-wrapper .main-content .edit-activity-section .milestones-section{margin-top:20px;padding-top:15px;border-top:1px solid #eee}.content-wrapper .main-content .edit-activity-section .milestones-section h4{margin-bottom:10px;font-size:1.1em;color:#333}.content-wrapper .main-content .edit-activity-section .milestones-section .milestone-item{display:flex;gap:10px;align-items:center;margin-bottom:10px}.content-wrapper .main-content .edit-activity-section .milestones-section .milestone-item input{flex-grow:1}.content-wrapper .main-content .edit-activity-section .milestones-section .milestone-item .delete-milestone-btn{background:none;border:none;cursor:pointer;color:#dc3545;font-size:24px}.content-wrapper .right-content{width:33.33%}@media(max-width:900px){.content-wrapper .right-content{width:100%}}.content-wrapper .right-content{display:flex;flex-direction:column;gap:20px}.content-wrapper .right-content .schedule,.content-wrapper .right-content .recommendations{width:100%;border-radius:8px;padding:15px}.content-wrapper .right-content .schedule{padding-bottom:50px;background-color:#fff;text-align:center}.content-wrapper .right-content .schedule h2{font-size:2rem;color:#333;margin-bottom:20px;text-align:center}.content-wrapper .right-content .schedule .fc{border-radius:8px;box-shadow:0 4px 6px #0000001a}.content-wrapper .right-content .schedule #calendar{background:#f0f0f0;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:0}.content-wrapper .right-content .schedule #calendar .fc-header-toolbar{flex-wrap:wrap;display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.content-wrapper .right-content .schedule #calendar .fc-header-toolbar .fc-toolbar-chunk{margin:0;text-align:center}.content-wrapper .right-content .schedule #calendar .fc-header-toolbar .fc-button-group{display:inline-flex;justify-content:space-between;background-color:#20cd8d;align-items:center}.content-wrapper .right-content .schedule #calendar .fc-header-toolbar .fc-button{background-color:#20cd8d;border:none;font-size:.8em;padding:0}.content-wrapper .right-content .schedule #calendar .fc-header-toolbar .fc-button:hover{background-color:#19a16f}.content-wrapper .right-content .schedule #calendar .fc-header-toolbar .fc-toolbar-title{font-size:.8em}.content-wrapper .right-content .schedule #calendar .fc-event{background-color:#20cd8d;color:#fff;border:none;cursor:pointer}.content-wrapper .right-content .schedule .reminder-text.is-complete{text-decoration:line-through;color:#555;opacity:.7}.content-wrapper .right-content .schedule .reminder-text.missed-session{color:#dc3545;font-weight:700}.content-wrapper .right-content .recommendations .recommendation{padding:10px;margin-bottom:10px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;cursor:pointer}.content-wrapper .right-content .recommendations .recommendation h3{font-size:1.5rem;color:#777;margin-bottom:20px}.content-wrapper .right-content .recommendations .recommendation .recommendation-details{max-height:0;overflow:hidden;opacity:0;transition:all .3s ease}.content-wrapper .right-content .recommendations .recommendation .recommendation-details p{margin:5px 0;font-size:14px}.content-wrapper .right-content .recommendations .recommendation .recommendation-details .recommendation-link{display:inline-block;margin-top:10px;color:#20cd8d;text-decoration:none;font-weight:700}.content-wrapper .right-content .recommendations .recommendation .recommendation-details .recommendation-link:hover{text-decoration:underline}.content-wrapper .right-content .recommendations .recommendation:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.content-wrapper .right-content .recommendations .recommendation:hover .recommendation-details{max-height:200px;opacity:1;padding-top:10px}.content-wrapper .right-content .recommendations .recommendation .recommendation-feedback-actions{display:flex;gap:8px}.content-wrapper .right-content .recommendations .recommendation .feedback-btn{background-color:transparent;border:1px solid #20cd8d;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#20cd8d;cursor:pointer;transition:background-color .2s,color .2s}.content-wrapper .right-content .recommendations .recommendation .feedback-btn .material-symbols-outlined{font-size:20px}.content-wrapper .right-content .recommendations .recommendation .feedback-btn:hover{background-color:#e0e0e0}.content-wrapper .right-content .recommendations .recommendation .feedback-btn.active{background-color:#20cd8d;color:#fff;border-color:#20cd8d}.content-wrapper .right-content .recommendations .recommendation .feedback-btn:disabled{opacity:.6;cursor:not-allowed}.content-wrapper .right-content .recommendations .recommendation .dislike-reason-menu,.content-wrapper .right-content .recommendations .recommendation .like-action-menu{position:absolute;background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 8px #0000001a;z-index:10;min-width:150px}.content-wrapper .right-content .recommendations .recommendation .dislike-reason-menu ul,.content-wrapper .right-content .recommendations .recommendation .like-action-menu ul{list-style:none;margin:0;padding:5px 0}.content-wrapper .right-content .recommendations .recommendation .dislike-reason-menu li,.content-wrapper .right-content .recommendations .recommendation .like-action-menu li{padding:8px 12px;cursor:pointer}.content-wrapper .right-content .recommendations .recommendation .dislike-reason-menu li:hover,.content-wrapper .right-content .recommendations .recommendation .like-action-menu li:hover{background-color:#f0f0f0}.content-wrapper .right-content .recommendations .recommendation .dislike-reason-menu li .material-symbols-outlined,.content-wrapper .right-content .recommendations .recommendation .like-action-menu li .material-symbols-outlined{margin-right:8px;vertical-align:middle;font-size:20px}.content-wrapper .right-content .recommendations .recommendation .dislike-reason-menu li.action-saved,.content-wrapper .right-content .recommendations .recommendation .like-action-menu li.action-saved{color:#20cd8d;font-weight:700}.content-wrapper .right-content .recommendations .recommendation .recommendation-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.badge-gallery{display:flex;align-items:center;gap:20px;background-color:#fff;border:1px solid #ddd;width:100%;padding:15px;border-radius:8px}@media(max-width:600px){.badge-gallery{flex-direction:column;align-items:flex-start;gap:10px}}.badge-gallery h2{margin:0;flex-shrink:0}.badge-gallery #badges{display:flex;gap:10px;flex-wrap:wrap;overflow-x:visible;width:100%}.badge-gallery .badge{background-color:transparent;color:#333;box-shadow:none;display:inline-flex;align-items:center;gap:8px;padding:0;border-radius:0;margin:4px;transition:all .2s ease;flex:0 0 auto}.badge-gallery .badge .material-symbols-outlined{font-size:40px}.tools{display:flex;align-items:center;gap:20px;background-color:#ffde59;width:100%;padding:15px;border-radius:8px;height:auto;min-height:50px}@media(max-width:600px){.tools{flex-direction:column;align-items:flex-start;height:auto}}.tools h2{margin:0;flex-shrink:0}.tools #tools{display:flex;gap:10px;flex-wrap:wrap;overflow-x:visible;flex-grow:1;min-width:0;width:100%}.tools .tool{display:flex;align-items:center;flex:0 0 auto;position:relative}.tools .tool a{background-color:transparent;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;border:none;padding:0}.tools .tool a:hover{background-color:#0000001a}.tools .tool a .material-symbols-outlined{color:#333;font-size:24px}.tools .tool .tool-icon-img{width:24px;height:24px;object-fit:contain}.tools #add-tool-btn{background-color:#35b477;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border:none;border-radius:4px;cursor:pointer;max-width:200px}.tools #add-tool-btn .primary-button:hover{background-color:#0056b3}.tools #add-tool-btn{display:flex;align-items:center;justify-content:center;padding:10px;min-width:40px;height:40px;font-size:24px;line-height:1;border-radius:8px;max-width:40px}.schedule-section{padding:20px;background-color:#fff}.schedule-section h1{font-size:2.5rem;color:#333;margin-bottom:20px;text-align:center}.schedule-section .schedule-container,.schedule-section #calendar{margin:0 auto;max-width:900px}.schedule-section #schedule-form{background-color:#f0f0f0;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:none}.schedule-section .primary-button{background-color:#35b477;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border:none;border-radius:4px;cursor:pointer;max-width:200px}.schedule-section .primary-button .primary-button:hover{background-color:#0056b3}.schedule-section .import-calendar{flex-wrap:wrap;justify-content:space-between;padding:20px}.schedule-section .scheduled-events{margin-top:30px}.schedule-section .scheduled-events h2{font-size:2rem;color:#333;margin-bottom:20px;text-align:center}.schedule-section .scheduled-events ul{list-style:none;padding:20px}.schedule-section .scheduled-events .event-item{border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:10px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;border:1px solid #ccc}.schedule-section .scheduled-events .event-item .event-info{flex:1}.schedule-section .scheduled-events .event-item .edit-button,.schedule-section .scheduled-events .event-item .delete-button{background-color:#35b477;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border:none;border-radius:4px;cursor:pointer;max-width:200px}.schedule-section .scheduled-events .event-item .edit-button .primary-button:hover,.schedule-section .scheduled-events .event-item .delete-button .primary-button:hover{background-color:#0056b3}.schedule-section .scheduled-events .event-item .edit-button,.schedule-section .scheduled-events .event-item .delete-button{margin-left:10px}.fc{border-radius:8px;box-shadow:0 4px 6px #0000001a}#calendar{background:#f0f0f0;border-radius:8px;box-shadow:0 4px 6px #0000001a}#calendar .fc-header-toolbar{flex-wrap:wrap;justify-content:space-between}#calendar .fc-header-toolbar .fc-toolbar-chunk{margin:5px;text-align:center}#calendar .fc-header-toolbar .fc-button-group{display:inline-flex;justify-content:space-between;background-color:#20cd8d}#calendar .fc-header-toolbar .fc-button{background-color:#20cd8d;margin-right:5px;border:none}#calendar .fc-header-toolbar .fc-event{background-color:#20cd8d;color:#fff;border:none;cursor:pointer}.profile-container{display:flex;justify-content:space-between;padding:20px;width:100%;box-sizing:border-box}.profile-container .left-column{flex:1;max-width:25%;padding:20px;background-color:#fff;text-align:center;position:sticky;top:20px;align-self:flex-start;box-sizing:border-box}.profile-container .left-column .learner-picture{width:150px;height:150px;object-fit:cover;display:block;overflow:hidden;position:relative}.profile-container .left-column .social-media-icons{display:flex;justify-content:center;gap:10px;margin-top:10px}.profile-container .left-column .social-media-icons .social-icon{color:#20cd8d;font-size:24px;text-decoration:none}.profile-container .left-column #short-introduction{text-align:left;width:100%}.profile-container .left-column .editable-container div:has(ul){text-align:left;width:100%}.profile-container .left-column .editable-container ul{margin:0;padding:0;list-style:none}.profile-container .left-column .editable-container ul li{position:relative;padding-left:10px}.profile-container .left-column .editable-container ul li:before{content:"•";position:absolute;left:0}.profile-container .right-column{flex:3;max-width:75%;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.profile-container .right-column .manage-focus-btn{background-color:#35b477;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border:none;border-radius:4px;cursor:pointer;max-width:200px}.profile-container .right-column .manage-focus-btn .primary-button:hover{background-color:#0056b3}.profile-container .right-column .manage-focus-btn{display:flex;align-items:center;font-weight:400;white-space:nowrap}.profile-container .right-column .manage-focus-btn .material-symbols-outlined{font-size:20px;margin-right:5px}.profile-container .right-column #skillFormSection{display:none;position:fixed;z-index:1;padding-top:60px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#f0f0f0}.profile-container .right-column .close{color:#aaa;float:right;font-size:28px;font-weight:700}.profile-container .right-column .close:hover,.profile-container .right-column .close:focus{color:#000;text-decoration:none;cursor:pointer}.profile-container .right-column .focus-skills-list{max-height:300px;overflow-y:auto;margin:15px 0;border:1px solid #eee;padding:10px;border-radius:4px}.profile-container .right-column .skill-checkbox-group{margin-bottom:8px}.profile-container .right-column .skill-checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:400}.profile-container .right-column .skill-checkbox-label input{width:auto;margin-right:10px}.profile-container .right-column .skill-level-text{font-size:.8em;color:#666;margin-left:5px}.profile-container .right-column .form-actions{text-align:right;margin-top:15px}.profile-container .right-column .skill-trees-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.profile-container .right-column .skill-tree-card{background:#fff;border-radius:15px;padding:15px;box-shadow:0 4px 15px #0000001a;min-width:300px;flex:1 1 auto;max-width:600px;display:flex;flex-direction:column;position:relative;border:1px solid #eee}.profile-container .right-column .skill-tree-title{font-size:1.2rem;font-weight:700;color:#2c3e50;margin-bottom:10px;text-align:center;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.profile-container .right-column .tree-visual{position:relative;min-height:250px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(to top,#fff,#f9f9f9);border-radius:10px;padding:10px}.profile-container .right-column .tree-trunk{position:absolute;bottom:0;width:16px;height:100%;background:#795548;border-radius:4px;z-index:0;opacity:.6}.profile-container .right-column .tree-branch{width:100%;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;z-index:1;margin:5px 0;min-height:60px;position:relative}.profile-container .right-column .tree-branch:before{content:attr(data-level);position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.7rem;color:#999;font-weight:700;writing-mode:vertical-rl;text-orientation:mixed;opacity:.5}.profile-container .right-column .tree-branch.drop-hover{background-color:#20cd8d;border-radius:10px;outline:2px dashed #20cd8d}.profile-container .right-column .skill-fruit{padding:6px 12px;border-radius:20px;margin:4px;font-size:.85rem;color:#000;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0003;position:relative;display:inline-block;white-space:nowrap}.profile-container .right-column .skill-fruit .skill-options{background-color:#20cd8d;padding:5px;border-radius:10px;display:flex;align-items:center;gap:5px;color:#fff;position:absolute;top:100%;left:50%;transform:translate(-50%);white-space:nowrap;z-index:100}.profile-container .right-column .skill-fruit .skill-options .edit-icon,.profile-container .right-column .skill-fruit .skill-options .delete-icon{cursor:pointer;margin-left:10px;color:#fff!important}.profile-container .right-column .branch-novice .skill-fruit{background-color:#8bc34a;border:none}.profile-container .right-column .branch-intermediate .skill-fruit{background-color:#20cd8d;border:none}.profile-container .right-column .branch-advanced .skill-fruit{background-color:#ffde59;border:none}.profile-container .right-column .branch-expert .skill-fruit{background-color:#ff9800;border:none}.profile-show{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#ffde59}.profile-show div{display:flex;gap:10px;align-items:stretch}.profile-show div button{display:flex;align-items:center;justify-content:center}.primary-button{white-space:nowrap}.dashboard{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}.edit-icon,.delete-icon,.description-icon,.list-edit-icon{cursor:pointer;font-size:16px;color:#20cd8d;margin-left:10px}.editable-container{display:flex;align-items:center;justify-content:center}.learning-outcomes-section{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-top:20px}h2{font-size:2rem;color:#333;margin-bottom:20px;text-align:center}h3{font-size:1.5rem;color:#777;margin-bottom:20px;text-align:left}.certifications-container,.products-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;width:100%;align-items:stretch}.certifications-container .outcome-box,.products-container .outcome-box{display:flex;flex:0 0 300px;max-width:300px;padding:15px;background:#fff;border:5px solid #FFDE59;box-sizing:border-box;min-height:100px;margin:10px}.certifications-container .outcome-box .outcome-content,.products-container .outcome-box .outcome-content{display:flex;flex-direction:column;padding:10px;width:100%;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word}.certifications-container .outcome-box .outcome-actions,.products-container .outcome-box .outcome-actions{display:flex;gap:10px;align-items:center;position:relative;z-index:1}.certifications-container .outcome-box .outcome-actions .material-symbols-outlined,.products-container .outcome-box .outcome-actions .material-symbols-outlined{cursor:pointer;color:#20cd8d}.certifications-container .outcome-box .outcome-actions .material-symbols-outlined:hover,.products-container .outcome-box .outcome-actions .material-symbols-outlined:hover{color:#19a16f}.pdf-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.primary-button{background-color:#35b477;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border:none;border-radius:4px;cursor:pointer;max-width:200px}.primary-button .primary-button:hover{background-color:#0056b3}.primary-button{align-self:center;white-space:nowrap}.lj-hero-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:20px}.lj-metric-card{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center;border-top:4px solid #ccc}.lj-metric-title{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.lj-metric-value{font-size:1.5rem;font-weight:700;color:#333}.lj-metric-sub{font-size:.75rem;color:#888;margin-top:3px}.lj-card-purple{border-top-color:#9b59b6}.lj-card-blue{border-top-color:#3498db}.lj-card-green{border-top-color:#2ecc71}.lj-card-orange{border-top-color:#e67e22}.lj-card-red{border-top-color:#e74c3c}.lj-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.lj-chart-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #eee}.lj-chart-card h3{font-size:1rem;color:#2c3e50;margin-bottom:15px;text-align:center}.lj-chart-card .chart-wrapper{position:relative;height:250px;width:100%}.lj-heatmap-section{margin-top:20px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #eee}.lj-heatmap-section h3{font-size:1rem;color:#2c3e50;margin-bottom:15px;text-align:center}.heatmap-grid{display:grid;grid-template-rows:repeat(7,12px);grid-auto-flow:column;gap:4px;overflow-x:auto;padding:5px;justify-content:center}.heatmap-cell{width:12px;height:12px;border-radius:2px;background-color:#ebedf0}.heatmap-cell:hover{border:1px solid rgba(0,0,0,.2)}.heatmap-cell.level-0{background-color:#ebedf0}.heatmap-cell.level-1{background-color:#9be9a8}.heatmap-cell.level-2{background-color:#40c463}.heatmap-cell.level-3{background-color:#30a14e}.heatmap-cell.level-4{background-color:#216e39}.lj-badges-section{margin:20px 20px 0;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #eee}.lj-badges-section h3{font-size:1rem;color:#2c3e50;margin-bottom:15px;text-align:center}.lj-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px;justify-items:center}.lj-badge-card{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:8px;background-color:#f8f9fa;width:100%;text-align:center;border:1px solid transparent;cursor:default}.lj-badge-card:hover{border-color:#ccc;background-color:#f0f0f0}.lj-badge-card.locked{opacity:.5;filter:grayscale(100%)}.lj-badge-icon{font-size:2rem;margin-bottom:5px}.lj-badge-name{font-size:.8rem;color:#555;font-weight:500}@media(max-width:1024px){.profile-container{flex-direction:column;padding:10px}.profile-container .left-column{max-width:100%;width:100%;position:static;margin-bottom:20px}.profile-container .right-column{max-width:100%;width:100%}.profile-show{flex-direction:column;gap:15px}.profile-show div{justify-content:center;width:100%}.profile-show div button{flex:1}.primary-button{white-space:normal;margin-top:10px}.certifications-container .outcome-box,.products-container .outcome-box{flex:0 0 calc(50% - 10px);max-width:calc(50% - 10px);margin:0}}@media(max-width:480px){.profile-container .right-column .skill-tree-card{min-width:100%}.lj-charts-grid{grid-template-columns:1fr}.certifications-container .outcome-box,.products-container .outcome-box{flex:0 0 100%;max-width:100%}}.admin-container{padding:20px;max-width:1200px;margin:0 auto}.user-management table{width:100%;border-collapse:collapse;margin-top:20px}.user-management th,.user-management td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.user-management th{background-color:#f5f5f5;font-weight:700}.danger-button{background-color:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.danger-button:hover{background-color:#c82333}.footer{background-color:#35b477;color:#fff;padding:40px 20px;width:100vw;position:relative;left:50%;margin-left:-50vw;box-sizing:border-box;margin-top:auto}.footer .footer-container{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-around;gap:30px;align-items:start;text-align:left}.footer .footer-column h4{font-size:1.2rem;color:#333;margin-top:10px;color:#fff;margin-bottom:15px}.footer .footer-column ul{list-style:none;padding:0;margin:30px 0}.footer .footer-column li{margin-bottom:10px}.footer .footer-column a{color:#fff;text-decoration:none;transition:color .2s ease-in-out}.footer .footer-column a:hover{color:#20cd8d;text-decoration:underline}.footer .footer-column a i{margin-right:8px;color:#fff}.footer .footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding-top:20px;margin-top:20px;border-top:1px solid rgb(80.4077253219,203.5922746781,144.4248927039)}.footer .footer-bottom h4{margin:0}.footer .footer-bottom ul{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;list-style-type:none;padding:0;margin:0}.footer .social-icons{display:flex;gap:1.25rem;margin-bottom:1.5rem}.footer .social-icons a{text-decoration:none;transition:all .2s ease-in-out}.footer .social-icons a i{font-size:1.5rem;color:#fff;transition:all .2s ease-in-out}@media(max-width:768px){.footer .footer-container,.footer .footer-column{text-align:center}}.about-header{position:relative;width:100%;min-height:350px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}.about-header .about-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;filter:brightness(1.05)}.about-header .header-content{position:relative;z-index:1;padding:20px;max-width:1200px}.about-header p{font-size:1.3rem;margin:0;white-space:nowrap;transform:translateY(40px)}.about-intro{max-width:1200px;margin:0 auto;padding:60px 20px;text-align:center}.about-intro h1{font-size:2.5rem;color:#333;margin-bottom:20px}.about-intro h2{font-size:2rem;color:#333;margin-bottom:20px;text-align:center}.about-intro p{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto;text-align:left}.about-intro a{color:#20cd8d;text-decoration:none;font-weight:700;transition:color .3s ease}.about-intro a:hover{color:#ffde59;text-decoration:none}.about-intro .values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;text-align:left;max-width:1000px;margin:0 auto 3rem}.about-intro .value-item{background:#f8f9fa;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000000d}.about-intro .value-item h3{font-size:1.5rem;color:#777;margin-bottom:10px}.about-intro .value-item p{font-size:1rem;color:#666;margin:0;line-height:1.6}.about-intro .team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px}.about-intro .team-member{text-align:center;padding:30px;border-radius:15px;background-color:#fff;box-shadow:0 10px 30px #00000014;transition:transform .3s ease}.about-intro .team-member:hover{transform:translateY(-10px)}.about-intro .team-member div:first-child{width:100px;height:100px;background-color:#35b477;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem}.about-intro .team-member h3{font-size:1.5rem;color:#777;margin-bottom:20px}.about-intro .team-member p{font-size:1rem;color:#666;margin:0}.about-intro .cta-list{list-style:none;padding:0;max-width:800px;margin:0 auto;text-align:left}.about-intro .cta-list li{font-size:1.1rem;margin-bottom:12px;color:#555}@media(max-width:768px){.about-header{min-height:auto;padding:50px 0}.about-header p{white-space:normal;font-size:1rem;transform:none;margin-top:20px}.about-intro .values-grid{grid-template-columns:1fr}}