/* Ben1Music Production CSS - Minified */
:root{--malawi-red:#C8102E;--malawi-green:#007A33;--malawi-black:#000000;--malawi-gold:#FFD700;--malawi-white:#FFFFFF;--primary-color:var(--malawi-red);--secondary-color:var(--malawi-green);--accent-color:var(--malawi-gold);--text-dark:#333;--text-light:#666;--bg-light:#f8f9fa;--border-color:#dee2e6;--shadow:0 2px 10px rgba(0,0,0,0.1);--border-radius:8px;--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--bg-light)}.container{max-width:1200px;margin:0 auto;padding:0 15px}.btn{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;text-decoration:none;border-radius:var(--border-radius);border:none;cursor:pointer;transition:var(--transition);font-weight:500;text-align:center}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.2)}.btn-secondary{background:var(--text-light);color:white}.btn-outline{border:2px solid var(--primary-color);background:transparent;color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:white}.card{background:white;border-radius:var(--border-radius);box-shadow:var(--shadow);padding:20px;margin-bottom:20px}.card-header{background:var(--primary-color);color:white;padding:15px 20px;margin:-20px -20px 20px -20px;border-radius:var(--border-radius) var(--border-radius) 0 0}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:5px;font-weight:500;color:var(--text-dark)}.form-control{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:16px;transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(200,16,46,0.1)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:0.25rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-0{margin-top:0}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.p-0{padding:0}.p-1{padding:0.25rem}.p-2{padding:0.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-inline{display:inline}.d-inline-block{display:inline-block}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.flex-wrap{flex-wrap:wrap}.w-100{width:100%}.h-100{height:100%}.position-relative{position:relative}.position-absolute{position:absolute}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-muted{color:var(--text-light)}.text-white{color:white}.bg-primary{background-color:var(--primary-color)}.bg-secondary{background-color:var(--secondary-color)}.bg-light{background-color:var(--bg-light)}.bg-white{background-color:white}.border{border:1px solid var(--border-color)}.border-0{border:0}.rounded{border-radius:var(--border-radius)}.shadow{box-shadow:var(--shadow)}.navbar{background:white;box-shadow:var(--shadow);padding:15px 0}.navbar-brand{font-size:24px;font-weight:bold;color:var(--primary-color);text-decoration:none}.navbar-nav{display:flex;list-style:none;margin:0;padding:0}.navbar-nav li{margin:0 15px}.navbar-nav a{color:var(--text-dark);text-decoration:none;font-weight:500;transition:var(--transition)}.navbar-nav a:hover{color:var(--primary-color)}.hero{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;padding:80px 0;text-align:center}.hero h1{font-size:48px;margin-bottom:20px;font-weight:bold}.hero p{font-size:20px;margin-bottom:30px;opacity:0.9}.section{padding:60px 0}.section-title{font-size:36px;text-align:center;margin-bottom:50px;color:var(--text-dark)}.section-subtitle{font-size:18px;text-align:center;margin-bottom:50px;color:var(--text-light)}.footer{background:var(--text-dark);color:white;padding:40px 0;text-align:center}.footer a{color:white;text-decoration:none}.footer a:hover{color:var(--accent-color)}.alert{padding:15px;border-radius:var(--border-radius);margin-bottom:20px}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.table{width:100%;border-collapse:collapse;margin-bottom:20px}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.table th{background-color:var(--bg-light);font-weight:600}.table-striped tbody tr:nth-child(odd){background-color:var(--bg-light)}.badge{display:inline-block;padding:4px 8px;font-size:12px;font-weight:500;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--border-radius)}.badge-primary{background-color:var(--primary-color);color:white}.badge-secondary{background-color:var(--text-light);color:white}.badge-success{background-color:var(--secondary-color);color:white}.badge-danger{background-color:#dc3545;color:white}.badge-warning{background-color:#ffc107;color:#212529}.badge-info{background-color:#17a2b8;color:white}.badge-light{background-color:var(--bg-light);color:var(--text-dark)}.badge-dark{background-color:var(--text-dark);color:white}@media (max-width:768px){.container{padding:0 10px}.hero h1{font-size:36px}.hero p{font-size:18px}.section{padding:40px 0}.section-title{font-size:28px}.navbar-nav{flex-direction:column;text-align:center}.navbar-nav li{margin:5px 0}.table{font-size:14px}.table th,.table td{padding:8px}}.music-card{background:white;border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;transition:var(--transition);margin-bottom:20px}.music-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px rgba(0,0,0,0.15)}.music-card img{width:100%;height:200px;object-fit:cover}.music-card-body{padding:20px}.music-card-title{font-size:18px;font-weight:600;margin-bottom:10px;color:var(--text-dark)}.music-card-text{color:var(--text-light);margin-bottom:15px}.blog-card{background:white;border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;transition:var(--transition);margin-bottom:20px}.blog-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}.blog-card img{width:100%;height:250px;object-fit:cover}.blog-card-body{padding:25px}.blog-card-title{font-size:20px;font-weight:600;margin-bottom:15px;color:var(--text-dark)}.blog-card-text{color:var(--text-light);margin-bottom:20px;line-height:1.6}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid var(--border-color)}.blog-card-category{background:var(--primary-color);color:white;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.blog-card-date{color:var(--text-light);font-size:14px}.sidebar-card{background:white;border-radius:var(--border-radius);box-shadow:var(--shadow);padding:20px;margin-bottom:20px}.sidebar-card-header{font-size:18px;font-weight:600;margin-bottom:15px;color:var(--text-dark);padding-bottom:10px;border-bottom:2px solid var(--primary-color)}.recent-post-item{display:flex;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.recent-post-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.recent-post-image{width:60px;height:60px;border-radius:var(--border-radius);object-fit:cover;margin-right:15px}.recent-post-content{flex:1}.recent-post-content h6{font-size:14px;font-weight:600;margin-bottom:5px;color:var(--text-dark)}.recent-post-content small{color:var(--text-light);font-size:12px}.loading{text-align:center;padding:40px;color:var(--text-light)}.loading::after{content:'';display:inline-block;width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-left:10px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.fade-in{animation:fadeIn 0.5s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn 0.5s ease-out}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.bounce{animation:bounce 1s infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.gradient-text{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-effect{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)}.hover-lift{transition:var(--transition)}.hover-lift:hover{transform:translateY(-5px)}.text-gradient{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-gradient{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;color:white}.btn-gradient:hover{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color))}.card-hover{transition:var(--transition)}.card-hover:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,0.15)}.admin-sidebar{background:var(--text-dark);color:white;min-height:100vh;padding:20px 0}.admin-sidebar .nav-link{color:rgba(255,255,255,0.8);padding:12px 20px;text-decoration:none;display:block;transition:var(--transition)}.admin-sidebar .nav-link:hover{color:white;background:rgba(255,255,255,0.1)}.admin-sidebar .nav-link.active{color:white;background:var(--primary-color)}.admin-content{padding:20px;background:var(--bg-light);min-height:100vh}.stats-card{background:white;border-radius:var(--border-radius);box-shadow:var(--shadow);padding:25px;text-align:center;border-left:4px solid var(--primary-color)}.stats-card h3{font-size:36px;font-weight:bold;color:var(--primary-color);margin-bottom:10px}.stats-card p{color:var(--text-light);margin:0}.chart-container{background:white;border-radius:var(--border-radius);box-shadow:var(--shadow);padding:25px;margin-bottom:20px}.form-floating{position:relative}.form-floating .form-control{padding-top:1.625rem;padding-bottom:0.625rem}.form-floating label{position:absolute;top:0;left:0;height:100%;padding:1rem 0.75rem;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity 0.1s ease-in-out,transform 0.1s ease-in-out}.form-floating .form-control:focus~label,.form-floating .form-control:not(:placeholder-shown)~label{opacity:0.65;transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}.toast{position:fixed;top:20px;right:20px;background:white;border-radius:var(--border-radius);box-shadow:var(--shadow);padding:15px 20px;z-index:1050;min-width:300px;transform:translateX(100%);transition:var(--transition)}.toast.show{transform:translateX(0)}.toast-header{display:flex;align-items:center;margin-bottom:10px}.toast-title{font-weight:600;margin-right:10px}.toast-close{background:none;border:none;font-size:20px;cursor:pointer;margin-left:auto}.toast-body{color:var(--text-dark)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1050;display:none;align-items:center;justify-content:center}.modal.show{display:flex}.modal-dialog{background:white;border-radius:var(--border-radius);max-width:500px;width:90%;max-height:90%;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-color)}.modal-title{font-size:18px;font-weight:600;margin:0}.modal-close{background:none;border:none;font-size:24px;cursor:pointer}.modal-body{padding:20px}.modal-footer{padding:20px;border-top:1px solid var(--border-color);text-align:right}.modal-footer .btn{margin-left:10px}.dropdown{position:relative;display:inline-block}.dropdown-toggle{cursor:pointer}.dropdown-menu{position:absolute;top:100%;left:0;background:white;border-radius:var(--border-radius);box-shadow:var(--shadow);min-width:200px;z-index:1000;display:none}.dropdown-menu.show{display:block}.dropdown-item{display:block;padding:10px 15px;color:var(--text-dark);text-decoration:none;transition:var(--transition)}.dropdown-item:hover{background:var(--bg-light);color:var(--text-dark)}.pagination{display:flex;justify-content:center;list-style:none;margin:20px 0;padding:0}.pagination li{margin:0 5px}.pagination a{display:block;padding:8px 12px;color:var(--text-dark);text-decoration:none;border:1px solid var(--border-color);border-radius:var(--border-radius);transition:var(--transition)}.pagination a:hover{background:var(--primary-color);color:white;border-color:var(--primary-color)}.pagination .active a{background:var(--primary-color);color:white;border-color:var(--primary-color)}.progress{height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));transition:width 0.3s ease}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:var(--text-dark);color:white;text-align:center;border-radius:var(--border-radius);padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity 0.3s}.tooltip .tooltiptext::after{content:'';position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--text-dark) transparent transparent transparent}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.breadcrumb{display:flex;flex-wrap:wrap;padding:0;margin:0;list-style:none;background:var(--bg-light);border-radius:var(--border-radius);padding:10px 15px}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item+.breadcrumb-item::before{content:'/';margin:0 10px;color:var(--text-light)}.breadcrumb-item a{color:var(--primary-color);text-decoration:none}.breadcrumb-item a:hover{text-decoration:underline}.breadcrumb-item.active{color:var(--text-light)}.list-group{display:flex;flex-direction:column;padding:0;margin:0;list-style:none}.list-group-item{padding:15px;border:1px solid var(--border-color);border-top:0}.list-group-item:first-child{border-top:1px solid var(--border-color);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.list-group-item:last-child{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.list-group-item:hover{background:var(--bg-light)}.list-group-item.active{background:var(--primary-color);color:white;border-color:var(--primary-color)}.accordion{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.accordion-item{border-bottom:1px solid var(--border-color)}.accordion-item:last-child{border-bottom:0}.accordion-header{background:var(--bg-light);padding:15px;cursor:pointer;transition:var(--transition)}.accordion-header:hover{background:var(--border-color)}.accordion-header.active{background:var(--primary-color);color:white}.accordion-body{padding:15px;display:none}.accordion-body.show{display:block}.tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:20px}.tab{padding:10px 20px;cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition)}.tab:hover{background:var(--bg-light)}.tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.tab-content{display:none}.tab-content.active{display:block}.carousel{position:relative;overflow:hidden;border-radius:var(--border-radius)}.carousel-inner{display:flex;transition:transform 0.5s ease}.carousel-item{min-width:100%;flex-shrink:0}.carousel-control{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);color:white;border:none;padding:10px;cursor:pointer;z-index:10}.carousel-control.prev{left:10px}.carousel-control.next{right:10px}.carousel-indicators{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:5px}.carousel-indicator{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.5);border:none;cursor:pointer}.carousel-indicator.active{background:white}