/* --- Sidebar --- */
.sidebar{
    background:linear-gradient(200deg, var(--ink), var(--teal-deep));
    color:var(--cream);
    padding:32px 22px;
    display:flex;
    flex-direction:column;
    gap:6px;
}
.sidebar-brand{
    font-family:'Fraunces',serif;
    font-size:17px;
    font-weight:600;
    margin-bottom:28px;
    line-height:1.3;
}
.sidebar-brand span{
    display:block;
    font-size:11px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--gold-soft);
    font-family:'Plus Jakarta Sans',sans-serif;
    font-weight:600;
    margin-bottom:4px;
}
.nav-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px 14px;
    border-radius:10px;
    color:rgba(246,243,234,.82);
    text-decoration:none;
    font-size:13.5px;
    font-weight:500;
    transition:background .15s ease, color .15s ease;
}
.nav-item:hover{ background:rgba(255,255,255,.08); color:#fff; }
.nav-item.active{
    background:rgba(47,156,136,.28);
    color:#fff;
    box-shadow:inset 0 0 0 1px rgba(47,156,136,.4);
}
.nav-item .dot{
    width:6px; height:6px; border-radius:50%;
    background:var(--gold-soft);
    flex-shrink:0;
}

.sidebar-divider {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.15); /* sesuaikan warna sama background sidebar */
    margin: 16px 0;
}

.nav-item-back{
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(246,243,234,.25);
    border-radius: 10px;
    color: rgba(246,243,234,.75);
    font-size: 13.5px;
    font-weight: 500;
}
.nav-item-back:hover{
    border-color: rgba(246,243,234,.5);
    background: rgba(255,255,255,.05);
    color: #fff;
}
.nav-item-back .dot-back{
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}