.sidebar{color:#ecf0f1;background-color:#2c3e50;flex-direction:column;width:250px;transition:width .3s;display:flex}.sidebar.collapsed{width:70px}.sidebar-header{border-bottom:1px solid #34495e;justify-content:space-between;align-items:center;height:60px;padding:0 15px;display:flex}.sidebar-header h3{white-space:nowrap;margin:0;font-size:1rem}.toggle-btn{color:#ecf0f1;cursor:pointer;background:0 0;border:none;font-size:1rem}.sidebar-nav{flex-direction:column;gap:5px;padding-top:20px;display:flex}.nav-item{color:#bdc3c7;align-items:center;padding:12px 20px;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background-color:#34495e;border-left:4px solid #3498db}.nav-item.active{background-color:#1abc9c;border-left-color:#16a085}.nav-item .icon{margin-right:15px;font-size:1.2rem}.sidebar.collapsed .nav-item{justify-content:center;padding:12px 0}.sidebar.collapsed .nav-item .icon{margin-right:0}.topbar{background-color:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex;box-shadow:0 2px 4px #00000005}.topbar-left h2{color:#333;margin:0;font-size:1.2rem}.topbar-right{align-items:center;gap:20px;display:flex}.user-info{align-items:center;gap:10px;display:flex}.user-name{color:#333;font-weight:500}.badge-root{color:#fff;background-color:#dc3545;border-radius:12px;padding:3px 8px;font-size:.75rem;font-weight:700}.btn-logout{color:#dc3545;cursor:pointer;background-color:#0000;border:1px solid #dc3545;border-radius:4px;padding:6px 15px;transition:all .2s}.btn-logout:hover{color:#fff;background-color:#dc3545}.root-layout{background-color:#f4f7f6;width:100vw;height:100vh;display:flex;overflow:hidden}.main-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.content-area{flex:1;padding:30px;overflow-y:auto}