*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background-color:#f8f9fa;font-family:Arial,Helvetica,sans-serif}.admin-wrapper{height:100vh;display:flex;overflow:hidden}.sidebar{color:#fff;background-color:#212529;flex-direction:column;width:240px;min-width:240px;display:flex;overflow-y:auto}.sidebar-brand{color:#fff;border-bottom:1px solid #ffffff1a;padding:1rem 1.25rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:block}.sidebar-brand:hover{color:#adb5bd}.sidebar-nav{margin:0;padding:.75rem 0;list-style:none}.sidebar-nav-section{text-transform:uppercase;letter-spacing:.08em;color:#6c757d;padding:.5rem 1rem .25rem;font-size:.7rem;font-weight:600}.sidebar-nav-item a{color:#adb5bd;align-items:center;gap:.6rem;padding:.55rem 1.25rem;font-size:.9rem;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav-item a:hover{color:#fff;background-color:#ffffff14}.sidebar-nav-item a.active{color:#fff;background-color:#0d6efd}.main-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background-color:#fff;border-bottom:1px solid #dee2e6;flex-shrink:0;justify-content:space-between;align-items:center;min-height:60px;padding:.75rem 1.5rem;display:flex}.topbar-title{color:#212529;margin:0;font-size:1.1rem;font-weight:600}.content-area{flex:1;padding:1.5rem;overflow-y:auto}.table-responsive{border-radius:.375rem;overflow:hidden}.modal-backdrop{z-index:1040}.modal{z-index:1050}