.sidebar{width:260px;height:100vh;position:fixed;top:0;left:0;background-color:#1e293b;color:#fff;display:flex;flex-direction:column;align-items:center;box-shadow:2px 0 10px rgb(0 0 0 / .1);z-index:1000}.sidebar .logo{text-align:center;padding:25px 0 20px 0;border-bottom:1px solid rgb(255 255 255 / .1);width:100%}.sidebar .logo img{width:160px;height:auto;object-fit:contain}.sidebar-nav{width:100%;flex-grow:1;padding-top:20px}.sidebar-nav ul{list-style:none;padding-left:0;margin:0}.sidebar-nav a{display:flex;align-items:center;color:#cbd5e1;text-decoration:none;padding:12px 20px;margin:5px 15px;border-radius:8px;transition:0.3s;font-size:.95rem}.sidebar-nav a:hover,.sidebar-nav a.active{background-color:#3b82f6;color:#fff}.sidebar-nav i{margin-right:10px;width:20px}.logout-link{background:#dc3545;color:white!important;margin:15px;padding:10px 20px;border-radius:8px;text-align:center;display:block}.logout-link:hover{background:#bb2d3b}.main-content{margin-left:260px;padding:20px;min-height:100vh;background:#f8f9fa}.gambar-program{max-width:80px;border-radius:6px}#mainContent{margin-left:260px!important;padding:20px!important;min-height:100vh!important;background-color:#f8fafc!important}.preview-img{max-width:300px;border-radius:10px;margin-top:10px;display:block}.form-label{font-weight:600}.gallery-wrapper{display:flex;gap:6px;align-items:center}.gallery-thumb{width:68px;height:48px;object-fit:cover;border-radius:6px;box-shadow:0 1px 3px rgb(0 0 0 / .15)}.gallery-more{width:68px;height:48px;border-radius:6px;background:#e5e7eb;color:#374151;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}.title-limit{max-width:240px;line-height:1.4}@media (max-width:768px){.sidebar{width:220px}.main-content{margin-left:220px}.sidebar .logo img{width:130px}}