*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#11998e,#38ef7d);min-height:100vh;padding:20px}.app{width:90%;max-width:1200px;margin:0 auto;background:#fffffff2;border-radius:15px;box-shadow:0 10px 40px #0003;padding:30px;min-height:90vh}.header{text-align:center;padding:30px 20px;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border-radius:10px;margin-bottom:30px}.header h1{font-size:2.5rem;margin-bottom:10px}.header p{font-size:1.1rem;opacity:.9}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:12px 20px;border-radius:8px;margin-bottom:20px;text-align:center;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.stats{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px}.stats span{padding:8px 15px;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border-radius:20px;font-size:.9rem}.search-box{margin-bottom:20px}.search-box input{width:100%;padding:12px 20px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s}.search-box input:focus{outline:none;border-color:#11998e}.category-filter{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.category-filter span{font-weight:700;color:#333}.category-filter button{padding:8px 16px;border:2px solid #11998e;background:#fff;color:#11998e;border-radius:20px;cursor:pointer;transition:all .3s;font-size:.9rem}.category-filter button:hover{background:#11998e;color:#fff}.category-filter button.active{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border-color:transparent}.add-box{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap;padding:20px;background:#f8f9fa;border-radius:10px}.add-box input,.add-box select{flex:1;min-width:150px;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s}.add-box input:focus,.add-box select:focus{outline:none;border-color:#11998e}.add-box button{padding:12px 30px;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s}.add-box button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #11998e66}.course-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.empty-message{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#999;font-size:1.2rem}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 15px #0000001a;transition:transform .3s,box-shadow .3s;border:2px solid transparent}.card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026;border-color:#11998e}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.card h3{color:#333;font-size:1.3rem;margin:0}.category-tag{padding:4px 12px;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border-radius:15px;font-size:.8rem}.card-desc{color:#666;line-height:1.6;margin-bottom:15px;min-height:50px}.card-buttons{display:flex;gap:10px;flex-wrap:wrap}.card button{flex:1;min-width:70px;padding:10px 15px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s}.learn-btn{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.learn-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #11998e66}.edit-btn{background:#11998e;color:#fff}.edit-btn:hover{background:#0d7a70;transform:scale(1.05)}.delete-btn{background:#ff6b6b;color:#fff}.delete-btn:hover{background:#ee5a5a;transform:scale(1.05)}.card.editing{border:2px solid #11998e;background:#f0fffd}.edit-form{display:flex;flex-direction:column;gap:10px}.edit-form input{padding:10px 15px;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem}.edit-form input:focus{outline:none;border-color:#11998e}.button-group{display:flex;gap:10px}.save-btn{background:#28a745!important;color:#fff!important;flex:1}.save-btn:hover{background:#218838!important}.cancel-btn{background:#6c757d!important;color:#fff!important;flex:1}.cancel-btn:hover{background:#5a6268!important}.footer{text-align:center;padding:30px 20px;background:#f8f9fa;border-radius:10px;margin-top:30px}.footer p{color:#666;margin:5px 0}.footer p:first-child{font-weight:700;color:#333;font-size:1.1rem}@media (max-width: 768px){.app{width:95%;padding:15px}.header h1{font-size:1.8rem}.add-box{flex-direction:column}.add-box input,.add-box select,.add-box button{width:100%}.course-list{grid-template-columns:1fr}.stats{flex-direction:column;align-items:center}}