.app-container{min-height:100vh;display:flex}.sidebar{z-index:100;background:#4a6741;flex-direction:column;width:240px;min-height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;left:0}.s-logo{border-bottom:1px solid #ffffff1f;padding:18px 18px 14px}.logo-b{align-items:center;gap:10px;display:flex}.logo-ic{background:#76916b;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex}.logo-tx{color:#e0eadd;font-size:15px;font-weight:800}.logo-sx{color:#e0eadd8c;letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:500}.s-nav{flex:1;padding:12px 10px;overflow-y:auto}.nav-lbl{color:#e0eadd66;letter-spacing:.1em;text-transform:uppercase;margin-top:6px;padding:8px 8px 4px;font-size:10px;font-weight:700}.nav-i{border-radius:var(--rs);color:#e0eadd;opacity:.7;cursor:pointer;align-items:center;gap:10px;margin-bottom:2px;padding:9px 11px;font-size:13px;font-weight:500;text-decoration:none;transition:all .18s;display:flex}.nav-i:hover{color:#e0eadd;opacity:1;background:#e0eadd1a}.nav-i.active{color:#e0eadd;opacity:1;background:#76916b;font-weight:700;box-shadow:inset 3.5px 0 #a9c2a0}.nav-ic{text-align:center;width:20px;font-size:15px}.s-foot{border-top:1px solid #ffffff1f;padding:12px 10px}.u-card{border-radius:var(--rs);cursor:pointer;align-items:center;gap:9px;padding:8px 10px;display:flex}.u-av{color:#e0eadd;background:#76916b;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.u-name{color:#e0eadd;font-size:12px;font-weight:600}.u-role{color:#e0eadd80;font-size:10px}.author-tag{color:#e0eadd4d;text-align:center;padding:4px 0 0;font-size:10px;font-style:italic}.main{flex-direction:column;flex:1;min-height:100vh;margin-left:240px;display:flex}.header{background:var(--bgc);border-bottom:1px solid var(--border);z-index:50;align-items:center;gap:14px;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.hbg{cursor:pointer;color:var(--teks);background:0 0;border:none;padding:4px;font-size:22px;display:none}.h-title{font-size:16px;font-weight:700}.h-date{color:var(--muted);font-size:11.5px;font-family:var(--mono)}.h-acts{align-items:center;gap:8px;margin-left:auto;display:flex}.content{flex:1;padding:24px}.s-ov{z-index:90;background:#00000080;display:none;position:fixed;inset:0}.s-ov.open{display:block}@media (max-width:768px){.sidebar{transform:translate(-240px)}.sidebar.open{transform:translate(0)}.main{margin-left:0}.hbg{display:block}.content{padding:14px 12px 76px}.header{padding:0 14px}.h-acts .btn-o,.btn-p span{display:none}.btn-p{padding:8px 10px}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.pulse{animation:2s ease-in-out infinite pulse}