.dashboard-container{color:#222;background:#f9fbfd;padding:20px 40px}.topbar{justify-content:flex-start;gap:10px;margin-bottom:20px;display:flex}.search-bar{border:1px solid #ddd;border-radius:6px;flex:1;padding:10px 15px}.search-btn{color:#fff;cursor:pointer;background:#2f6fed;border:none;border-radius:6px;padding:10px 18px}.youtube-icon,.action-icon{vertical-align:middle;color:#2f6fed;cursor:pointer;justify-content:center;align-items:center;margin-right:8px;font-size:18px;display:inline-flex}.youtube-icon{color:red}.tabs{border-bottom:1px solid #ddd;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding-bottom:10px;display:flex}.tabs span{cursor:pointer;color:#555;font-weight:500}.tabs .active{color:#2f6fed;border-bottom:2px solid #2f6fed;padding-bottom:5px}.section{margin-bottom:40px}.section h2{flex-wrap:wrap;align-items:center;gap:10px;font-size:20px;font-weight:500;display:flex}.section-desc{color:#666;margin:5px 0 20px;font-size:14px}.badge1{color:#2f6fed;background:#eef2ff;border-radius:10px;margin:0;padding:2px 8px;font-size:12px}.custom-table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden}.custom-table th,.custom-table td{border-bottom:1px solid #eee;padding:14px 20px;font-size:14px}.custom-table th{text-align:left;background:#f3f5f9;font-weight:600}.action-icon{cursor:pointer;margin-right:12px;font-size:16px}.card{background:#fff;border:1px solid #eee;border-radius:10px;flex-wrap:wrap;align-items:flex-start;gap:15px;padding:20px;display:flex;position:relative}.folder-icon{color:#2f6fed;font-size:32px}.card-footer{gap:15px;font-size:13px;display:flex;position:absolute;bottom:15px;right:20px}.card-footer a{color:#2f6fed;font-weight:500;text-decoration:none}.support-btn{color:#fff;cursor:pointer;background:#2f6fed;border:none;border-radius:30px;padding:12px 20px;font-size:14px;position:fixed;bottom:20px;right:20px}.section-header{justify-content:space-between;align-items:center;display:flex}.add-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:8px 14px;font-weight:500;transition:background .2s}.add-btn:hover{background:#4338ca}.modal{background:#fff;border-radius:10px;width:400px;max-width:90%;padding:20px;box-shadow:0 4px 10px rgba(0,0,0,.2)}.modal h3{margin-bottom:15px}.modal label{margin-top:10px;margin-bottom:6px;font-weight:600;display:block}.modal input,.modal textarea{border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:10px;padding:8px}.modal textarea{resize:none;height:80px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.save-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:8px 14px}.cancel-btn{color:#333;cursor:pointer;background:#e5e7eb;border:none;border-radius:6px;padding:8px 14px}.video-modal{background:#fff;border-radius:8px;width:90%;max-width:700px;padding:12px}.modal-overlay{z-index:9999;background:rgba(0,0,0,.6);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:24px;animation:.3s fadeInUp;box-shadow:0 8px 24px rgba(0,0,0,.2)}.modal h3{color:#222;margin-bottom:10px;font-size:20px;font-weight:600}.modal p{color:#555;margin-bottom:20px;font-size:15px}.modal-actions{justify-content:end;gap:12px;display:flex}.delete-btn{color:#fff;cursor:pointer;background:#e63946;border:none;border-radius:8px;padding:10px 18px;font-weight:500;transition:all .2s}.delete-btn:hover{background:#c82333}.cancel-btn{color:#333;cursor:pointer;background:#f1f1f1;border:none;border-radius:8px;padding:10px 18px;font-weight:500;transition:all .2s}.cancel-btn:hover{background:#ddd}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.dashboard-container{padding:15px 20px}.custom-table th,.custom-table td{padding:12px 14px;font-size:13px}.card{flex-direction:column;align-items:flex-start;padding-bottom:50px}.card-footer{bottom:unset;right:unset;justify-content:space-between;width:100%;margin-top:10px;position:relative}}@media (max-width:768px){.topbar{flex-direction:column}.search-btn{width:100%}.custom-table{white-space:nowrap;display:block;overflow-x:auto}.card{padding:15px}.support-btn{padding:10px 16px;font-size:12px}}@media (max-width:480px){.section h2{font-size:16px}.section-desc{font-size:12px}.custom-table th,.custom-table td{padding:10px;font-size:12px}.card-footer{font-size:12px}}