body{ background-color:#f5f6fa; }
.layout{ display:flex; min-height:100vh; width:100%; }
.sidebar{ width:240px; flex:0 0 240px; background:#0d6efd; color:#fff; position:sticky; top:0; height:100vh; }
.sidebar .nav-link{ color:#e9f1ff; border-radius:8px; margin:2px 0; }
.sidebar .nav-link:hover{ background:rgba(255,255,255,.15); color:#fff; }
.sidebar .nav-link.active{ background:#ffffff; color:#0d6efd; font-weight:600; }
.sidebar .brand{ color:#fff; }
.content{ flex:1; padding:24px; }
.card{ border-radius:12px; }
.btn{ border-radius:8px; }
.table td, .table th{ vertical-align:middle; }
.modal-content{ border-radius:12px; }
@media (max-width: 991px){ .sidebar{ position:fixed; transform:translateX(-100%); transition:transform .2s ease; z-index:1040; } .sidebar.show{ transform:translateX(0); } .content{ padding:16px; } }