*{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}.topbar-user{position:relative}.topbar-user-btn{cursor:pointer;color:#212529;background:0 0;border:1px solid #dee2e6;border-radius:.5rem;align-items:center;gap:.5rem;padding:.3rem .75rem .3rem .4rem;transition:background .15s;display:flex}.topbar-user-btn:hover{background-color:#f8f9fa}.topbar-avatar{color:#fff;-webkit-user-select:none;user-select:none;background-color:#0d6efd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.7rem;font-weight:700;display:flex}.topbar-avatar--lg{width:2.5rem;height:2.5rem;font-size:.85rem}.topbar-username{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.875rem;font-weight:500;overflow:hidden}.topbar-chevron{color:#6c757d;font-size:.65rem}.topbar-dropdown{z-index:1100;background:#fff;border:1px solid #dee2e6;border-radius:.5rem;min-width:220px;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 .5rem 1.5rem #0000001f}.topbar-dropdown-header{background:#f8f9fa;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.topbar-dropdown-name{color:#212529;font-size:.875rem;font-weight:600}.topbar-dropdown-email{color:#6c757d;font-size:.75rem}.topbar-dropdown-divider{border-top:1px solid #dee2e6}.topbar-dropdown-item{text-align:left;color:#212529;cursor:pointer;background:0 0;border:none;width:100%;padding:.6rem 1rem;font-size:.875rem;transition:background .1s;display:block}.topbar-dropdown-item:hover{background-color:#f8f9fa}.topbar-dropdown-item--danger{color:#dc3545}.sidebar-nav-group-btn{color:#adb5bd;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;width:100%;padding:.55rem 1.25rem;font-size:.9rem;transition:all .15s;display:flex}.sidebar-nav-group-btn:hover{color:#fff;background-color:#ffffff14}.sidebar-nav-group-btn.active{color:#fff}.sidebar-nav-chevron{margin-left:auto;font-size:.75rem}.sidebar-subnav{background-color:#00000026;margin:0;padding:0;list-style:none}.sidebar-subnav li a{color:#adb5bd;align-items:center;gap:.5rem;padding:.45rem 1.25rem .45rem 2.5rem;font-size:.85rem;text-decoration:none;transition:all .15s;display:flex}.sidebar-subnav li a:hover{color:#fff;background-color:#ffffff14}.sidebar-subnav li a.active{color:#fff;background-color:#0d6efd}