/* =========================================================
   SIMPEL - Sidebar modern
   Hanya mengubah tampilan navigasi, tidak mengubah alur/menu.
   ========================================================= */
body{background:#f5f6fa;color:#24324a}
.sidebar-wrap{background:#fff;border-right:1px solid #ececf3;min-height:100vh}
.sidebar-inner{position:sticky;top:0;height:100vh;overflow-y:auto;padding:18px 14px 20px;scrollbar-width:thin;scrollbar-color:#d8d8e7 transparent}
.sidebar-brand{margin-bottom:18px}.sidebar-brand-link{display:flex;align-items:center;gap:11px;text-decoration:none;color:#1f2540;padding:4px 6px}
.sidebar-logo-box{width:48px;height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:14px;background:#fff}
.sidebar-logo{width:100%;height:100%;object-fit:contain}.sidebar-brand-text{min-width:0;display:flex;flex-direction:column;line-height:1.08}
.sidebar-brand-text strong{font-size:1.05rem;letter-spacing:.02em;color:#22243a}.sidebar-brand-text small{margin-top:4px;color:#8b8da0;font-size:.68rem;font-weight:700;letter-spacing:.02em}
.sidebar-nav{display:flex;flex-direction:column}.sidebar-action-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.sidebar-action{min-height:44px;display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:13px;text-decoration:none;font-size:.9rem;font-weight:800;letter-spacing:.01em;transition:all .18s ease;border:1px solid transparent}
.sidebar-action:hover{transform:translateY(-1px);text-decoration:none}.sidebar-action-danger{background:linear-gradient(135deg,#ffeff0,#fff);color:#c9364a;border-color:#f7d9de}.sidebar-action-danger:hover,.sidebar-action-danger.is-active{background:linear-gradient(135deg,#ffe5e9,#f8cfd6);color:#b4233c}
.sidebar-action-success{background:linear-gradient(135deg,#eefcf5,#fff);color:#178653;border-color:#d7f2e3}.sidebar-action-success:hover,.sidebar-action-success.is-active{background:linear-gradient(135deg,#dff8eb,#c9f1df);color:#117747}
.sidebar-quick-links{display:flex;flex-direction:column;gap:3px;margin-bottom:5px}
.side-link,.side-sub,.sidebar-item{display:flex;align-items:center;gap:10px;justify-content:flex-start;text-decoration:none;color:#5f6173;font-weight:650;transition:all .18s ease}
.sidebar-item{min-height:42px;padding:9px 12px;border-radius:12px;font-size:.88rem;background:transparent;border:1px solid transparent}
.sidebar-item:hover,.sidebar-item.is-active{color:#5f35c7;background:linear-gradient(90deg,#f0e9ff 0%,#e8ddff 100%);border-color:#e3d6ff;box-shadow:0 5px 15px rgba(119,76,207,.10);text-decoration:none}
.sidebar-icon{width:22px;min-width:22px;display:inline-flex;align-items:center;justify-content:center;font-size:1.02rem;line-height:1}
.side-section{border:0;border-radius:14px;padding:8px 4px 6px;margin-top:8px;background:transparent}.side-group{width:100%;padding:8px 8px 7px;color:#a0a1af;font-size:.67rem;font-weight:850;letter-spacing:.08em;display:flex;align-items:center;border:0;margin-bottom:4px}
.side-menu-list{display:flex;flex-direction:column;gap:2px}.side-sub{min-height:40px;font-size:.86rem;margin:0;border:1px solid transparent;border-radius:11px;padding:9px 10px;background:transparent;color:#5e6070}
.side-sub:hover{background:#f7f5fc;border-color:#eee8fa;color:#6237c8;transform:translateX(2px);text-decoration:none}.side-sub.is-active{background:linear-gradient(90deg,#eee6ff 0%,#dfd0ff 100%);border-color:#ddcffb;color:#6536c9;font-weight:800;box-shadow:0 5px 16px rgba(112,72,199,.12)}
.sidebar-logout-wrap{margin-top:14px;padding-top:10px;border-top:1px solid #efeff4}.sidebar-logout{color:#d14958}.sidebar-logout:hover,.sidebar-logout.is-active{color:#b72d3e;background:#fff0f2;border-color:#f7d9de}
.content-area{min-height:calc(100vh - 56px)}.card{border:0;border-radius:16px}.card-header{background:#fff;border-bottom:1px solid #eef1f5}.stat{border:0;border-radius:16px;box-shadow:0 5px 20px rgba(15,23,42,.06)}.quick-card{transition:.18s;cursor:pointer}.quick-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(15,23,42,.10)!important}.quick-icon{font-size:1.8rem}.lapor-card{border:0}.lapor-btn{font-size:1.15rem;padding:14px 26px;border-radius:12px}
@media(max-width:991.98px){.sidebar-inner{position:relative;height:auto;min-height:auto;overflow:visible}}
@media(max-width:767.98px){.sidebar-wrap{min-height:auto!important;border-right:0;border-bottom:1px solid #e7ebf1}.sidebar-inner{padding:13px 12px}.sidebar-brand{margin-bottom:12px}.side-link,.side-sub,.sidebar-item{padding:9px 11px}.content-area{padding-top:1rem!important}}