:root{--merah:#d60000;--kuning:#f4b400;--hitam:#111;--putih:#ffffff}.sidebar{width:260px;height:100vh;position:fixed;top:0;left:0;background-color:var(--putih);color:var(--hitam);display:flex;flex-direction:column;align-items:center;box-shadow:2px 0 10px rgb(0 0 0 / .1);z-index:1000}.sidebar .logo img{width:200px;height:auto;object-fit:contain;border-bottom:5px solid #000;}.sidebar-nav{width:100%;flex-grow:1;padding-top:50px}.sidebar-nav ul{list-style:none;padding-left:0;margin:0}.sidebar-nav a{display:flex;align-items:center;color:#000;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:var(--kuning);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}.title-limit{max-width:240px;line-height:1.4}.btn-custom{background-color:#eec200;border-color:#ced4da;color:#2b2b2b;transition:0.3s}.btn-custom:hover{background-color:var(--kuning);border-color:#ced4da;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.sidebar{width:220px}.main-content{margin-left:220px}.sidebar .logo img{width:130px}}