body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-header{background-color:#282c34;justify-content:flex-start}nav{display:flex;gap:10px}.App-link{background-color:#61dafb;border:none;border-radius:5px;color:#282c34;transition:background-color .3s}.App-link:hover{background-color:#21a1f1;text-decoration:none}.App-header{background-color:#000;justify-content:space-between;margin-bottom:10px;padding:10px}.App-header,.logo-container{align-items:center;display:flex}.logo{height:70px}.nav-links{display:flex;gap:15px}.nav-profile{align-items:center;display:flex;position:relative}.App-link{background-color:#000;border:2px solid #d4af37;border-radius:25px;color:#fff;padding:10px 20px;text-decoration:none;transition:background-color .3s,border-color .3s}.App-link:hover{background-color:#d4af37;border-color:#d4af37;color:#000}.dropdown-menu{border-radius:5px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;min-width:200px}.nav-profile:hover .dropdown-menu{display:block}.dropdown-item{border-bottom:1px solid #444;margin:5px;padding:10px;text-decoration:none}.dropdown-item:last-child{border-bottom:none}.navbar{background-color:#000;border:2px solid #d4af37;border-radius:8px;margin:10px;overflow:visible;padding:1px}.main-categories{display:flex;list-style-type:none;margin:0;padding:0}.main-categories>li{border-radius:8px;color:#fff;display:inline-flex;line-height:1;margin:5px;padding:14px 16px;position:relative;text-align:center;text-decoration:none;transition:background-color .3s,color .3s}.main-categories>li:hover{background-color:#d4af37;color:#000;cursor:pointer}.sub-categories{background-color:#000;border:2px solid #d4af37;border-radius:8px;display:none;list-style-type:none;margin:0;min-width:160px;padding:0;position:absolute;top:35px;z-index:1000}.sub-categories>li{color:#fff;display:block;padding:12px 16px;text-align:left;text-decoration:none;transition:background-color .3s}.sub-categories>li:hover{background-color:#d4af37;color:#000}.sort-menu{display:flex;justify-content:flex-end;margin:20px;padding:5px}.sort-select{background-color:#000;border:2px solid #d4af37;border-radius:8px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:16px;padding:8px 12px;position:relative;transition:background-color .3s,color .3s,border-color .3s}.sort-select:hover{background-color:#d4af37;color:#000}.dropdown-menu{background-color:#000;border:2px solid #d4af37;border-radius:8px;display:none;position:absolute;right:0;top:100%;width:100%;z-index:1000}.dropdown-menu.open{display:block}.dropdown-item{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:15px;padding:10px 15px;transition:background-color .3s}.icon,.sort-icon{margin-right:8px}.sort-icon{color:#fff;font-size:15px}.dropdown-item:hover{background-color:#d4af37;color:#000}body{background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.course-details-container{background-color:#000;display:flex;justify-content:center;min-height:50vh;padding:20px}.course-card{height:380px!important;max-width:800px;padding:20px;text-align:left}.course-name{font-size:24px;margin-bottom:15px}.user-name{font-size:14px}.course-category-name{font-size:18px}.course-description{font-size:16px;margin-bottom:20px}.course-price,.course-time{font-size:16px;margin-bottom:15px}.course-score-container{gap:8px;margin-top:15px}.star.filled{color:#d4af37}.course-score{font-size:18px}.comments-section{margin-top:40px}.comment-card{background-color:#000!important;border:1px solid #ddd;border-radius:5px;color:#000;margin-bottom:15px}.user-info{align-self:flex-start;background-color:#000;border:1px solid #d4af37;border-radius:5px;color:#d4af37!important;margin-bottom:10px;padding:10px;text-align:left}.user-info p{margin:5px 0}.comment-score-container{gap:8px}.comment-score{font-size:25px!important;margin-left:8px}.comment-date{color:#666;font-size:14px;text-align:right;width:100%}.comment-description{font-style:italic;margin:30px 10px 10px}.comments-container{margin-top:20px}.course-card{height:370px;margin:-10px}.courses-container{gap:20px}.course-card{padding:10px;width:240px}.course-name{color:#d4af37;font-size:20px;font-weight:700;margin-bottom:10px}.user-name{color:#b3b3b3;font-size:12px;font-style:italic;font-weight:700;margin-bottom:20px}.course-category-name{color:#d4af37;font-size:14px;margin-bottom:15px}.course-description{color:#e0e0e0;font-size:13px;font-style:italic;margin-bottom:15px;text-align:center}.course-price,.course-time{color:#b3b3b3;font-size:14px;margin-bottom:10px}.course-score-container{align-items:center;display:flex;gap:5px;justify-content:center;margin-top:10px}.star{font-size:20px}.course-score{color:#fff;font-size:16px}.course-link{color:inherit;display:block;text-decoration:none}.header{align-items:center;background-color:#000;display:flex;justify-content:space-between;padding:10px}.search-container{background-color:#000;margin:20px;position:relative;width:1620px}.search-input{background-color:#000;border:2px solid #d4af37;border-radius:8px;color:#fff;padding:10px 10px 10px 40px;width:100%}.search-icon{color:#fff;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.course-card .progress-bar-container{background-color:#f0f0f0;border-radius:15px;height:20px;margin-top:10px;overflow:hidden;position:relative;width:100%}.course-card .progress-bar{background-color:#ef0!important;border-radius:5px;height:100%;transition:width .5s ease-in-out;width:0}.course-card .progress-text{color:#000;font-size:14px;margin-top:-11px;transform:translateY(-50%);white-space:nowrap;z-index:2}.register-container{background-color:#000;border:2px solid #d4af37;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:400px;padding:20px;width:100%}.register-title{color:#fff;font-size:24px;margin-bottom:20px;text-align:center}.register-form{display:flex;flex-direction:column}.radio-group{margin-bottom:20px}.radio-group label{margin-right:10px}.register-button{background-color:#000;border:2px solid #d4af37;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;text-align:center}.register-button:hover{background-color:#d4af37;color:#000}.login-container{background-color:#000;border:2px solid #d4af37;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:400px;padding:20px;width:100%}.login-title{color:#fff;font-size:24px;margin-bottom:20px;text-align:center}.login-form{display:flex;flex-direction:column}.login-form label{color:#fff;font-weight:700;margin-bottom:5px}.login-form input{margin-bottom:15px}.login-form button,.login-form input{background-color:#000;border:2px solid #d4af37;border-radius:4px;color:#fff;padding:10px}.login-form button{cursor:pointer;font-size:16px}.login-form button:hover{background-color:#d4af37;color:#000}.profile-page{color:#fff;text-align:left}.profile-page,.profile-page h1{background-color:#000;padding:20px}.profile-page h1{border-bottom:2px solid #d4af37;border-radius:8px;color:#d4af37;font-size:2.5rem;font-style:italic;margin-bottom:30px;text-align:center}.profile-page h1 strong{color:#fff;font-style:italic}.profile-container{background-color:#000;border:2px solid #d4af37;border-radius:8px;margin:auto;max-width:600px;padding:20px}.profile-container h1{color:#d4af37;font-size:2rem;font-style:italic;margin-bottom:20px}.profile-details p{font-size:1rem;margin:10px 0}.profile-details strong{color:#d4af37;display:inline-block;margin-right:10px}button{display:inline-block;font-size:16px;margin-top:10px;text-align:center}.edit-profile-form label{color:#fff;margin:5px 0}.edit-profile-form input{background-color:#000;border:2px solid #d4af37;border-radius:4px;color:#fff;margin-top:5px;padding:8px}.edit-profile-form button{background-color:#000;border:2px solid #d4af37;color:#fff;margin-top:20px}.edit-profile-form button:hover{background-color:#d4af37;color:#000}.edit-profile-button{background-color:#000;border:2px solid #d4af37;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin-bottom:10px;margin-left:1115px;margin-top:10px;padding:10px 20px;text-align:center;transition:background-color .3s,color .3s}.edit-profile-form{background-color:#000;border-radius:8px;color:#fff;margin:auto;max-width:600px;padding:20px}.edit-profile-form,.form-group{display:flex;flex-direction:column}.form-group input{box-sizing:border-box;color:#fff;width:100%}.form-group input,.radio-group{background-color:#000;border:2px solid #d4af37;border-radius:4px;padding:10px}.radio-group{display:flex;flex-direction:column}.radio-group legend{color:#fff;font-weight:700;margin-bottom:5px}.radio-group label{color:#fff;margin:5px 0}button{background-color:#000;border:2px solid #d4af37;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s,color .3s}button:hover{background-color:#d4af37;color:#000}.my-orders{display:flex;flex-direction:column;margin:15px;padding:5px}.transaction-card{background-color:#000!important;border:1px solid #d4af37;border-radius:5px;color:#fff;margin:10px;padding:20px;position:relative}.transaction-card h3{margin:0 0 .5rem}.transaction-card p{margin:.25rem 0}.log-container{background-color:#000;border-radius:8px;color:#fff;padding:20px}h2{margin-bottom:20px}.log-table{border-collapse:collapse;margin:0 auto;width:100%}.log-table td,.log-table th{background-color:#000;border:1px solid #d4af37;color:#fff;padding:8px;text-align:center}.log-table th{background-color:#000;color:#d4af37;width:-webkit-min-content;width:min-content}.log-table tr:nth-child(2n){background-color:#333}.log-table tr:hover{background-color:#444}.purchase-container{background-color:#000;border:2px solid #d4af37;border-radius:8px;color:#fff;margin:20px auto;max-width:600px;padding:20px}h2{color:#d4af37;font-size:24px;text-align:center}.payment-method{align-items:center;display:flex;margin:10px 0}.payment-method input{margin-right:10px}.confirm-button{background-color:#000;border:2px solid #d4af37;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:16px;margin-top:20px;padding:10px 20px;text-align:center;transition:background-color .3s,color .3s;width:100%}.confirm-button:hover{background-color:#d4af37;color:#000}.comments-container{background-color:#000;gap:20px;min-height:100vh;padding:20px}.comment-card,.comments-container{display:flex;flex-direction:column}.comment-card{align-items:center;background-color:#1e1e1e;border:2px solid #d4af37;border-radius:12px;box-shadow:0 4px 8px #0000004d;color:#fff;margin:80px;padding:15px;text-align:center;transition:transform .3s,box-shadow .3s}.comment-card:hover{box-shadow:0 6px 12px #00000080;transform:scale(1.05)}.comment-description{color:#e0e0e0;font-size:16px;margin-bottom:15px}.comment-score-container{align-items:center;display:flex;gap:5px;justify-content:center;margin-top:10px}.star{color:#d4af37;font-size:24px}.star.unfilled{color:#b3b3b3}.comment-score{color:#fff;font-size:18px;margin-left:5px}.comment-card{position:relative}.comment-actions{display:flex;gap:10px;position:absolute;right:10px;top:10px}.delete-icon,.edit-icon{color:#d4af37;cursor:pointer;font-size:larger}.delete-icon:hover,.edit-icon:hover{color:#fff}.comment-timestamps{align-self:flex-end;margin-top:10px}.edit-textarea{background-color:#000;border:2px solid gold!important;border:none;border-radius:8px;color:#fff;font-size:16px;height:300px;padding:10px;resize:vertical;width:1000px}.edit-score-container{border:2px solid gold!important;margin:10px 0}.cancel-button,.save-button{background-color:#000;border:2px solid gold!important;border:none;border-radius:8px;color:gold;cursor:pointer;font-size:14px;margin:10px;padding:10px 20px;transition:background-color .3s ease}.cancel-button:hover,.comment-container,.save-button:hover{background-color:#000;color:#fff}.comment-container{border:2px solid gold;border-radius:8px;margin:0 auto;max-width:600px;padding:20px}.comment-textarea{background-color:#333;border:2px solid gold;border-radius:4px;box-sizing:border-box;color:#fff;height:150px;padding:10px;resize:none;width:100%}.submit-button{background-color:gold;border:none;border-radius:4px;color:#000;font-size:16px}.submit-button:hover{background-color:#e5c100}.score-container{background-color:#000;border:2px solid gold;border-radius:8px;color:#fff;padding:20px;text-align:center}.stars{margin:20px 0}.star{color:grey;cursor:pointer;font-size:2em;transition:color .3s ease}.star.filled{color:gold}.submit-button{background-color:#000;border:2px solid gold;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px;transition:background-color .3s ease}.submit-button:hover{background-color:gold;color:#000}.courses-container{background-color:#000;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;min-height:100vh;padding:10px}.course-card-container{align-items:center;display:flex;flex-direction:column;height:420px;position:relative;width:240px}.course-card-actions{display:flex;gap:10px;justify-content:center;margin-top:10px}.delete-button,.edit-button{background:none;border:none;color:#d4af37;cursor:pointer;font-size:20px;transition:color .3s}.delete-button:hover,.edit-button:hover{color:#f28324}.add-course-button{margin-bottom:20px;margin-left:70px}.course-card{align-items:center;background-color:#000;border:2px solid #d4af37;border-radius:12px;box-shadow:0 4px 8px #0000004d;color:#fff;display:flex;flex-direction:column;text-align:center;transition:transform .3s,box-shadow .3s;.my-sale-courses-container{background-color:#000;color:#fff;margin:0 auto;max-width:1200px;padding:20px}.add-course-button{background-color:#000;border:2px solid #d4af37;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:20px;padding:10px 20px}.add-course-button:hover{background-color:#d4af37}.search-container{background-color:#000;margin:20px;position:relative;width:1620px}.search-input{background-color:#000;border:2px solid #d4af37;border-radius:8px;color:#fff;padding:10px 10px 10px 40px;width:100%}.search-icon{color:#fff;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.sort-menu-container{flex-shrink:0}.courses-container{display:flex;flex-wrap:wrap;gap:20px}.course-card-container{box-sizing:border-box;flex-basis:calc(33.333% - 20px);flex-grow:1;flex-shrink:1}.course-card-actions{display:flex;justify-content:space-between;margin-top:10px}.delete-button,.edit-button{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:10px}.delete-button,.edit-button{background-color:#000;border:2px solid #d4af37;color:#fff}.delete-button:hover,.edit-button:hover{background-color:#49217e!important}}.course-card:hover{box-shadow:0 6px 12px #00000080;transform:scale(1.05)}.my-sales{display:flex;flex-direction:column;margin:15px;padding:5px}.sale-card{background-color:#000!important;border:1px solid #d4af37;border-radius:5px;color:#fff;margin:10px;padding:20px;position:relative}.sale-card h3{margin:0 0 .5rem}.sale-card p{margin:.25rem 0}.status-icon{background:none;border:1px solid #413c3c;color:#ccc;cursor:pointer;font-size:24px;transition:color .3s,background-color .3s}.status-icon.active{color:#00ff15}.status-icon+.status-icon{margin-left:10px}.status-icon:hover{background-color:hsla(0,2%,47%,.521);color:#000}.head h1{background-color:#000;border-bottom:2px solid #d4af37;border-radius:8px;color:#d4af37;font-size:2.5rem;font-style:italic;margin-bottom:30px;padding:20px;text-align:center}.head h1 strong{color:#fff;font-style:italic}.add-course-container{background-color:#000;border:2px solid #d4af37;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#fff;margin:0 auto;max-width:800px;padding:20px}.add-course-container h1{margin-bottom:20px;text-align:center}.form-actions{justify-content:space-between}.cancel-btn,.submit-btn{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 20px}.cancel-btn:hover{background-color:#000}.edit-course-container{background-color:#000;border:2px solid #d4af37;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#fff;margin:0 auto;max-width:800px;padding:20px}.edit-course-container h1{margin-bottom:20px;text-align:center}.form-group{margin-bottom:15px}.form-group label{color:#fff;display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group textarea{background-color:#000;border:2px solid #d4af37;border-radius:4px;color:#fff;padding:10px}.form-group textarea{height:120px;resize:vertical}.form-actions{display:flex;justify-content:center;margin-top:20px}.submit-btn{margin-right:10px}.cancel-btn,.submit-btn{background-color:#000;border:2px solid #d4af37;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.cancel-btn:hover,.submit-btn:hover{background-color:#d4af37}.course-progress-container{background-color:#000;display:flex;flex-direction:column;gap:20px;margin:20px;min-height:100vh}.course-progress-card{background-color:#000;border:2px solid #d4af37;border-radius:12px;box-shadow:0 4px 8px #0000004d;color:#fff;margin:20px auto;max-width:800px;padding:20px;position:relative;transition:transform .3s,box-shadow .3s}.course-progress-card:hover{box-shadow:0 6px 12px #00000080;transform:scale(1.05)}.course-progress-title{margin-bottom:20px}.progress-input{box-sizing:border-box;color:#fff;font-size:16px;margin-bottom:20px;margin-top:20px;padding:10px;width:100%}.progress-input,.save-button{background-color:#000;border:2px solid gold;border-radius:8px}.save-button{color:gold;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.save-button:hover{background-color:gold;color:#000}.comment-timestamps{bottom:10px;color:#6e6c6c;font-size:12px;position:absolute;right:10px;text-align:right}
/*# sourceMappingURL=main.9292ff53.css.map*/