.layout{display:flex;min-height:100vh}.sidebar{width:250px;background-color:#1a1a2e;color:#fff;display:flex;flex-direction:column;padding:20px 0}.sidebar-header{padding:0 20px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h1{font-size:1.2rem;margin-bottom:5px}.sidebar-header .subtitle{font-size:.8rem;opacity:.7}.nav-links{list-style:none;padding:20px 0;flex:1}.nav-links li{margin-bottom:5px}.nav-links a{display:block;padding:12px 20px;color:#ffffffb3;text-decoration:none;transition:all .2s}.nav-links a:hover{background-color:#ffffff1a;color:#fff}.nav-links a.active{background-color:#4a69bd;color:#fff}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.user-info{margin-bottom:10px}.user-name{font-size:.9rem;opacity:.9}.logout-btn{width:100%;padding:10px;background-color:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:5px;cursor:pointer;transition:all .2s}.logout-btn:hover{background-color:#ffffff1a;border-color:#ffffff80}.content{flex:1;padding:30px;overflow-y:auto}